:root{--bg: #f6f4f2;--surface: #ffffff;--surface-2: #f1eeeb;--surface-3: #e8e3df;--border: #ded8d3;--border-strong: #c7bfb8;--text: #221b18;--muted: #6b615b;--primary: #590b21;--primary-hover: #74112d;--on-primary: #ffffff;--accent: #ff7701;--accent-soft: #fff1e5;--highlight: #ffc100;--highlight-soft: #fff7d6;--danger: #b42318;--danger-soft: #fdecea;--success: #1e7b3a;--success-soft: #e6f4ea;--warning: #8a5a00;--warning-soft: #fff4d6;--info: #1f5f99;--info-soft: #e8f1fa;--focus: #ff7701;--diff-old: #fdecea;--diff-new: #e6f4ea;--shadow: 0 1px 2px rgba(34, 27, 24, .06), 0 4px 16px rgba(34, 27, 24, .06);--radius: 10px;--radius-sm: 6px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Sinhala", "Noto Sans Tamil", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #141112;--surface: #1d191a;--surface-2: #252022;--surface-3: #2f292b;--border: #3a3335;--border-strong: #4d4447;--text: #f1ece9;--muted: #b0a6a1;--primary: #ff7701;--primary-hover: #ff8c2b;--on-primary: #1a0e06;--accent: #ff7701;--accent-soft: #3a2414;--highlight: #ffc100;--highlight-soft: #3a3014;--danger: #ff8a80;--danger-soft: #3d1c1a;--success: #7fd69a;--success-soft: #16301f;--warning: #ffd36b;--warning-soft: #3a2f12;--info: #8cc4ff;--info-soft: #172a3d;--focus: #ffc100;--diff-old: #3d1c1a;--diff-new: #16301f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0}a{color:var(--primary)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:7px 12px;font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{padding:3px 8px;min-height:28px;font-size:12px}.icon-btn{min-width:30px;padding:3px 6px}.input,.select,.textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 9px;min-height:34px}.textarea{resize:vertical;min-height:70px}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span:first-child,.label{font-size:12px;font-weight:600;color:var(--muted)}.check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.counter{font-size:11px;color:var(--muted);text-align:right}.counter.over{color:var(--danger)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:56px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text);text-decoration:none;background:none;border:0;cursor:pointer;padding:6px 0}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--highlight));flex:none}.topbar nav{display:flex;gap:4px}.topbar .grow{flex:1}.ws-name{font-size:12px;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:16px}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);min-width:0}.card-narrow{width:100%;max-width:460px}.section-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.notice{border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;border:1px solid transparent;overflow-wrap:anywhere}.notice-error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.notice-warn{background:var(--warning-soft);color:var(--warning)}.notice-info{background:var(--info-soft);color:var(--info)}.notice-success{background:var(--success-soft);color:var(--success)}.notice ul{margin:4px 0 0;padding-left:18px}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--surface-3);color:var(--text);white-space:nowrap}.badge-accent{background:var(--accent-soft);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warn{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px;overflow-x:auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.items-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.items-toolbar .input{flex:1 1 220px}.items-toolbar .select{flex:0 1 200px;width:auto}.item-list{display:flex;flex-direction:column;gap:8px}.item-row{display:grid;grid-template-columns:110px 1fr auto;gap:4px 12px;align-items:center;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font:inherit;color:inherit;cursor:pointer}.item-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.item-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.item-title{font-weight:600;min-width:0;overflow-wrap:anywhere}.item-meta{grid-column:2 / 4;font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 600px){.item-row{grid-template-columns:1fr auto}.item-code,.item-meta{grid-column:1 / 3}}.studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.studio-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 340px;gap:12px;align-items:start}@media (max-width: 1180px){.studio-grid{grid-template-columns:220px minmax(0,1fr)}.studio-grid>.item-panel{grid-column:1 / 3}}@media (max-width: 820px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-grid>.item-panel{grid-column:auto}}.roster{display:flex;flex-direction:column;gap:6px}@media (max-width: 820px){.roster{flex-direction:row;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.roster .agent-card{flex:0 0 200px;scroll-snap-align:start}}.agent-card{text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.agent-card:hover{background:var(--surface-2)}.agent-card[aria-pressed=true]{border-left-color:var(--accent);background:var(--accent-soft)}.agent-name{font-weight:700}.agent-title,.agent-summary{font-size:12px;color:var(--muted)}.chat{display:flex;flex-direction:column;min-height:520px;max-height:calc(100vh - 170px);padding:0;overflow:hidden}@media (max-width: 820px){.chat{max-height:none;min-height:420px}}.chat-head{padding:10px 14px;border-bottom:1px solid var(--border)}.chat-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.chat-foot{border-top:1px solid var(--border);padding:10px 14px;display:flex;flex-direction:column;gap:8px}.chat-foot form{display:flex;gap:8px;align-items:flex-end}.chat-foot .textarea{min-height:44px;max-height:200px}.msg{max-width:88%;display:flex;flex-direction:column;gap:6px}.msg-user{align-self:flex-end}.msg-agent{align-self:flex-start;max-width:100%;width:100%}.bubble{border-radius:12px;padding:8px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.msg-user .bubble{background:var(--surface-3)}.msg-agent .bubble{background:var(--surface-2);border:1px solid var(--border)}.msg-meta{font-size:11px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:5px 12px;cursor:pointer;text-align:left}.chip:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.thinking{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.proposal{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.proposal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--highlight-soft);border-bottom:1px solid var(--border);flex-wrap:wrap}.proposal-body{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.diff-section h4{font-size:12px;margin-bottom:6px}.diff-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:6px;font-size:13px;margin-bottom:6px}.diff-row .label{padding-top:4px}.diff-old,.diff-new{border-radius:var(--radius-sm);padding:4px 8px;white-space:pre-wrap;overflow-wrap:anywhere}.diff-old{background:var(--diff-old)}.diff-new{background:var(--diff-new)}.diff-same{grid-column:2 / 4;color:var(--muted);padding:4px 8px;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width: 600px){.diff-row{grid-template-columns:minmax(0,1fr)}.diff-same{grid-column:auto}}.item-panel{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 170px);overflow-y:auto}@media (max-width: 1180px){.item-panel{max-height:none}}.kv{margin:0;display:flex;flex-direction:column;gap:2px}.kv dt{font-size:12px;font-weight:600;color:var(--muted)}.kv dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.plain-list{margin:0;padding-left:18px}.scene-line{font-size:13px;padding:6px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.scene-line:last-child{border-bottom:0}.claim{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px}.reel-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}@media (max-width: 980px){.reel-grid{grid-template-columns:minmax(0,1fr)}}.reel-side{position:sticky;top:72px;display:flex;flex-direction:column;gap:12px}@media (max-width: 980px){.reel-side{position:static}}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 600px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.choice{position:relative;display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;background:var(--surface)}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice strong{font-size:13px}.choice span{font-size:12px;color:var(--muted)}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;flex-wrap:wrap}.segmented label{padding:5px 10px;font-size:13px;cursor:pointer;border-right:1px solid var(--border);background:var(--surface)}.segmented label:last-child{border-right:0}.segmented label:has(input:checked){background:var(--primary);color:var(--on-primary)}.segmented label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.segmented input{position:absolute;opacity:0;pointer-events:none}.scene-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--surface);display:flex;flex-direction:column;gap:10px}.scene-card.has-error{border-color:var(--danger)}.scene-num{width:26px;height:26px;border-radius:50%;background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}.asset-slot{display:flex;gap:10px;align-items:center;min-width:0}.thumb{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--surface-3);-o-object-fit:cover;object-fit:cover;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);overflow:hidden}.thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asset-name{min-width:0;overflow-wrap:anywhere;font-size:13px}.total-bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.total-bar>div{height:100%;background:var(--accent)}.total-bar.over>div{background:var(--danger)}.cost{font-size:22px;font-weight:700}.render-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px}.render-video{width:100%;max-height:520px;border-radius:var(--radius-sm);background:#000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0c80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:480px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.modal-wide{max-width:960px}.modal-head{padding:12px 16px;border-bottom:1px solid var(--border)}.modal-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-foot{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.asset-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:0;cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.asset-tile:hover:not(:disabled){border-color:var(--accent)}.asset-tile[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.asset-tile:disabled{opacity:.5;cursor:not-allowed}.asset-tile .tile-img{aspect-ratio:1;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}.asset-tile .tile-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.asset-tile .tile-label{font-size:11px;padding:4px 6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.agent-edit{border-top:1px solid var(--border);padding-top:12px}.agent-edit:first-child{border-top:0;padding-top:0}.ws-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.ws-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface);cursor:pointer}.ws-option:hover{background:var(--surface-2);border-color:var(--accent)}
