/* NF design contract: snow surfaces, 4px geometry, shared controls. */
:root{--nf-snow:#fff;--nf-soft:#f8fafc;--nf-ink:#172331;--nf-muted:#708092;--nf-line:#e8edf2;--nf-red:#e71932;--nf-blush:#fff1f3;--nf-green:#187b60;--nf-unit:4px;--nf-r-sm:8px;--nf-r:16px;--nf-r-lg:24px;--nf-space-1:4px;--nf-space-2:8px;--nf-space-3:12px;--nf-space-4:16px;--nf-space-5:20px;--nf-space-6:24px;--nf-space-8:32px;--nf-hit:44px;--nf-sidebar:216px;--nf-header:64px;--nf-shadow:0 8px 32px #17233106;--c-surface:var(--nf-snow);--bg:var(--nf-soft);--ink:var(--nf-ink);--muted:var(--nf-muted);--line:var(--nf-line);--red:var(--nf-red);--soft-red:var(--nf-blush);--green:var(--nf-green);--radius:var(--nf-r);--gap:var(--nf-space-5);--hit:var(--nf-hit);--rail:var(--nf-sidebar);color-scheme:light;font-family:Arial,Assistant,sans-serif}
body{background:var(--nf-soft)}#rail{padding:var(--nf-space-6) var(--nf-space-3);background:var(--nf-snow)}.nf-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:var(--nf-space-2);padding:var(--nf-space-3);font-size:22px;letter-spacing:-1px;line-height:1;font-weight:800}.nf-wordmark>span>span{color:var(--nf-red)}.nf-wordmark small{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--nf-muted)}.tenant{padding:var(--nf-space-5) var(--nf-space-3);margin-bottom:var(--nf-space-4);border-bottom:1px solid var(--nf-line)}.tenant>span{background:var(--nf-blush);color:var(--nf-red);border:1px solid var(--nf-line);border-radius:var(--nf-r-sm)}nav{gap:var(--nf-space-1)}nav button{min-height:var(--nf-hit);font-weight:600;font-size:12px;padding:var(--nf-space-3);border-radius:var(--nf-r-sm)}nav button.active{color:var(--nf-red);background:var(--nf-blush)}nav button:hover{background:var(--nf-soft)}header{height:var(--nf-header);padding-inline:var(--nf-space-6);background:var(--nf-snow)}.rail-foot{line-height:1.7;padding:var(--nf-space-3);text-align:start}main{padding:var(--nf-space-6);max-width:1600px;margin:auto}.page-title{letter-spacing:-.6px}.nf-page-head{display:flex;justify-content:space-between;align-items:center;gap:var(--nf-space-4);margin-block:var(--nf-space-2) var(--nf-space-6)}.nf-page-head h1{font-size:30px;letter-spacing:-1px;margin:var(--nf-space-2) 0;line-height:1.15}.nf-page-head p{color:var(--nf-muted);font-size:13px;line-height:1.7;max-width:720px}.nf-eyebrow{color:var(--nf-red);font-weight:700;font-size:10px;letter-spacing:1.6px}.nf-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--nf-space-4);margin-block:var(--nf-space-6)}.nf-stat{padding:var(--nf-space-5);background:var(--nf-snow);border:1px solid var(--nf-line);border-radius:var(--nf-r)}.nf-stat b{display:block;font-size:30px;letter-spacing:-1px}.nf-stat small{display:block;margin-top:var(--nf-space-2);font-size:11px}.nf-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--nf-line);border-radius:var(--nf-r-lg);overflow:hidden;background:var(--nf-snow);box-shadow:var(--nf-shadow)}.nf-feature img{width:100%;height:100%;min-height:260px;object-fit:cover}.nf-feature-copy{padding:var(--nf-space-8);align-self:center}.nf-feature h2{font-size:28px;letter-spacing:-.8px;line-height:1.2}.nf-feature p{color:var(--nf-muted);font-size:13px;line-height:1.8}.nf-feature button{margin-top:var(--nf-space-5)}.nf-section-title{display:flex;align-items:center;justify-content:space-between;margin-block:var(--nf-space-8) var(--nf-space-4)}.nf-section-title h2{font-size:18px;margin:0}.item-card{border-radius:var(--nf-r);box-shadow:var(--nf-shadow)}.item-card h2{font-size:15px;line-height:1.5}.nf-template-frame{width:100%;height:calc(100dvh - 220px);min-height:600px;border:1px solid var(--nf-line);border-radius:var(--nf-r);background:var(--nf-snow)}.nf-sample-note{padding:var(--nf-space-3) var(--nf-space-4);border:1px solid var(--nf-line);border-radius:var(--nf-r-sm);font-size:11px;color:var(--nf-muted);background:var(--nf-snow);margin-block-end:var(--nf-space-4)}.nf-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nf-space-4)}.nf-step{padding:var(--nf-space-6);background:var(--nf-snow);border:1px solid var(--nf-line);border-radius:var(--nf-r)}.nf-step>b{color:var(--nf-red);font-size:12px}.nf-step h2{font-size:20px}.nf-step p{font-size:13px;color:var(--nf-muted);line-height:1.8}.nf-kit-actions{display:flex;gap:var(--nf-space-2);margin:var(--nf-space-3)}.nf-kit-actions button{flex:1;font-size:11px}.nf-recording{display:flex;justify-content:space-between;gap:var(--nf-space-4);padding:var(--nf-space-5);background:var(--nf-snow);border:1px solid var(--nf-line);border-radius:var(--nf-r);margin-bottom:var(--nf-space-3)}.nf-recording b{display:block}.nf-recording p{color:var(--nf-muted);line-height:1.7;font-size:12px;max-width:700px}
.mt-cat.on{background:var(--nf-blush)!important;border-color:var(--nf-red)!important;color:var(--nf-red)!important}.mt-cat.on span{color:var(--nf-red)!important}.mt-tile-dur,.mt-tile-play{background:var(--nf-snow)!important;color:var(--nf-ink)!important;border:1px solid var(--nf-line)}.mt-toast{background:var(--nf-snow)!important;color:var(--nf-ink)!important;border:1px solid var(--nf-line)}.mt-cat{min-height:var(--nf-hit)}.mt-btn{min-height:var(--nf-hit)}
/* The editor keeps labelled navigation; layout shares the same geometry. */
.cockpit-open{--rail:var(--nf-sidebar)}.cockpit-open #rail{padding:var(--nf-space-6) var(--nf-space-3)}.cockpit-open #rail .nf-wordmark{font-size:22px}.cockpit-open #rail .tenant>div,.cockpit-open .rail-foot{display:block}.cockpit-open .tenant{justify-content:flex-start;padding:var(--nf-space-5) var(--nf-space-3)}.cockpit-open nav button{font-size:12px;justify-content:flex-start;height:var(--nf-hit);padding:var(--nf-space-3)}.cockpit-open header{height:var(--nf-header)}.social-cockpit{--cp-line:var(--nf-line);--cp-radius:var(--nf-r);--cp-pad:var(--nf-space-3);--cp-muted:var(--nf-muted);--cp-bg:var(--nf-soft);height:calc(100dvh - var(--nf-header))}.cockpit-grid{grid-template-columns:minmax(180px,.8fr) minmax(340px,1.7fr) minmax(230px,1fr);gap:var(--nf-space-4)}.cockpit-open main{padding-inline:var(--nf-space-4)}.cockpit-panel{box-shadow:var(--nf-shadow)}.cockpit-panel-head{min-height:var(--nf-hit)}.source-tag{background:var(--nf-snow);color:var(--nf-ink);border:1px solid var(--nf-line);box-shadow:var(--nf-shadow)}.closed-item.selected{box-shadow:inset 3px 0 var(--nf-red)}.social-preview{background:var(--nf-snow);border:1px solid var(--nf-line)}.social-preview .brand-mark{background:var(--nf-snow);padding:var(--nf-space-1) var(--nf-space-2);border-radius:var(--nf-r-sm);color:var(--nf-ink);font-size:10px}.social-preview .brand-mark span{color:var(--nf-red)}button{border-radius:var(--nf-r-sm)}.mobile-brand{letter-spacing:-1px;font-size:18px}.mobile-brand img{display:none}.mobile-brand span{font-size:0}.mobile-brand span:after{content:'NEWSFORCE';font-size:18px;color:var(--nf-red)}.filmstrip-tools button{min-height:var(--nf-hit)}.filmstrip-timeline{direction:ltr}.video-wrap{background:var(--nf-snow)}.timeline{background:var(--nf-soft)}
@media(min-width:761px) and (max-width:1250px){.cockpit-open{--nf-sidebar:180px}.cockpit-grid{grid-template-columns:minmax(320px,1.6fr) minmax(220px,1fr)}.source-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;max-height:240px;overflow:auto;order:3}.social-cockpit{height:auto;min-height:calc(100dvh - var(--nf-header))}.cockpit-grid{overflow:visible}.edit-column,.publish-column{overflow:visible}.source-column .inbox{max-height:none}.transcript-panel{min-height:180px}}
@media(max-width:760px){:root{--nf-sidebar:0px;--nf-header:60px}.cockpit-open{--rail:0px}#rail,.cockpit-open #rail{width:240px;transform:translateX(-110%)}#rail.open,.cockpit-open #rail.open{transform:none}.nf-page-head h1{font-size:26px}.nf-page-head{align-items:flex-start}.nf-feature{grid-template-columns:1fr}.nf-feature img{min-height:180px;max-height:230px}.nf-feature-copy{padding:var(--nf-space-5)}.nf-feature h2{font-size:23px}.nf-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nf-space-3)}.nf-stat{padding:var(--nf-space-4)}.nf-step-grid{grid-template-columns:1fr}main{padding:var(--nf-space-4)}.nf-template-frame{min-height:650px}.cockpit-grid{display:flex}.social-cockpit{height:auto}.production-bar{min-height:80px}.nf-recording{flex-direction:column}}

/* Original NF assets: preserve the supplied artwork and its aspect ratio. */
.nf-wordmark .nf-original-logo,.cockpit-open #rail .brand .nf-original-logo{display:block;width:176px;height:auto;max-width:100%;object-fit:contain}.nf-wordmark{padding:0 var(--nf-space-2) var(--nf-space-3);gap:0}.nf-wordmark small{padding-inline:var(--nf-space-2)}.tenant>span{display:grid;place-items:center;padding:var(--nf-space-2);background:var(--nf-ink)}.tenant>span img{width:28px;height:auto;object-fit:contain}.mobile-brand img{display:block;width:146px;height:auto;object-fit:contain}.mobile-brand span:after{content:none}.social-preview .brand-mark{left:6px;right:6px;top:8px;padding:3px;border-radius:var(--nf-r-sm)}.social-preview .brand-mark img{width:100%;height:auto;object-fit:contain;opacity:1}.nf-feature-copy:before{content:'';display:block;width:100%;height:3px;background:url('/nf-color-bar-original.png') center/100% 100%;margin-bottom:var(--nf-space-5)}.filmstrip-timeline.timeline{direction:ltr}.filmstrip-pan input{direction:ltr}
.mt main.mt-main{margin:0;max-width:none;padding:0;width:auto;align-self:stretch}.mt .mt-stage{min-height:0}.mt .mt-stage-box{min-height:120px}
:root{--nf-studio-min:800px}.nf-template-frame{min-height:var(--nf-studio-min)}.mt-editor{min-height:var(--nf-studio-min)}

.nf-brand-frame{width:100%;height:1220px;border:1px solid var(--nf-line);border-radius:var(--nf-r);background:var(--nf-snow)}#rail{overflow-y:auto;scrollbar-width:thin}@media(max-width:760px){.nf-brand-frame{height:1900px}}