@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap");:root{--color-background:#f8fafc;--color-foreground:#1e293b;--color-card:#ffffff;--color-card-foreground:#1e293b;--color-muted:#e9eff8;--color-muted-foreground:#475569;--color-border:#e2e8f0;--color-primary:#2563eb;--color-on-primary:#ffffff;--color-secondary:#3b82f6;--color-destructive:#dc2626;--color-on-destructive:#ffffff;--color-warning:#9a5b00;--color-success:#2e7d32;--color-ring:#2563eb;--color-primary-soft:rgba(37,99,235,0.08);--color-primary-ring:rgba(37,99,235,0.30);--font-sans:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 4px 12px rgba(15,23,42,0.10);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:250ms;--z-sticky:10;--z-dropdown:20;--z-popover:40;--z-modal:100;--z-toast:1000;--paper:var(--color-background);--ink:var(--color-foreground);--blue:var(--color-primary);--red:var(--color-destructive);--amber:var(--color-warning);--green:var(--color-success);--line:var(--color-border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:#0f172a;--color-foreground:#e2e8f0;--color-card:#1e293b;--color-card-foreground:#e2e8f0;--color-muted:#1e293b;--color-muted-foreground:#94a3b8;--color-border:#334155;--color-primary:#60a5fa;--color-on-primary:#0f172a;--color-secondary:#93c5fd;--color-destructive:#f87171;--color-on-destructive:#0f172a;--color-warning:#fbbf24;--color-success:#4ade80;--color-ring:#60a5fa;--color-primary-soft:rgba(96,165,250,0.14);--color-primary-ring:rgba(96,165,250,0.35);--shadow-sm:0 1px 2px rgba(0,0,0,0.40);--shadow-md:0 4px 12px rgba(0,0,0,0.50)}}:root[data-theme=dark]{--color-background:#0f172a;--color-foreground:#e2e8f0;--color-card:#1e293b;--color-card-foreground:#e2e8f0;--color-muted:#1e293b;--color-muted-foreground:#94a3b8;--color-border:#334155;--color-primary:#60a5fa;--color-on-primary:#0f172a;--color-secondary:#93c5fd;--color-destructive:#f87171;--color-on-destructive:#0f172a;--color-warning:#fbbf24;--color-success:#4ade80;--color-ring:#60a5fa;--color-primary-soft:rgba(96,165,250,0.14);--color-primary-ring:rgba(96,165,250,0.35);--shadow-sm:0 1px 2px rgba(0,0,0,0.40);--shadow-md:0 4px 12px rgba(0,0,0,0.50)}*{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}main{max-width:1280px;margin:0 auto;padding:var(--space-6)}main:focus{outline:none}h1{font-size:var(--text-xl);font-weight:700;line-height:1.3}h2{font-size:var(--text-lg);line-height:1.35}h2,h3{font-weight:600}h3{font-size:var(--text-md)}a{color:var(--color-primary)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.break-anywhere{overflow-wrap:anywhere;min-width:0}.mono,.tabular,td.tabular{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;z-index:var(--z-toast);padding:var(--space-2) var(--space-3);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{left:var(--space-3);top:var(--space-3)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-card);font-size:15px;letter-spacing:.02em}.brand{font-weight:700;color:var(--color-primary)}.card{background:var(--color-card);color:var(--color-card-foreground);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.scroll-x{overflow-x:auto;max-width:100%}button{background:var(--color-primary);color:var(--color-on-primary);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);min-height:32px;font-family:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}button:hover:not(:disabled){background:var(--color-secondary)}button:active:not(:disabled){transition-duration:var(--dur-fast);opacity:.9}button.secondary{background:var(--color-card);color:var(--color-foreground);border-color:var(--color-border)}button.secondary:hover:not(:disabled){background:var(--color-muted);border-color:var(--color-primary)}button.danger{background:var(--color-destructive);color:var(--color-on-destructive)}button.danger:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.button-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:32px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:background-color var(--dur-base) var(--ease-out)}.button-link:hover{background:var(--color-secondary)}.button-link.secondary{background:var(--color-card);color:var(--color-foreground);border-color:var(--color-border)}.button-link.secondary:hover{background:var(--color-muted);border-color:var(--color-primary)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);min-height:32px;background:var(--color-card);color:var(--color-foreground);font-size:var(--text-base);font-family:inherit}input:hover,select:hover,textarea:hover{border-color:var(--color-muted-foreground)}input[readonly],textarea[readonly]{background:var(--color-muted);border-style:dashed}label{font-size:var(--text-sm)}.muted,label{color:var(--color-muted-foreground)}.error,.muted{font-size:13px}.error{color:var(--color-destructive)}.warning{color:var(--color-warning);font-size:13px}.success{color:var(--color-success);font-size:13px}.pill{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px var(--space-3);font-size:var(--text-sm);margin-right:var(--space-2)}.stage-key{font-weight:700;color:var(--color-primary)}.thumb{width:108px;height:192px;object-fit:cover;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out)}.thumb.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table th{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td,.data-table th{padding:var(--space-2) var(--space-3)}.data-table td{border-top:1px solid var(--color-border);vertical-align:top}.data-table tbody tr:hover{background:var(--color-muted)}.data-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-card)}th[aria-sort]{cursor:pointer}th[aria-sort]:hover{color:var(--color-foreground)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:1px;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cal-weekday{padding:var(--space-2) var(--space-3);background:var(--color-muted);color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:left}.cal-day{display:flex;flex-direction:column;gap:var(--space-1);min-height:116px;padding:var(--space-2);background:var(--color-card);transition:background-color var(--dur-base) var(--ease-out)}.cal-day.outside{background:var(--color-background)}.cal-day.outside .cal-daynum{opacity:.45}.cal-day.drop-target{background:var(--color-primary-soft);box-shadow:inset 0 0 0 2px var(--color-primary)}.cal-daynum{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:var(--radius-full);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-muted-foreground)}.cal-day.today .cal-daynum{background:var(--color-primary);color:var(--color-on-primary);font-weight:700}.cal-addslot{margin-top:auto;padding:2px var(--space-1);background:none;border:1px dashed transparent;border-radius:var(--radius-sm);color:var(--color-muted-foreground);font-size:var(--text-xs);text-align:left;opacity:0;min-height:24px;transition:opacity var(--dur-base) var(--ease-out)}.cal-addslot:focus-visible,.cal-day:hover .cal-addslot{opacity:1;border-color:var(--color-border)}.cal-event{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:3px var(--space-2);border:1px solid var(--color-border);border-left:3px solid var(--platform-hue,var(--color-primary));border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-foreground);font-size:var(--text-sm);text-align:left;min-height:24px;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.cal-event:hover{background:var(--color-muted);border-color:var(--color-primary)}.cal-event[data-dragging=true]{opacity:.4}.cal-event.settled{opacity:.72}.cal-event.attention{border-color:var(--color-destructive)}.cal-event-time{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--color-muted-foreground);flex:none}.cal-event-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width:768px){.cal-day{min-height:84px}.cal-event-time{display:none}}.publishing-workspace{padding:0;overflow:hidden}.publishing-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-3)}.publishing-overview h2{margin:0 0 var(--space-1)}.publishing-overview p{margin:0}.publishing-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border)}.publishing-tab{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:var(--space-3);text-align:left;background:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-border)}.publishing-tab:hover{border-color:var(--color-primary);background:var(--color-card)}.publishing-tab.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 -2px 0 var(--color-primary)}.publishing-tab-name{font-weight:700}.publishing-tab-status{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.publishing-tab-status.published,.publishing-tab-status.ready{color:var(--color-success)}.publishing-tab-status.failed{color:var(--color-destructive)}.publishing-tab-status.publishing,.publishing-tab-status.render-needed,.publishing-tab-status.setup-needed{color:var(--color-warning)}.platform-publishing-panel{margin:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-card)}.platform-publishing-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);padding:var(--space-5)}.platform-publishing-header h3{margin:2px 0 var(--space-1);font-size:var(--text-lg)}.platform-publishing-header p{margin:0;color:var(--color-muted-foreground);font-size:13px}.platform-eyebrow{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.platform-publishing-record{display:flex;align-items:center;gap:var(--space-2);flex:none}.platform-publishing-record label{display:flex;align-items:center;gap:var(--space-1);font-size:13px;white-space:nowrap}.platform-publishing-record input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px;color:var(--color-foreground);background:var(--color-card);font:inherit;font-size:13px}.platform-rendering-section{padding:var(--space-5);border-top:1px solid var(--color-border);background:var(--color-background)}.platform-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.platform-section-heading h4{margin:2px 0 0;font-size:var(--text-md)}.platform-section-kicker{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.platform-render-sort{display:flex;align-items:center;gap:7px;color:var(--color-muted-foreground);font-size:var(--text-sm)}.platform-render-sort select{padding:6px var(--space-2)}.platform-render-controls{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(140px,.8fr) auto auto;align-items:end;grid-gap:var(--space-3);gap:var(--space-3)}.platform-render-controls>label:not(.platform-render-subtitles){display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-muted-foreground);font-size:var(--text-sm)}.platform-render-controls select{width:100%}.platform-render-subtitles{display:flex;align-items:center;gap:6px;color:var(--color-foreground);font-size:13px}.platform-render-controls>button,.platform-render-subtitles{min-height:35px;white-space:nowrap}.platform-render-description{min-height:18px;margin:var(--space-2) 0 var(--space-4)}.platform-render-history{overflow:hidden;border:1px solid var(--color-border);border-radius:7px;background:var(--color-card)}.platform-render-history-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-background);font-size:13px}.platform-empty-state{margin:0;padding:var(--space-4) var(--space-3)}.platform-render-item+.platform-render-item{border-top:1px solid var(--color-border)}.platform-render-summary{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) minmax(260px,auto);align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3)}.platform-render-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.platform-render-meta>span{color:var(--color-muted-foreground);font-size:var(--text-sm)}.platform-render-state{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.render-status{color:var(--color-muted-foreground);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.render-status.completed{color:var(--color-success)}.render-status.failed{color:var(--color-destructive)}.render-status.queued,.render-status.rendering{color:var(--color-warning)}.platform-render-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}.platform-render-actions button{padding:6px var(--space-3);font-size:var(--text-sm);min-height:28px}.platform-render-actions a{font-size:var(--text-sm)}.platform-render-error{margin:-4px var(--space-3) var(--space-3)}.platform-render-preview{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3);padding:0 var(--space-3) var(--space-4)}.platform-render-preview video{width:min(100%,520px);max-height:440px;border-radius:var(--radius-sm);background:#000}.platform-render-preview figure{margin:0}.platform-render-preview img{max-width:220px;max-height:220px;border-radius:var(--radius-sm)}.platform-render-preview figcaption{color:var(--color-muted-foreground);font-size:var(--text-sm);text-transform:capitalize}.platform-publish-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background)}.platform-publish-toolbar>div{display:flex;align-items:center;gap:7px;min-width:0}.platform-publish-actions{flex:none}.platform-publish-actions a{font-size:13px;white-space:nowrap}.platform-message{margin:var(--space-3) var(--space-5) 0;padding:var(--space-2) var(--space-3);border:1px solid;border-radius:var(--radius-sm);background:var(--color-card)}.platform-content-fields{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.platform-content-field{min-width:0}.platform-content-field+.platform-content-field{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.platform-content-field-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:7px}.platform-content-label{margin-right:6px;color:var(--color-foreground);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.platform-content-field-actions{display:flex;gap:7px}.platform-content-field-actions button{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-height:28px}.platform-content-field textarea{width:100%;resize:vertical;line-height:1.45}.youtube-publishing-settings{display:grid;grid-template-columns:minmax(240px,2fr) minmax(130px,.7fr) minmax(250px,1.4fr) auto;grid-gap:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3);align-items:end;margin:var(--space-5) var(--space-5) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background)}.youtube-publishing-settings legend{padding:0 6px;color:var(--color-primary);font-size:var(--text-sm);font-weight:700}.youtube-setting{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;color:var(--color-muted-foreground);font-size:var(--text-sm)}.youtube-setting input,.youtube-setting select{width:100%;min-width:0;font-size:13px}.youtube-settings-help{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:-2px 0 0}.youtube-settings-help button{flex:none;padding:var(--space-1) 9px;font-size:var(--text-sm);min-height:28px}@media (max-width:1024px){[data-hide-below="1024"]{display:none}}@media (max-width:768px){[data-hide-below="768"]{display:none}}@media (max-width:600px){[data-hide-below="600"]{display:none}}@media (max-width:1024px){main{padding:var(--space-5)}}@media (max-width:850px){.platform-publish-toolbar,.platform-publishing-header{align-items:stretch;flex-direction:column}.platform-publishing-record{flex-wrap:wrap}.platform-publish-toolbar>div{align-items:flex-start;flex-wrap:wrap}.platform-render-controls{grid-template-columns:1fr 1fr}.platform-render-summary{grid-template-columns:1fr}.platform-render-actions{justify-content:flex-start}.youtube-publishing-settings{grid-template-columns:1fr 1fr}.youtube-playlist-setting,.youtube-schedule-setting,.youtube-settings-help{grid-column:1/-1}}@media (max-width:600px){main{padding:var(--space-3)}.topbar{padding:var(--space-3) var(--space-4)}.publishing-overview{align-items:stretch;flex-direction:column}.publishing-tabs{grid-template-columns:1fr 1fr}.platform-publishing-panel{margin:var(--space-3)}.platform-content-fields,.platform-publish-toolbar,.platform-publishing-header,.platform-rendering-section{padding-left:var(--space-3);padding-right:var(--space-3)}.platform-render-sort,.platform-section-heading{align-items:stretch;flex-direction:column}.platform-render-controls{grid-template-columns:1fr}.platform-render-subtitles{min-height:auto}.youtube-publishing-settings{grid-template-columns:1fr;margin-left:var(--space-3);margin-right:var(--space-3)}.youtube-playlist-setting,.youtube-schedule-setting,.youtube-settings-help{grid-column:auto}.youtube-settings-help{align-items:stretch;flex-direction:column}}.section-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0;margin-bottom:var(--space-4);background:var(--color-background);border-bottom:1px solid var(--color-border)}.section-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-border)}.section-tab:hover{border-color:var(--color-primary);background:var(--color-card)}.section-tab.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft);font-weight:700;box-shadow:inset 0 -2px 0 var(--color-primary)}.section-tab-count{color:var(--color-muted-foreground);font-size:var(--text-xs)}.section-tab.active .section-tab-count{color:inherit}