:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);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:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;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:66px}.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:16px 24px;display:flex;position:sticky;top:0}.app-title{color:var(--text-h);white-space:nowrap;font-weight:600}.app-nav-links{flex-grow:1;gap:4px;display:flex}.app-nav-links a{color:var(--text);border-radius:6px;padding:6px 12px;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;margin-left:auto;font-size:15px}main{box-sizing:border-box;flex-grow:1;padding:24px}.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);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;display:flex}.login-card h1{color:var(--text-h);margin:0;font-size:28px}.login-card h1:before{content:"";background:var(--accent);border-radius:999px;width:40px;height:4px;margin:0 auto 16px;display:block}.hint{color:var(--text);margin:8px 0;font-size:15px}.error{color:#d13c3c;margin:8px 0;font-size:15px}.empty-state{color:var(--text);text-align:center;border:1px dashed var(--border);border-radius:8px;padding:24px 16px;font-size:14px}button,.button{font:inherit;border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:6px;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)}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:var(--accent);border-color:var(--accent);color:#fff}.button-primary:hover{box-shadow:var(--shadow)}.button-danger{color:#dc2626;border-color:#dc262666}.button-danger:hover{background:#dc26261a;border-color:#dc2626}@media (prefers-color-scheme:dark){.button-danger{color:#f87171;border-color:#f8717166}.button-danger:hover{background:#f8717126;border-color:#f87171}}fieldset{border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:16px}legend{color:var(--text-h);padding:0 6px;font-weight:600}textarea,input[type=text],select{font:inherit;box-sizing:border-box;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:6px;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.app-layout{align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto;display:flex}.generate-screen{flex:640px;min-width:0}@media (width<=900px){.app-layout{flex-direction:column}.queue-sidebar{border-left:none;border-top:1px solid var(--border);flex:auto;max-height:none;padding-top:24px;padding-left:0;position:static}}.tab-strip{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.content-tabs{margin-bottom:4px}.mode-tabs{margin-bottom:20px}.tab{font:inherit;color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1 1 0;padding:8px 16px;transition:color .15s,border-color .15s}.tab:hover:not(:disabled){color:var(--text-h)}.tab.selected{color:var(--text-h);border-bottom-color:var(--accent);font-weight:600}.tab:disabled{opacity:.4;cursor:not-allowed}.tab-badge{letter-spacing:.02em;text-transform:uppercase;color:#92400e;vertical-align:middle;background:#d9770626;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}@media (prefers-color-scheme:dark){.tab-badge{color:#fbbf24;background:#d9770633}}.experimental-notice{background:#d9770614;border:1px solid #d9770640;border-radius:8px;margin:0 0 12px;padding:8px 12px}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom: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 input[type=range]{width:100%}.prompt-fieldset{border-width:2px}.prompt-input{margin-bottom:8px;font-size:1.05em}.prompt-actions{gap:8px;display:flex}.improved-prompt{background:var(--code-bg);border-radius:8px;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}.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:6px;max-width:160px;max-height:120px}.ref-thumb-sm{object-fit:cover;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:40px;height:40px}.chat-modal{flex-direction:column;height:640px;max-height:calc(100vh - 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:6px;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:8px;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(--text);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 300px;padding-left:24px;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-button{text-align:left;border:1px solid var(--border);cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex}.queue-entry-button:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.queue-entry-thumb{background:var(--code-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:40px;display:flex;overflow:hidden}.queue-entry-thumb video{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;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);align-items:center;gap:8px;font-size:12px;display:flex}.queue-entry-time{white-space:nowrap}.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:var(--accent);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:#1a8a4a}.job-status-failed{color:#d13c3c}.job-status-processing,.job-status-queued{color:var(--accent)}.modal-overlay{z-index:100;background:#00000080;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:90vh;box-shadow:var(--shadow);border-radius:12px;padding:24px;position:relative;overflow-y:auto}.modal-wide{max-width:1080px}.modal-close{cursor:pointer;color:var(--text);background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.modal-video{background:#000;border-radius:8px;width:100%;max-height:60vh;margin:12px 0}.modal-image{object-fit:contain;background:var(--code-bg);border-radius:8px;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;padding:0;font-weight:600}.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}.screen{max-width:960px;margin:0 auto}.admin-screen h1{margin-bottom:4px}.admin-tabs{margin-bottom:20px}.admin-tab-panel h2{color:var(--text-h);margin:28px 0 4px;font-size:17px}.invite-form{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;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);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:box-shadow .15s,border-color .15s;display:flex}.invite-row:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.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:#1a8a4a}.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:8px;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)}.catalog-label-input{background:0 0;border:1px solid #0000;border-radius:4px;width:140px;padding:4px 6px;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-mp-input,.catalog-steps-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{color:#d13c3c;white-space:nowrap;background:#d13c3c22;border-radius:999px;margin-top:3px;padding:1px 6px;font-size:11px;display:block}.catalog-add-level{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;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);border-radius:6px;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:#d13c3c14}.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:8px;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}@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{text-align:right;flex-basis:100%;margin-left:0}main{padding:12px}.login-card{border-radius:12px;padding:28px 20px}button,.button{padding:10px 16px}.tab{padding:10px 14px}.modal-overlay{padding:0}.modal{border-width:0;border-radius:0;max-width:none;height:100vh;max-height:100vh;padding:48px 16px 16px}.invite-row{flex-direction:column;align-items:stretch}.invite-row-actions{justify-content:flex-end}}