:root{--text:#56526b;--text-h:#16121f;--bg:#fff;--bg-canvas:#f7f6fb;--border:#e6e3ec;--code-bg:#f4f2fa;--social-bg:#f4f2fa99;--accent:#7c3aed;--accent-2:#ec4899;--accent-bg:#7c3aed1a;--accent-border:#7c3aed73;--danger:#dc2626;--danger-bg:#dc26261a;--danger-border:#dc262666;--success:#16a34a;--success-bg:#16a34a1f;--success-border:#16a34a66;--warning:#d97706;--warning-bg:#d977061f;--shadow-sm:0 1px 2px #16121f0f;--shadow:0 8px 24px -6px #16121f24, 0 2px 6px -2px #16121f14;--shadow-lg:0 24px 48px -12px #16121f47;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/150% var(--sans);letter-spacing:.15px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#a8a3ba;--text-h:#f5f3fa;--bg:#1c1926;--bg-canvas:#100e17;--border:#322d42;--code-bg:#241f33;--social-bg:#322d428c;--accent:#a78bfa;--accent-2:#f472b6;--accent-bg:#a78bfa29;--accent-border:#a78bfa80;--danger:#f87171;--danger-bg:#f8717124;--danger-border:#f8717166;--success:#4ade80;--success-bg:#4ade8024;--success-border:#4ade8066;--warning:#fbbf24;--warning-bg:#d9770633;--shadow-sm:0 1px 2px #0000004d;--shadow:0 8px 24px -6px #00000080, 0 2px 6px -2px #00000059;--shadow-lg:0 24px 48px -12px #0009}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:1320px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:var(--bg-canvas);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1.4px;margin:32px 0;font-size:52px}@media (width<=1024px){h1{margin:20px 0;font-size:34px}}h2{letter-spacing:-.2px;margin:0 0 8px;font-size:23px;line-height:122%}@media (width<=1024px){h2{font-size:19px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:5px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#center{text-align:center;flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:16px;display:flex}:root{--nav-height:68px}.app-nav{min-height:var(--nav-height);box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.app-brand{align-items:center;gap:10px;display:flex}.app-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:-.02em;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.app-title{color:var(--text-h);white-space:nowrap;font-weight:600}.app-nav-links{flex-grow:1;gap:2px;display:flex}.app-nav-links a{color:var(--text);border-radius:8px;padding:7px 14px;font-size:15px;text-decoration:none;transition:background-color .15s,color .15s}.app-nav-links a:hover{color:var(--text-h);background:var(--social-bg)}.app-nav-links a.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.app-user{color:var(--text);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:15px;display:inline-flex}.app-user-avatar{background:var(--accent-bg);width:24px;height:24px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.app-logout{width:26px;height:26px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;margin-left:2px;transition:background-color .15s,color .15s;display:inline-flex}.app-logout:hover{background:var(--social-bg);color:var(--accent)}main{box-sizing:border-box;flex-grow:1;padding:28px}.login-screen{flex-grow:1;place-content:center;padding:32px;display:flex}.login-card{text-align:center;border:1px solid var(--border);background:var(--bg);max-width:420px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:44px 36px;display:flex}.login-card h1{color:var(--text-h);margin:0;font-size:28px}.login-card h1:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:13px;width:44px;height:44px;margin:0 auto 18px;display:block}.hint{color:var(--text);margin:8px 0;font-size:15px}.info-tooltip{display:inline-block;position:relative}.info-tooltip-trigger{border:1px solid var(--border);width:16px;height:16px;color:var(--text);cursor:pointer;vertical-align:middle;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;line-height:1;display:inline-flex}.info-tooltip-trigger:hover,.info-tooltip-trigger[aria-expanded=true]{border-color:var(--accent-border);color:var(--accent)}.info-tooltip-bubble{z-index:20;border:1px solid var(--border);background:var(--bg);width:max-content;max-width:320px;box-shadow:var(--shadow);color:var(--text);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0}.error{color:var(--danger);margin:8px 0;font-size:15px}.empty-state{color:var(--text);text-align:center;border:1px dashed var(--border);border-radius:12px;padding:28px 16px;font-size:14px;line-height:1.5}button,.button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;text-decoration:none;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .1s;display:inline-flex}button:hover,.button:hover{border-color:var(--accent-border);background:var(--social-bg)}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.tab:focus-visible,.queue-entry-button:focus-visible{box-shadow:0 0 0 3px var(--accent-bg), 0 0 0 1px var(--accent);outline:none}.button-primary{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 65%, var(--accent-2)));border-color:var(--accent);color:#fff}.button-primary:hover{box-shadow:var(--shadow);filter:brightness(1.05)}.button-danger{color:var(--danger);background:var(--bg);border-color:var(--danger-border)}.button-danger:hover{background:var(--danger-bg);border-color:var(--danger)}fieldset{border:1px solid var(--border);border-radius:12px;margin:0 0 16px;padding:18px}legend{color:var(--text-h);padding:0 6px;font-weight:600}textarea,input[type=text],input[type=number],select{font:inherit;box-sizing:border-box;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:8px 11px;transition:border-color .15s,box-shadow .15s}textarea,input[type=text],select{width:100%}.app-layout{align-items:flex-start;gap:28px;max-width:1200px;margin:0 auto;display:flex}.generate-screen{flex:640px;min-width:0}.mobile-view-switcher{display:none}@media (width<=900px){.app-layout{flex-direction:column;align-items:stretch}.queue-sidebar{border-left:none;border-top:1px solid var(--border);flex:auto;max-height:none;padding-top:24px;padding-left:0;position:static}.mobile-view-switcher{background:var(--code-bg);border-radius:12px;gap:3px;margin:0 0 16px;padding:4px;display:flex}.mobile-view-switcher .tab{flex:1 1 0}.app-layout.mobile-view-generate .queue-sidebar,.app-layout.mobile-view-queue .generate-screen{display:none}.app-layout.mobile-view-queue .queue-sidebar{box-sizing:border-box;background:var(--bg);top:calc(var(--nav-height) + 8px);height:calc(100vh - var(--nav-height) - 90px);height:calc(100dvh - var(--nav-height) - 90px);border-top:none;border-radius:14px 14px 0 0;flex:none;padding:16px;position:sticky;overflow-y:auto}}.tab-strip{background:var(--code-bg);scrollbar-width:none;border-radius:12px;gap:3px;padding:4px;display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.content-tabs{margin-bottom:10px}.mode-tabs{margin-bottom:20px}.tab{font:inherit;color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;flex:1 1 0;padding:8px 16px;text-decoration:none;transition:color .15s,background-color .15s,box-shadow .15s}.tab:hover:not(:disabled):not(.selected){color:var(--text-h)}.tab.selected{color:var(--text-h);background:var(--bg);box-shadow:var(--shadow-sm);font-weight:600}.tab:disabled{opacity:.4;cursor:not-allowed}.tab-badge{letter-spacing:.02em;text-transform:uppercase;color:var(--warning);background:var(--warning-bg);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.experimental-notice{background:var(--warning-bg);border:1px solid #d9770640;border-radius:10px;margin:0 0 12px;padding:8px 12px}.toolbar{background:var(--code-bg);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;padding:14px 16px;font-size:.85em;display:flex}.toolbar-control{color:var(--text);flex-direction:column;flex:140px;gap:4px;display:flex}.toolbar-control select{padding:4px 8px}.toolbar-control-wide{flex:2 220px}.toolbar-control-checkbox{color:var(--text);white-space:nowrap;align-items:center;gap:4px;display:flex}.toolbar-control input[type=range]{width:100%}.prompt-fieldset{border-color:var(--accent-border);background:var(--bg);box-shadow:var(--shadow-sm)}.prompt-input{margin-bottom:8px;font-size:1.05em}.prompt-actions{gap:8px;display:flex}.improved-prompt{background:var(--code-bg);border-radius:10px;margin-top:12px;padding:12px}.improved-prompt-text{color:var(--text-h);white-space:pre-wrap;margin:4px 0 12px}.reference-row{flex-wrap:wrap;gap:16px;display:flex}.file-slot{flex-direction:column;gap:6px;font-size:14px;display:flex}.file-drop{border:1px dashed var(--border);cursor:pointer;border-radius:10px;padding:8px 10px;transition:border-color .15s,background-color .15s;display:block}.file-drop:hover{border-color:var(--accent-border);background:var(--accent-bg)}.file-drop.drag-over{border-color:var(--accent);background:var(--accent-bg)}.file-drop:focus-visible{box-shadow:0 0 0 3px var(--accent-bg), 0 0 0 1px var(--accent);outline:none}.ref-thumb-row{align-items:center;gap:8px;display:flex}.reference-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.reference-item{align-items:center;gap:8px;font-size:14px;display:flex}.reference-item span{flex-grow:1}.ref-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;max-width:160px;max-height:120px}.ref-thumb-sm{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:40px;height:40px}.chat-modal{flex-direction:column;height:640px;max-height:calc(100dvh - 48px);display:flex;overflow:hidden}.chat-modal h2{flex-shrink:0}.chat-modal .chat-log{flex-direction:column;flex:auto;gap:10px;margin:12px 0;padding-right:4px;display:flex;overflow-y:auto}.chat-modal .error,.chat-modal .chat-input-row{flex-shrink:0}.chat-message{font-size:15px}.chat-message button{margin-left:8px;padding:2px 8px;font-size:13px}.chat-markdown{margin-top:4px}.chat-markdown p{margin:6px 0}.chat-markdown p:first-child{margin-top:0}.chat-markdown p:last-child{margin-bottom:0}.chat-markdown ul,.chat-markdown ol{margin:6px 0;padding-left:22px}.chat-markdown code{background:var(--code-bg);border-radius:4px;padding:1px 5px;font-size:.9em}.chat-markdown pre{background:var(--code-bg);border-radius:8px;padding:8px 10px;overflow-x:auto}.chat-markdown pre code{background:0 0;padding:0}.chat-markdown table{border-collapse:collapse;margin:6px 0}.chat-markdown th,.chat-markdown td{border:1px solid var(--border);text-align:left;padding:4px 8px}.final-prompt-card{background:var(--code-bg);border:1px solid var(--accent-border);border-radius:10px;margin-top:8px;padding:10px 12px}.final-prompt-card .hint{margin:0 0 4px}.final-prompt-text{white-space:pre-wrap;color:var(--text-h);font:inherit;margin:0 0 8px}.typing-dots{vertical-align:middle;gap:4px;margin-left:6px;display:inline-flex}.typing-dots span{background:var(--accent);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-input-row{gap:8px;display:flex}.chat-input-row input{flex-grow:1}.queue-sidebar{border-left:1px solid var(--border);min-width:0;top:calc(var(--nav-height) + 24px);max-height:calc(100vh - var(--nav-height) - 48px);flex:0 0 340px;padding-left:24px;padding-right:16px;position:sticky;overflow-y:auto}.queue-sidebar h2{color:var(--text-h);margin:0 0 4px;font-size:18px}.queue-notify-toggle{cursor:pointer;align-items:center;gap:6px;margin:0 0 8px;display:flex}.queue-notify-toggle input{cursor:pointer}.queue-backlog{margin:0 0 16px}.queue-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.queue-entry{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:stretch;transition:border-color .15s,box-shadow .2s,transform .15s,background-color .15s;display:flex;position:relative}.queue-entry:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-1px)}.queue-entry-popover-open{z-index:2}.queue-entry:has(.queue-entry-button:active){transform:translateY(0)}.queue-entry-action-bar{border-left:3px solid var(--border);flex-direction:column;flex-shrink:0;width:30px;display:flex}.queue-entry-action-button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.queue-entry-action-archive,.queue-entry-action-folder{border-top:1px solid var(--border)}.queue-entry-action-favorite{border-top-right-radius:11px}.queue-entry-action-folder{border-bottom-right-radius:11px}.queue-entry-action-button:hover{background:var(--code-bg);color:var(--text-h)}.queue-entry-action-favorite[aria-pressed=true]{background:var(--accent-2);color:#fff}.queue-entry-action-archive[aria-pressed=true]{background:var(--accent);color:#fff}.queue-filters-header{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.queue-filters-toggle{font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-weight:600;display:flex}.queue-filters-toggle:hover{color:var(--accent)}.queue-filters-toggle svg{flex-shrink:0;transition:transform .15s}.queue-filters-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.queue-filters-badge{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.queue-header-actions{align-items:center;gap:12px;display:flex}.queue-selection-bar{background:var(--accent-bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;padding:8px 10px;font-size:13px;display:flex}.queue-selection-count{color:var(--text-h);margin:0;font-weight:600}.bulk-assign-anchor{position:relative}.bulk-assign-anchor button[aria-expanded]{padding:5px 12px;font-size:13px}.bulk-assign-popover{z-index:6;background:var(--bg);border:1px solid var(--border);width:max-content;max-width:260px;box-shadow:var(--shadow);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.bulk-assign-hint{margin:0 0 8px}.bulk-assign-status{color:var(--success);margin:8px 0 0}.queue-entry-select{cursor:pointer;align-items:center;padding:0 2px 0 10px;display:flex}.queue-entry-select input{cursor:pointer}.queue-filters-panel{background:var(--code-bg);border-radius:12px;margin:0 0 12px;padding:12px}.queue-filters{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;display:flex}.queue-filter-control{flex-direction:column;gap:2px;font-size:12px;display:flex}.queue-filter-control select{font:inherit;max-width:140px}.queue-filter-checkbox{cursor:pointer;align-items:center;gap:4px;display:flex}.queue-filter-checkbox input{cursor:pointer}.queue-filter-count{margin:0 0 8px}.folder-manage{border-top:1px solid var(--border);padding-top:10px}.folder-manage-heading{color:var(--text-h);margin:0 0 6px;font-weight:600;display:block}.folder-manage-list{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.folder-manage-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.folder-manage-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);overflow:hidden}.folder-manage-count{opacity:.65}.folder-manage-actions{flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:flex}.folder-manage-rename-input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:2px 6px;font-size:13px}.folder-new-form{gap:6px;display:flex}.folder-new-form input{padding:5px 8px;font-size:13px}.folder-new-form button{flex-shrink:0;padding:5px 10px;font-size:13px}.queue-folder-group{margin:0 0 14px}.queue-folder-group:last-child{margin-bottom:0}.queue-folder-group-header{text-align:left;width:100%;font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:0 0 8px;padding:4px 0;font-size:13px;font-weight:600;display:flex}.queue-folder-group-header:hover{color:var(--accent)}.queue-folder-group-header svg{flex-shrink:0;transition:transform .15s}.queue-folder-group-header[aria-expanded=false] svg{transform:rotate(-90deg)}.queue-folder-group-count{color:var(--text);opacity:.7;font-weight:400}.folder-chip{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.folder-chip:hover{border-color:var(--accent-border);color:var(--text-h)}.folder-chip-active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.queue-entry-folder-badge{white-space:nowrap;opacity:.75;align-items:center;gap:2px;display:inline-flex}.folder-picker{flex-direction:column;gap:8px;min-width:200px;display:flex}.generate-folders{margin:0 0 16px}.generate-folders-label{margin:0 0 6px;display:block}.folder-picker-chips{flex-wrap:wrap;gap:6px;display:flex}.folder-picker-empty-hint{align-self:center;margin:0}.folder-add-anchor{position:relative}.folder-chip-add{border:1px solid var(--border);background:var(--bg);width:24px;height:24px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:border-color .15s,color .15s;display:inline-flex}.folder-chip-add:hover{border-color:var(--accent-border);color:var(--accent)}.folder-add-popover{z-index:6;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute;top:calc(100% + 6px);left:0}.queue-entry-folder-anchor .folder-add-popover{left:auto;right:0}.folder-add-popover form{gap:6px;display:flex}.folder-add-popover input{width:160px;padding:5px 8px;font-size:13px}.folder-add-popover button{flex-shrink:0;padding:5px 10px;font-size:13px}.queue-entry-folder-anchor{flex:1 1 0;display:flex;position:relative}.queue-entry-action-folder-active{background:var(--accent);color:#fff}.folder-picker-popover{z-index:5;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);right:0}.queue-entry-button{text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border:none;flex:auto;align-items:center;gap:10px;padding:7px 10px;display:flex}.queue-entry-thumb{background:var(--code-bg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:40px;display:flex;overflow:hidden}.queue-entry-thumb video,.queue-entry-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%}.queue-entry-placeholder{color:var(--text);font-weight:600}.queue-entry-body{flex-direction:column;gap:2px;min-width:0;line-height:1.3;display:flex}.queue-entry-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.queue-entry-meta{color:var(--text);flex-wrap:nowrap;align-items:center;gap:4px 8px;min-width:0;font-size:12px;display:flex}.queue-entry-status-time{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px 8px;display:flex}.queue-entry-time{white-space:nowrap}.queue-entry-id{white-space:nowrap;opacity:.6}.queue-entry-quality{white-space:nowrap;text-overflow:ellipsis;color:var(--text);opacity:.75;min-width:0;margin-left:auto;overflow:hidden}.queue-entry-quality-turbo{color:var(--accent);opacity:1}.job-progress{margin-top:6px}.job-progress-label{color:var(--text);margin-bottom:3px;font-size:12px}.job-progress-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.job-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .3s}.job-progress-indeterminate .job-progress-fill{width:40%;animation:1.2s ease-in-out infinite job-progress-slide}@keyframes job-progress-slide{0%{margin-left:-40%}to{margin-left:100%}}.job-status{background:var(--social-bg);border-radius:999px;padding:1px 8px;font-size:12px}.job-status-done{color:var(--success)}.job-status-cancelled{color:var(--text);opacity:.7}.job-status-failed{color:var(--danger)}.job-status-processing,.job-status-queued{color:var(--accent)}.modal-overlay{z-index:100;background:#0c09148c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);box-sizing:border-box;width:100%;max-width:720px;max-height:90dvh;box-shadow:var(--shadow-lg);border-radius:16px;padding:24px;position:relative;overflow-y:auto}.modal-wide{max-width:1080px}.modal-close{cursor:pointer;width:30px;height:30px;color:var(--text);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--social-bg);color:var(--text-h)}.requeue-modal{max-width:440px}.requeue-count-label{color:var(--text-h);align-items:center;gap:10px;margin:0 0 16px;font-weight:600;display:flex}.requeue-count-label input[type=number]{font:inherit;box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:90px;color:var(--text-h);border-radius:8px;padding:8px 10px}.modal-title-editable{cursor:pointer;border-radius:6px;margin:-2px -4px;padding:2px 4px}.modal-title-editable:hover{background:var(--code-bg)}.director-board .modal-title-editable,.director-board .modal-title-input{margin:20px -4px 16px}.modal-title-input{font:inherit;box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:6px;margin:-2px -4px;padding:2px 4px;font-size:1.5em;font-weight:700}.modal-mode-label{margin:2px 0 0}.job-favorite-toggle{margin-left:8px;font-size:15px}.modal-video{background:#000;border-radius:10px;width:100%;max-height:60vh;margin:12px 0}.modal-image{object-fit:contain;background:var(--code-bg);border-radius:10px;width:100%;max-height:60vh;margin:12px 0}.modal-audio{width:100%;margin:12px 0}.modal-details{margin:16px 0}.modal-details dt{color:var(--text-h);margin-top:10px;font-weight:600}.modal-details dt:first-child{margin-top:0}.modal-details dd{color:var(--text);white-space:pre-wrap;margin:2px 0 0}.link-button{font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:600;display:inline-flex}.link-button:hover{color:var(--accent)}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.modal-actions .button-danger{margin-left:auto}.modal-more{position:relative}.modal-more-menu{z-index:5;background:var(--bg);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.modal-more-menu button{text-align:left;white-space:nowrap;align-items:center;gap:8px;display:flex}.screen{max-width:960px;margin:0 auto}.admin-screen h1{margin-bottom:4px}.admin-tabs{margin-bottom:20px}.admin-django-link{color:var(--text);white-space:nowrap;align-self:center;margin-left:auto;padding:0 8px;font-size:14px;text-decoration:none}.admin-django-link:hover{color:var(--accent)}.admin-tab-panel h2{color:var(--text-h);margin:28px 0 4px;font-size:17px}.invite-form{background:var(--code-bg);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin:16px 0 20px;padding:16px;display:flex}.invite-form .toolbar-control{flex:200px}.invite-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.invite-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex}.invite-row:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-1px)}.invite-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.invite-row-actions{flex-shrink:0;gap:8px;display:flex}.invite-status{background:var(--social-bg);color:var(--text);border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:12px;font-weight:600}.invite-status-active{color:var(--accent);background:var(--accent-bg)}.invite-status-redeemed{color:var(--success);background:var(--success-bg)}.invite-status-expired{color:var(--text);opacity:.7}.invite-email{color:var(--text-h);font-weight:600}.invite-meta{margin:0}.catalog-table-scroll{border:1px solid var(--border);border-radius:12px;margin:8px 0 16px;overflow-x:auto}.catalog-table{border-collapse:collapse;width:100%;font-size:14px}.catalog-table th,.catalog-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px}.catalog-table thead th{text-align:left;background:var(--code-bg);color:var(--text-h);position:sticky;top:0}.catalog-table tbody tr:last-child td{border-bottom:none}.catalog-table tbody tr:hover{background:var(--social-bg)}input.catalog-label-input{background:0 0;border:1px solid #0000;border-radius:6px;width:220px;padding:4px 6px;font-size:15px;font-weight:600}.catalog-label-input:hover,.catalog-label-input:focus{border-color:var(--border);background:var(--bg)}.catalog-mp-input{width:64px}.catalog-steps-input{width:56px}.catalog-maxsec-input{width:60px}.catalog-mp-input,.catalog-steps-input,.catalog-maxsec-input,.catalog-cell-enabling-inner input[type=number]{padding:3px 6px;font-size:13px}.catalog-cell-empty{color:var(--text)}.catalog-cell-empty button{padding:3px 8px;font-size:13px}.catalog-cell-enabling-inner{align-items:center;gap:4px;display:flex}.catalog-cell-enabling-inner input[type=number]{width:56px}.catalog-warning-badge{background:var(--danger-bg);color:var(--danger);white-space:nowrap;border-radius:999px;margin-top:3px;padding:1px 6px;font-size:11px;display:block}.catalog-add-level{background:var(--code-bg);border-radius:12px;margin:16px 0 32px;padding:16px}.catalog-add-level h3{color:var(--text-h);margin:0 0 12px;font-size:15px}.catalog-add-level-fields{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.catalog-add-level-fields .toolbar-control{flex:200px}.catalog-draft-toggle{color:var(--text);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:inline-flex}.catalog-add-level-modes{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.catalog-add-level-mode{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.catalog-add-level-mode legend{padding:0 2px;font-size:13px}.catalog-add-level-mode input[type=number]{width:110px;padding:4px 6px;font-size:13px}.catalog-mode-subheader{text-transform:uppercase;color:var(--text);text-align:center;font-size:11px}.catalog-estimate-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.catalog-estimate-toolbar button{text-transform:uppercase;padding:4px 12px;font-size:12px}.catalog-order-cell{align-items:center;gap:6px;display:flex}.catalog-drag-handle{cursor:grab;color:var(--text);-webkit-user-select:none;user-select:none;padding:2px;font-size:16px;line-height:1}.catalog-drag-handle:active{cursor:grabbing}.catalog-order-buttons{flex-direction:column;gap:2px;display:flex}.catalog-order-buttons button{padding:0 4px;font-size:10px;line-height:1.4}.catalog-level-row-dragging{opacity:.4}.catalog-duration-seconds{color:var(--text-h);font-weight:600}.catalog-duration-cell{text-align:center}.catalog-duration-cell.catalog-cell-error{background:var(--danger-bg)}.catalog-duration-estimate{width:56px;margin-left:6px;padding:3px 4px;font-size:13px}.catalog-add-duration{align-items:flex-end;gap:12px;margin:12px 0 8px;display:flex}.catalog-add-duration .toolbar-control{flex:260px}.catalog-chart-row{flex-wrap:wrap;gap:20px;margin:12px 0;display:flex}.catalog-chart-row h3{color:var(--text-h);margin:0 0 6px;font-size:13px;font-weight:600}.catalog-chart{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;width:100%;max-width:380px;height:auto}.catalog-chart-axis{stroke:var(--border);stroke-width:1px}.catalog-chart-label{fill:var(--text);font-size:9px}.catalog-chart-legend{color:var(--text);flex-wrap:wrap;gap:10px 16px;margin:4px 0 12px;font-size:12px;display:flex}.catalog-chart-legend-item{align-items:center;gap:5px;display:inline-flex}.catalog-chart-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.director-list-screen{max-width:960px;margin:0 auto}.director-new-project-form{gap:10px;margin:16px 0 24px;display:flex}.director-new-project-form input{flex-grow:1}.director-project-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.director-project-card{border:1px solid var(--border);background:var(--bg);border-radius:14px;flex-direction:column;height:100%;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.director-project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-2px)}.director-project-card-open{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;flex:auto;gap:4px;padding:16px 18px 8px;display:flex}.director-project-card-title{color:var(--text-h);font-weight:600}.director-project-card-meta{color:var(--text);font-size:13px}.director-project-card-actions{align-items:center;gap:10px;padding:0 18px 14px;font-size:13px;display:flex}.director-project-progress-track{margin-top:2px}.director-board{max-width:1200px;margin:0 auto}.director-back-link{margin-bottom:12px;display:inline-block}.director-board-actions{gap:10px;margin:4px 0 20px;display:flex}.director-resources-panel .hint{margin-top:0}.director-resource-list{margin-bottom:12px}.director-resource-add-row{flex-wrap:wrap;gap:10px;display:flex}.director-resource-add-row .file-drop{padding:6px 10px;font-size:13px}.director-timeline{align-items:flex-start;gap:10px;margin:0 -4px;padding:8px 4px 20px;display:flex;overflow-x:auto}.director-add-clip{flex-direction:column;flex-shrink:0;gap:6px;padding:8px;display:flex}.director-add-clip button{white-space:nowrap;font-size:13px}.clip-box-wrap{flex-shrink:0;align-items:center;display:flex}.clip-chain-connector{background:var(--accent);border-radius:2px;flex-shrink:0;width:16px;height:3px}.clip-box{border:2px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;flex-shrink:0;width:184px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden}.clip-box:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.clip-box-new{border-color:var(--border);border-style:dashed}.clip-box-dirty{border-color:var(--danger)}.clip-box-clean{border-color:var(--success)}.clip-box-failed{border-color:var(--danger);background:var(--danger-bg)}.clip-box-active{border-color:var(--accent);animation:1.6s ease-in-out infinite clip-box-pulse}@keyframes clip-box-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-bg)}50%{box-shadow:0 0 0 4px var(--accent-bg)}}.clip-box-order-row{color:var(--text);background:var(--code-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;display:flex}.clip-box-order{font-weight:600}.clip-box-move-buttons{gap:2px;display:flex}.clip-box-move-buttons button{background:0 0;border:none;padding:0 5px;font-size:10px}.clip-box-thumb{background:var(--code-bg);cursor:pointer;border:none;border-radius:0;width:100%;height:100px;padding:0;display:block}.clip-box-thumb img,.clip-box-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%}.clip-box-placeholder{width:100%;height:100%;color:var(--text);justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.clip-box-body{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px 10px;display:flex}.clip-box-mode{text-transform:uppercase;letter-spacing:.02em;color:var(--text);font-size:11px}.clip-box-prompt{color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13px;display:-webkit-box;overflow:hidden}.clip-box-status{background:var(--social-bg);color:var(--text);border-radius:999px;padding:1px 8px;font-size:11px}.clip-box-status-dirty{color:var(--danger)}.clip-box-status-clean{color:var(--success)}.clip-box-status-failed{color:var(--danger)}.clip-box-status-active{color:var(--accent)}.clip-editor-locked-note{flex:100%;margin:0}.clip-editor-continues-toggle{cursor:pointer;align-items:center;gap:8px;margin:4px 0 16px;font-size:14px;display:flex}.clip-editor-seed-row{flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 16px;font-size:14px;display:flex}.plan-scene-list{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.plan-scene-card{border:1px solid var(--border);border-radius:10px;padding:12px}.plan-scene-card textarea{box-sizing:border-box;width:100%;margin-top:6px}.plan-scene-card-header{align-items:center;gap:10px;display:flex}.plan-scene-number{font-weight:600}.plan-scene-card-header .link-button{margin-left:auto}.plan-scene-duration{align-items:center;gap:4px;display:flex}.plan-scene-duration input{width:50px}.plan-scene-notes{margin:4px 0 0}.continuity-report{white-space:pre-wrap;line-height:1.5}.plan-resource-hint{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:10px 12px}.plan-resource-hint .hint{margin-top:0}.plan-resource-list{margin:4px 0 0;padding-left:20px;font-size:13px}.plan-reference-suggest{margin-top:10px}.plan-resource-candidate-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.plan-resource-candidate{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.plan-resource-candidate-body p{margin:2px 0 0}.plan-resource-candidate-action{white-space:nowrap;flex-shrink:0}@media (width<=480px){.app-nav{flex-wrap:wrap;gap:12px;padding:12px 16px}.app-title{font-size:14px}.app-nav-links a{padding:6px 8px;font-size:14px}.app-user{flex-basis:100%;justify-content:flex-end;margin-left:0}main{padding:16px}fieldset{margin-bottom:20px}.login-card{border-radius:14px;padding:28px 20px}button,.button{padding:10px 16px}.tab{white-space:nowrap;flex:none;padding:10px 14px}.tab-strip{justify-content:flex-start}.toolbar{flex-direction:column;align-items:stretch}.toolbar-control,.toolbar-control-wide{flex:auto}.modal-overlay{padding:0}.modal{border-width:0;border-radius:0;max-width:none;height:100dvh;max-height:100dvh;padding:48px 16px 16px}.invite-row{flex-direction:column;align-items:stretch}.invite-row-actions{justify-content:flex-end}.director-project-list{grid-template-columns:1fr}}