*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font:400 var(--fs-base) / 1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:1px solid var(--line);flex-direction:column;gap:6px;min-width:0;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.logo{font:400 19px var(--font-title);letter-spacing:-.01em;overflow-wrap:anywhere;padding:0 12px 26px}nav.main{flex-direction:column;gap:6px;display:flex}nav.main a{border-radius:var(--r-sm);color:var(--muted);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);align-items:center;gap:12px;padding:11px 14px;font-weight:500;text-decoration:none;display:flex}nav.main a:hover{color:var(--text);background:var(--surface)}nav.main a.active{background:var(--surface-2);color:var(--text)}nav.main a.active svg{color:var(--accent)}nav.main svg{flex:none}nav.main .short{display:none}.live-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 15%, transparent);border-radius:50%;margin-left:auto}.side .foot{border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-sm);color:var(--muted);flex-direction:column;gap:6px;margin-top:auto;padding:12px 14px;display:flex}.side .foot b{color:var(--text);font-weight:600}.side .foot select{min-height:36px;font-size:var(--fs-sm)}main{width:100%;min-width:0;max-width:1360px;padding:36px 44px 60px}main.center{text-align:center;max-width:480px;margin:0 auto;padding-top:15vh}.page{animation:page-in var(--t-base) var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1{font:400 34px / 1.15 var(--font-title);letter-spacing:-.015em;margin:0 0 4px}h2{font:600 var(--fs-md) / 1.3 var(--font);margin:0 0 8px}h3{font:600 var(--fs-base) / 1.3 var(--font);margin:0}a{color:var(--accent)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);margin:0 0 20px;padding:20px}.card.lift:hover,.tile:hover{box-shadow:0 24px 50px color-mix(in srgb, var(--black) 45%, transparent);border-color:var(--line-strong);transform:translateY(-4px)}.stack{flex-direction:column;gap:14px;display:flex}.stack.tight{gap:2px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.split{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1fr}}.muted{color:var(--muted)}.faint{color:var(--faint)}label{font:600 var(--fs-sm) / 1.3 var(--font);color:var(--muted);flex-direction:column;gap:6px;display:flex}label.check,.check{color:var(--text);font:500 var(--fs-base) / 1.4 var(--font);flex-direction:row;align-items:center;gap:10px}.field-label{font:600 var(--fs-sm) var(--font);color:var(--muted);margin-bottom:6px}input,select,textarea{font:inherit;color:var(--text);background:color-mix(in srgb, var(--black) 25%, transparent);border:1px solid var(--line);border-radius:var(--r-sm);max-width:100%;min-height:44px;transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:10px 14px;font-weight:500}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent)}input::placeholder{color:var(--faint)}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:var(--accent);flex:none;padding:0}input[type=color]{width:64px;padding:2px}input[type=range]{min-height:28px;accent-color:var(--accent);width:100%;padding:0}input[type=file]{max-width:100%}input[type=checkbox].switch{appearance:none;border-radius:var(--pill);background:color-mix(in srgb, var(--white) 16%, transparent);cursor:pointer;width:38px;height:22px;min-height:0;transition:background var(--t-fast) var(--ease);border:0;flex:none;padding:0;position:relative}input.switch:after{content:"";background:var(--white);width:16px;height:16px;transition:transform var(--t-fast) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}input.switch:checked{background:var(--accent)}input.switch:checked:after{transform:translate(16px)}input.switch:focus{box-shadow:none}.button{min-height:44px;font:600 14px var(--font);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--pill);cursor:pointer;transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--white) 11%, transparent)}.button:active{transform:scale(.98)}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.button.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--white))}.button.danger{color:var(--danger)}.button.small{min-height:34px;font-size:var(--fs-sm);padding:0 14px}.button:disabled{opacity:.5;cursor:not-allowed}.file input{opacity:0;cursor:pointer;position:absolute;inset:0}.file{position:relative;overflow:hidden}.file:focus-within{outline:3px solid var(--highlight);outline-offset:3px}.seg{border-radius:var(--pill);background:var(--surface-2);flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.seg button{border-radius:var(--pill);min-height:34px;color:var(--muted);font:600 var(--fs-sm) var(--font);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;padding:0 14px}.seg button:hover{color:var(--text)}.seg button[aria-checked=true]{background:var(--text);color:var(--bg)}.notice{border-radius:var(--r-sm);background:var(--surface-2);margin:8px 0;padding:12px 14px}.notice.error{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.notice.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}p.warn,.warn{color:var(--warn)}.pill,.badge{white-space:nowrap;border-radius:var(--pill);background:var(--surface-2);min-height:26px;font:600 var(--fs-xs) var(--font);color:var(--muted);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.pill.on,.badge.ok,.badge.state-approved{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.pill.hl{background:color-mix(in srgb, var(--highlight) 14%, transparent);color:var(--highlight)}.badge.warn,.badge.state-submitted,.badge.state-draft{background:color-mix(in srgb, var(--warn) 14%, transparent);color:var(--warn)}.badge.state-rejected,.badge.state-pulled{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.badge.off{opacity:.7}.meter{margin:8px 0}.meter-label{font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;gap:8px;display:flex}.meter-bar{border-radius:var(--pill);background:var(--surface-2);height:8px;overflow:hidden}.meter-bar>div{background:var(--accent);border-radius:var(--pill);height:100%}.meter-bar.high>div{background:var(--danger)}.progress{flex-direction:column;gap:4px;margin-top:12px;display:flex}.skel{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ring{--p:0;background:conic-gradient(var(--accent) calc(var(--p) * 1%), color-mix(in srgb, var(--white) 8%, transparent) 0);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.ring span{background:var(--bg);width:52px;height:52px;font:700 var(--fs-sm) var(--font);border-radius:50%;place-items:center;display:grid}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:10px;width:min(560px,100vw - 32px);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-md);background:var(--raised);border:1px solid var(--line);box-shadow:0 20px 50px color-mix(in srgb, var(--black) 50%, transparent);animation:toast-in var(--t-base) var(--ease) both;align-items:center;gap:12px;padding:14px 20px;font-weight:500;display:flex}.toast b{color:var(--ok)}.toast.error b{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}ul.plain,ul.assets,ul.picker{margin:0 0 16px;padding:0;list-style:none}ul.picker li{margin:10px 0}.row-item{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.assets{gap:16px;display:grid}@media (width>=900px){.assets{grid-template-columns:1fr 1fr}}.asset{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:14px;padding:12px;display:flex}.asset .thumb{background:var(--surface-2);border-radius:var(--r-sm);height:112px;color:var(--muted);flex:0 0 112px;place-items:center;display:grid;position:relative;overflow:hidden}.asset .thumb img{object-fit:cover;width:100%;height:100%}.asset .tag{font-size:var(--fs-xs);background:color-mix(in srgb, var(--black) 65%, transparent);color:var(--white);border-radius:6px;padding:0 6px;position:absolute;bottom:4px;left:4px}.asset-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.asset-body p{margin:0}.colors{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.color{align-items:flex-start}.swatch h2{font-size:var(--fs-xl)}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{border-radius:var(--pill);font-size:var(--fs-sm);border:1px solid;padding:4px 12px}.band{border-radius:var(--r-sm);margin-top:8px;padding:12px}.stage{aspect-ratio:16/9;background:var(--black);border-radius:var(--r-lg);width:100%;position:relative;overflow:hidden}table.grid{border-collapse:collapse;width:100%;display:block;overflow-x:auto}table.grid th,table.grid td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px 8px 0}table.grid input[type=number]{width:5em}table.grid input[type=text],table.grid input[type=time]{width:7em}label.inline{flex-direction:row;align-items:center;gap:6px;display:inline-flex}.facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.drop{border-radius:var(--r-lg);border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);background:radial-gradient(ellipse 60% 120% at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--surface);transition:border-color var(--t-fast) var(--ease);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:24px;padding:22px 28px;display:flex}.drop.over{border-color:var(--accent)}.drop .grow{flex:280px;min-width:0}.drop-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:14px;display:flex}.drop.compact{gap:12px 18px;margin-bottom:16px;padding:12px 18px}.drop.compact .drop-actions{margin:0}.drop-overlay{z-index:70;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:400 var(--fs-xl) var(--font-title);text-align:center;pointer-events:none;animation:page-in var(--t-fast) var(--ease) both;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.drop-overlay div{border-radius:var(--r-lg);border:2px dashed var(--accent);padding:40px 56px}.trim-queue{margin-bottom:24px}.trim-queue li{border-bottom:1px solid var(--line);padding:14px 0}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.filter-bar input[type=search]{width:240px;max-width:100%}.drop-toggle{margin-bottom:14px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin:22px 0 0;padding:0;list-style:none;display:grid}.tile{flex-direction:column;min-width:0;margin:0;padding:10px 10px 16px;display:flex}.tile .thumb{aspect-ratio:16/9;border-radius:var(--r-sm);background:var(--surface-2);position:relative;overflow:hidden}.tile .thumb img{object-fit:cover;width:100%;height:100%;display:block}.tile .dur{border-radius:var(--pill);background:color-mix(in srgb, var(--black) 62%, transparent);font:600 var(--fs-xs) var(--font);padding:3px 9px;position:absolute;bottom:10px;right:10px}.tile .live{position:absolute;top:10px;left:10px}.tile .pick{position:absolute;bottom:10px;left:10px}.tile h3{text-overflow:ellipsis;white-space:nowrap;margin:14px 6px 6px;overflow:hidden}.tile .meta{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 6px;display:flex}.tile .meta .switch{margin-left:auto}.tile .links{flex-wrap:wrap;gap:8px;margin:12px 6px 0;display:flex}.tile.dim .thumb{opacity:.6}.bulk{align-items:center}.trim-video{background:var(--black);border-radius:var(--r-md);width:100%;max-height:22rem}.focal-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem;display:grid}.focal{margin:0;position:relative}.focal img{border-radius:var(--r-sm);cursor:crosshair;width:100%;display:block}.focal-dot{border:2px solid var(--accent-ink);background:var(--accent);pointer-events:none;border-radius:50%;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;position:absolute}.create{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width>=1024px){.create{grid-template-columns:minmax(0,1fr) 380px}}.create .preview-col{min-width:0}.sheet{flex-direction:column;gap:18px;margin:0;padding:22px;display:flex}.sheet-handle{display:none}.saved{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:8px;display:inline-flex}.saved i{background:var(--ok);border-radius:50%;width:7px;height:7px}.preview-frame{position:relative}.placeholder-note{text-align:center;color:var(--muted);pointer-events:none;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.preview-tools{margin-top:14px}.scrub-note{font-variant-numeric:tabular-nums}.onair{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width>=1100px){.onair{grid-template-columns:minmax(0,1fr) minmax(0,480px)}}.mini{border-radius:var(--r-lg);aspect-ratio:16/9;background:var(--black);position:relative;overflow:hidden}.mini>.stage-host{position:absolute;inset:0}.mini .placeholder{text-align:center;color:var(--muted);background:linear-gradient(140deg, var(--raised), var(--bg));place-items:center;padding:24px;display:grid;position:absolute;inset:0}.mini .placeholder b{color:var(--text);font:400 var(--fs-xl) var(--font-title);display:block}.status-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:16px;display:grid}.stat{min-width:0;margin:0;padding:16px 18px}.stat .k{font:600 var(--fs-xs) var(--font);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.stat .v{overflow-wrap:anywhere;font:600 var(--fs-md) var(--font);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.rundown{margin:0;padding:20px}.rundown .note{font-size:var(--fs-sm);color:var(--muted);margin:4px 0 12px}.rundown-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.r{border-radius:var(--r-md);transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border:1px solid #0000;align-items:center;gap:12px;padding:8px 10px;display:flex}.r .tm{white-space:nowrap;min-width:70px;font:600 14px var(--font);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.r .th{background:var(--surface-2);border-radius:10px;flex:none;width:76px;height:44px;overflow:hidden}.r .th img{object-fit:cover;width:100%;height:100%;display:block}.r .nm{flex:1;min-width:0}.r .nm b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.r .nm span{font-size:var(--fs-xs);color:var(--muted)}.r.now{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.r.brk{opacity:.6}.r.brk .th{background:repeating-linear-gradient(135deg, var(--surface-2) 0 6px, transparent 6px 12px)}.r.pinned .nm span.pin{color:var(--highlight)}.r.dragging{background:var(--surface-2);box-shadow:0 18px 40px color-mix(in srgb, var(--black) 50%, transparent);transform:translate(8px)rotate(-.6deg)}.r.drop-target{border-top:2px solid var(--accent)}.r .grip{cursor:grab;background:radial-gradient(circle, var(--faint) 1.4px, transparent 1.6px) 0 0 / 5px 6px;opacity:.8;touch-action:none;flex:none;width:10px;height:18px}.r .acts{align-items:center;gap:6px;display:flex}.menu{z-index:20;border-radius:var(--r-md);background:var(--raised);border:1px solid var(--line);width:210px;box-shadow:0 24px 60px color-mix(in srgb, var(--black) 60%, transparent);flex-direction:column;padding:8px;display:flex;position:absolute;top:40px;right:0}.menu button{text-align:left;color:var(--text);font:500 var(--fs-base) var(--font);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px}.menu button:hover{background:var(--surface-2)}.mini .stage{border-radius:0;height:100%}.icon-btn{background:var(--surface-2);width:36px;height:36px;min-height:0;color:var(--muted);font:700 var(--fs-sm) var(--font);cursor:pointer;border:0;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{color:var(--text)}@media (width<=767px){.shell{display:block}.side{border:0;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;height:auto;padding:14px 16px 0;position:static}.logo{font-size:var(--fs-md);padding:0}.side .foot{background:0 0;flex-direction:row;align-items:center;min-width:0;margin:0;padding:4px 8px}.side .foot select{max-width:52vw}nav.main{z-index:40;height:calc(68px + env(safe-area-inset-bottom));padding:8px 8px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}nav.main a{min-width:0;font:600 11px var(--font);color:var(--faint);flex-direction:column;flex:1;justify-content:center;gap:4px;padding:4px 2px}nav.main a.active{color:var(--accent);background:0 0}nav.main .full,nav.main .live-dot{display:none}nav.main .short{display:inline}main{padding:14px 16px calc(96px + env(safe-area-inset-bottom))}h1{font-size:26px}.card{padding:16px}.row{flex-wrap:wrap}.toasts{bottom:calc(84px + env(safe-area-inset-bottom))}.drop{gap:14px;padding:16px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.sheet{left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:30;background:var(--raised);border-bottom:0;border-radius:26px 26px 0 0;max-height:58vh;padding:8px 18px 18px;position:fixed;overflow-y:auto}.sheet-handle{cursor:pointer;background:0 0;border:0;width:100%;min-height:28px;display:block;position:relative}.sheet-handle:after{content:"";background:color-mix(in srgb, var(--white) 20%, transparent);border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:10px;left:50%}.sheet.collapsed .sheet-body{display:none}.create{padding-bottom:58vh}.r .th{width:64px;height:38px}.r .tm{min-width:62px;font-size:var(--fs-sm)}.seg{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.seg button{white-space:nowrap}.r .grip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}.pin-at{align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px}.pin-at input[type=time]{margin-left:8px}
