:root{color:#1c2430;background:#f6f4ef;font-family:Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh}.nav{color:#f6f4ef;background:#1c2430;align-items:center;gap:1.25rem;padding:.9rem 1.5rem;display:flex}.nav a{color:inherit;text-decoration:none}.brand{margin-right:auto;font-weight:700}.page{max-width:1100px;margin:0 auto;padding:1.5rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:#6b6256;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.75rem}h1{margin:.2rem 0}.lede{color:#4d463d;max-width:42rem}label{gap:.35rem;margin:.75rem 0;font-weight:600;display:grid}input,select,textarea,button,.button{font:inherit;border:1px solid #cfc6b8;border-radius:6px;padding:.45rem .7rem}textarea{min-height:7rem}button,.button{color:#f6f4ef;cursor:pointer;background:#1c2430;text-decoration:none;display:inline-block}button.danger{background:#8c2f2f}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #e6dfd4;padding:.7rem}.actions{align-items:center;gap:.75rem;display:flex}.banner{background:#fff4e8;border:1px solid #e2b48a;padding:.75rem 1rem}.wide-form{max-width:52rem}.hint{color:#6b6256;font-weight:400}.section{background:#fff;border:1px solid #e6dfd4;border-radius:8px;margin:1.25rem 0;padding:.75rem 1.25rem 1.25rem}.section legend{padding:0 .4rem;font-weight:700}.section .hint{margin:.2rem 0 .6rem}.field-title{margin:.9rem 0 0;font-weight:600}.narrow{max-width:18rem}textarea.short{min-height:4.5rem}textarea.tall{min-height:16rem}button.secondary,.button.secondary{color:#1c2430;background:#fff}button.link{color:#1c4f8c;background:0 0;border:none;padding:.2rem .3rem;text-decoration:underline}button:disabled{opacity:.5;cursor:default}.success{background:#eaf6ec;border:1px solid #8fc59a;padding:.75rem 1rem}.banner ul{margin:.4rem 0 0;padding-left:1.2rem}.banner p{margin:0}.thumb{justify-items:start;gap:.3rem;margin:.5rem 0;display:grid}.thumb img,.thumb-missing{object-fit:cover;background:#f6f4ef;border:1px solid #e6dfd4;border-radius:6px;width:9rem;height:6rem}.thumb.hero img{width:18rem;height:10rem}.thumb-missing{color:#6b6256;place-items:center;font-size:.8rem;display:grid}.gallery{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.gallery .actions{gap:.1rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.4rem 0;padding:0;list-style:none;display:flex}.chip{background:#efe9df;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .4rem .2rem .75rem;display:inline-flex}.chip button{color:#4d463d;background:0 0;border:none;padding:0 .3rem}.type-list{flex-wrap:wrap;gap:.4rem 1.25rem;display:flex}label.check{align-items:center;gap:.45rem;margin:.25rem 0;font-weight:500;display:inline-flex}.audience-type{border-top:1px solid #e6dfd4;margin-top:1rem;padding-top:.5rem}.audience-type h3{margin:.3rem 0;font-size:1rem}.audience-note{color:#2f5d3a;margin:.4rem 0}.rule,.question{background:#fbfaf7;border:1px solid #e6dfd4;border-radius:6px;margin:.6rem 0;padding:.6rem .8rem}.rule-header{align-items:baseline;gap:.75rem;display:flex}.rule-header .link{margin-left:auto}.condition,.choice{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.45rem 0;display:flex}.choice input[type=text],.choice input:not([type]){flex:1}.status{background:#efe9df;border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.status.published{background:#dcefe0}.status.scheduled{background:#e3ecf8}.status.withdrawn{background:#f3e1e1}.language{color:#6b6256;margin-left:.5rem;font-size:.75rem}.pair{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;display:grid}.studio{--navy:#0f2d58;--violet:#7255e9;--ink:#14213d;--muted:#75809a;--line:#e9eaf3;--bg:#f7f8fe;min-height:100vh;color:var(--ink);background:var(--bg);font-family:Inter,Segoe UI,sans-serif}.studio .sidebar{z-index:40;color:#dce5ff;background:linear-gradient(166deg,#0f2d58 0%,#112649 58%,#192653 100%);flex-direction:column;width:250px;padding:28px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.studio .brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.studio .brand-mark{background:linear-gradient(140deg,#32d3c6,#80d6ed);border-radius:10px;width:36px;height:36px}.studio .brandname{color:#fff;font-size:18px;font-weight:760}.studio .brandsub{color:#b7b4ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.studio .sidecap{color:#91a9d0;letter-spacing:.16em;text-transform:uppercase;margin:16px 12px 8px;font-size:10px;font-weight:800}.studio .side-link{color:#d6dff3;border-radius:10px;align-items:center;gap:10px;min-height:44px;margin:3px 0;padding:10px 14px;font-weight:600;text-decoration:none;display:flex}.studio .side-link.active,.studio .side-link[aria-current=page]{color:#fff;background:linear-gradient(105deg,#6545dc,#8267ff)}.studio .side-link.soon{color:#9aafd4;cursor:default}.studio .side-badge{color:#f6ce85;border:1px solid #f8c87544;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:10px}.studio .side-bottom{margin-top:auto;padding-top:24px}.studio .mini-tip{background:#132a5b77;border:1px solid #a7bffb30;border-radius:16px;padding:16px}.studio .mini-tip b{color:#fff}.studio .mini-tip p{color:#bdcaed;margin:6px 0 0;font-size:12px}.studio .ico{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.studio .main{min-height:100vh;margin-left:250px}.studio .topbar{z-index:20;background:#fff;border-bottom:1px solid #e9eaf2;align-items:center;gap:16px;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.studio .global-search{color:#7e88a1;background:#fafbff;border:1px solid #e4e6ef;border-radius:10px;align-items:center;gap:8px;width:min(440px,46vw);height:38px;padding:0 12px;display:flex}.studio .global-search input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.studio .top-right{align-items:center;gap:14px;margin-left:auto;display:flex}.studio .circle-btn,.studio .lang{color:#435175;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.studio .circle-btn{background:#fff;border:1px solid #e9ebf5;border-radius:10px;justify-content:center;width:34px;height:34px}.studio .mobile-toggle{display:none}.studio .avatar{color:#fff;background:linear-gradient(140deg,#6b56dd,#dfae99);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.studio .profile-top{align-items:center;gap:8px;display:flex}.studio .profile-top b{font-size:12px}.studio .profile-top small{color:#8c95a9;display:block}.studio .container{max-width:1280px;margin:0 auto;padding:28px 32px 72px}.studio .page{max-width:none;margin:0;padding:0}.studio h1{letter-spacing:-.04em;font-size:30px}.studio .page-header,.studio .page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.studio .eyebrow,.studio .head-sub,.studio .lede,.studio .hint,.studio .muted{color:var(--muted)}.studio .btn,.studio .button,.studio button,.studio .button.secondary{color:#31415d;background:#fff;border:1px solid #e4e7f3;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.studio .btn.primary,.studio a.button,.studio button[type=submit],.studio button:not(.secondary):not(.danger):not(.link):not(.tab):not(.circle-btn):not(.sidebar-overlay){background:var(--violet);border-color:var(--violet);color:#fff}.studio button.secondary,.studio .button.secondary{color:#31415d;background:#fff}.studio button.danger{color:#be4359;background:#fff7f9;border-color:#ffdae2}.studio button.link{color:#6d4edc;background:0 0;border:0;height:auto;padding:0}.studio .panel{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 6px 24px #222d5f0d}.studio .cards-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.studio .metric{min-height:112px;padding:18px}.studio .metric-label{color:#65718c;font-size:12px;font-weight:700}.studio .metric-number{letter-spacing:-.04em;font-size:28px;font-weight:800}.studio .metric-foot{color:#7b88a1;margin-top:8px;font-size:12px}.studio .rows-main{grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:16px;display:grid}.studio .panel-pad{padding:18px 20px}.studio .pipeline-row{grid-template-columns:92px 1fr 28px;align-items:center;gap:10px;margin:10px 0;font-size:12px;display:grid}.studio .bartrack{background:#f0f1f8;border-radius:8px;height:8px;overflow:hidden}.studio .barfill{background:#8975ef;height:100%}.studio .barfill.teal{background:#21bca9}.studio .barfill.orange{background:#f0b461}.studio .barfill.grey{background:#a7b2c6}.studio .queue-row{border-bottom:1px solid #eff0f5;align-items:center;gap:10px;padding:12px 0;display:flex}.studio .queue-row a{color:inherit;font-weight:700;text-decoration:none}.studio .chip{color:#67748f;background:#f2f4fc;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.studio .chip.published{color:#0a986f;background:#e5f8f1}.studio .chip.draft{color:#7b55d8;background:#f0edfe}.studio .chip.withdrawn{color:#737f96;background:#f1f2f5}.studio .chip.scheduled{color:#b8791e;background:#fff4e5}.studio .action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.studio .action-card{color:inherit;background:#fff;border:1px solid #ececf5;border-radius:12px;padding:14px;text-decoration:none;display:block}.studio .action-card small{color:#929bb0;margin-top:4px;display:block}.studio .tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.studio .tab{color:#8a94aa;background:0 0;border:0;height:auto}.studio .tab.active{color:#6f4bdc;background:#f1ecff}.studio .toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.studio .searchfield,.studio select,.studio input,.studio textarea{color:var(--ink);font:inherit;background:#fff;border:1px solid #e5e7f2;border-radius:9px}.studio .searchfield{flex:1;align-items:center;min-width:220px;height:36px;padding:0 10px;display:flex}.studio .searchfield input{border:0;outline:0;width:100%}.studio select,.studio .field input,.studio label input,.studio label textarea,.studio label select{width:100%;padding:10px 12px}.studio .data-scroll{overflow:auto}.studio table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.studio th{text-align:left;color:#9099ac;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #edf0f6;padding:12px;font-size:11px}.studio td{border-bottom:1px solid #f0f1f6;padding:14px 12px}.studio td a{color:#182645;font-weight:700;text-decoration:none}.studio .table-footer{color:#8d95a6;justify-content:space-between;align-items:center;padding:12px 4px;font-size:12px;display:flex}.studio .empty{text-align:center;color:#8a91a6;padding:28px}.studio .section,.studio fieldset.section{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px 20px}.studio .studio-panes .pane{display:none}.studio .studio-panes[data-tab=content] .pane[data-pane=content],.studio .studio-panes[data-tab=media] .pane[data-pane=media],.studio .studio-panes[data-tab=audience] .pane[data-pane=audience],.studio .studio-panes[data-tab=quiz] .pane[data-pane=quiz],.studio .studio-panes[data-tab=preview] .pane[data-pane=preview],.studio .studio-panes[data-tab=publishing] .pane[data-pane=publishing],.studio .studio-panes[data-tab=setup] .pane[data-pane=setup],.studio .studio-panes[data-tab=build] .pane[data-pane=build],.studio .studio-panes[data-tab=editor] .pane[data-pane=editor]{display:block}.studio .editor-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:start;gap:16px;display:grid}.studio .mini-phone{background:#fbfcff;border:7px solid #253454;border-radius:28px;width:240px;min-height:280px;margin:12px auto;position:relative;overflow:hidden}.studio .notch{background:#253454;border-radius:0 0 12px 12px;width:64px;height:12px;margin:0 auto}.studio .phone-inner{padding:16px}.studio .phone-category{color:#7550dd;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.studio .phone-task{background:#fff;border:1px solid #ecebfa;border-radius:12px;padding:12px}.studio .phone-task h3{margin:0;font-size:15px}.studio .phone-task p{color:#8c96a8;white-space:pre-wrap;font-size:12px}.studio .phone-tiny span{background:#f4f2fe;border-radius:6px;margin-top:8px;padding:4px 6px;font-size:11px;display:inline-block}.studio .actions,.studio .sticky-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.studio .studio-toast{z-index:80;color:#fff;background:#1c2a4a;border-radius:12px;max-width:380px;padding:14px 16px;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #17224430}.studio .studio-toast ul{margin:8px 0 0;padding-left:18px}.studio .sidebar-overlay{z-index:30;background:#0f1c3c7d;border:0;position:fixed;inset:0}@media (width<=1100px){.studio .cards-4,.studio .rows-main,.studio .editor-grid,.studio .action-grid{grid-template-columns:1fr 1fr}}.studio .studio-toast button{color:#1c2a4a;background:#fff;margin-top:10px}@media (width<=800px){.studio .sidebar{transition:transform .2s;transform:translate(-105%)}.studio .sidebar.open{transform:none}.studio .main{margin-left:0}.studio .mobile-toggle{display:inline-flex}.studio .lang,.studio .profile-top{display:none}.studio .cards-4,.studio .rows-main,.studio .editor-grid,.studio .action-grid{grid-template-columns:1fr}.studio .container{padding:20px 16px 48px}}:root{--fb-ink:#1c2430;--fb-muted:#5c6570;--fb-surface:#fff;--fb-line:#e6dfd4;--fb-info:#1c4f8c;--fb-info-soft:#e7f0f8;--fb-success:#2f6b45;--fb-success-soft:#eaf6ec;--fb-warning:#9a6230;--fb-warning-soft:#fff4e8;--fb-danger:#8c2f2f;--fb-danger-soft:#fdeeee;--fb-shadow:0 18px 44px #17224429}.fb-toast-stack{z-index:160;pointer-events:none;flex-direction:column-reverse;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.fb-toast{background:var(--fb-surface);color:var(--fb-ink);border:1px solid var(--fb-line);box-shadow:var(--fb-shadow);pointer-events:auto;border-radius:16px;grid-template-columns:36px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:14px 12px 16px 14px;animation:.18s fb-toast-in;display:grid;position:relative;overflow:hidden}.fb-toast-sticky{grid-template-columns:36px minmax(0,1fr)}.fb-toast:before{content:"";background:var(--fb-accent,var(--fb-info));width:4px;position:absolute;top:0;bottom:0;left:0}.fb-toast-success{--fb-accent:var(--fb-success);--fb-soft:var(--fb-success-soft)}.fb-toast-error{--fb-accent:var(--fb-danger);--fb-soft:var(--fb-danger-soft)}.fb-toast-warning{--fb-accent:var(--fb-warning);--fb-soft:var(--fb-warning-soft)}.fb-toast-info{--fb-accent:var(--fb-info);--fb-soft:var(--fb-info-soft)}.fb-toast-icon{background:var(--fb-soft,var(--fb-info-soft));width:36px;height:36px;color:var(--fb-accent,var(--fb-info));border-radius:11px;place-items:center;display:grid}.fb-toast-icon svg,.fb-toast-close svg,.fb-popup-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.fb-toast-copy{min-width:0;max-height:180px;overflow:auto}.fb-toast-copy strong{letter-spacing:-.01em;margin:1px 0 2px;font-size:13px;display:block}.fb-toast-copy p{color:var(--fb-ink);margin:0;font-size:13px;font-weight:600;line-height:1.45}.fb-toast-copy strong+p{color:var(--fb-muted);font-weight:500}.fb-toast-copy ul{margin:8px 0 0;padding-left:18px;font-size:13px}.fb-toast-copy button{background:var(--fb-ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:700}.fb-toast-close,.fb-popup-close{width:28px;height:28px;color:var(--fb-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.fb-toast-close:hover,.fb-popup-close:hover{color:var(--fb-ink);background:#f3f6f6}.fb-toast-bar{background:var(--fb-accent,var(--fb-info));transform-origin:0;height:3px;animation:linear forwards fb-shrink;position:absolute;bottom:0;left:0;right:0}.fb-toast:hover .fb-toast-bar{animation-play-state:paused}.fb-cover{z-index:140;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10243075;justify-content:center;align-items:center;padding:24px;animation:.14s fb-fade;display:flex;position:fixed;inset:0}.fb-popup{background:var(--fb-surface);width:min(480px,100%);max-height:min(90vh,760px);color:var(--fb-ink);box-shadow:var(--fb-shadow);border-radius:18px;outline:none;animation:.18s fb-pop-in;overflow:auto}.fb-popup-wide{width:min(680px,100%)}.fb-popup-danger{box-shadow:inset 0 3px 0 var(--fb-danger), var(--fb-shadow)}.fb-popup-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 16px 0 22px;display:flex}.fb-popup-bare .fb-popup-head{border-bottom:1px solid var(--fb-line);padding-bottom:16px}.fb-popup-head h2{letter-spacing:-.03em;margin:2px 0 0;font-size:18px}.fb-popup-head p{color:var(--fb-muted);margin:6px 0 0;font-size:13px;line-height:1.45}.fb-popup-body{padding:8px 22px 22px}.fb-popup-body.bare{padding:0}.fb-popup-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.fb-button{border:1px solid var(--fb-line);height:36px;color:var(--fb-ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:0 14px;font-size:13px;font-weight:700}.fb-button-primary{background:var(--fb-info);border-color:var(--fb-info);color:#fff}.fb-button-danger{background:var(--fb-danger);border-color:var(--fb-danger);color:#fff}.fb-button:focus-visible,.fb-toast-close:focus-visible,.fb-popup-close:focus-visible,.fb-popup:focus-visible{outline:3px solid color-mix(in srgb, var(--fb-info) 45%, white);outline-offset:2px}@keyframes fb-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fb-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes fb-fade{0%{opacity:0}to{opacity:1}}@keyframes fb-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.fb-toast,.fb-popup,.fb-cover,.fb-toast-bar{animation:none}}
