:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#0a1221;--bg-2:#14213d;--bg-3:#1a284d;--panel:#0a1221c7;--panel-border:#ffffff17;--text:#f4f7fb;--muted:#9ab0c9;--accent:#3fa7ff;--accent-2:#6dd3ce;--danger:#ff6b6b;--success:#29d17d;--warning:#f2b94b;--shadow:0 20px 60px #00000059;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #3fa7ff38, transparent 28%), radial-gradient(circle at bottom right, #6dd3ce2e, transparent 24%), linear-gradient(145deg, var(--bg-1), var(--bg-2) 52%, var(--bg-3));color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{grid-template-columns:288px 1fr;height:100vh;display:grid;overflow:hidden}.shell-sidebar{border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040a1485;flex-direction:column;gap:24px;height:100vh;padding:28px 22px;display:flex;overflow-y:auto}.brand-block h1{margin:6px 0 2px;font-size:1.45rem}.brand-kicker,.eyebrow{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}.brand-sub,.muted{color:var(--muted)}.sidebar-balance-card{color:var(--text);align-items:center;gap:10px;padding:0;display:inline-flex}.sidebar-balance-value{font-size:1.4rem;line-height:1}.sidebar-balance-card svg{width:16px;height:16px;color:var(--accent-2)}.nav-list{gap:8px;display:grid}.nav-link{color:var(--muted);border-radius:14px;padding:12px 14px;transition:all .18s}.nav-link:hover,.nav-link.is-active{color:var(--text);background:#ffffff14;transform:translate(4px)}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.shell-main{height:100vh;padding:28px;overflow-y:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.topbar h2{margin:6px 0 0;font-size:2rem}.topbar-meta{align-items:center;gap:12px;display:flex}.profile-chip{color:var(--text);background:#ffffff14;border-radius:999px;align-items:center;padding:10px 14px;display:inline-flex}.page-body,.page-grid{gap:20px;display:grid}.page-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid.stack{grid-template-columns:1fr}.generate-grid{grid-template-columns:minmax(360px,480px) 1fr;align-items:start}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:24px;padding:22px}.hero-panel{background:linear-gradient(150deg, #3fa7ff38, #6dd3ce14), var(--panel)}.success-panel{background:linear-gradient(#29d17d1a,#0a1221d9);border-color:#29d17d59}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel h3{margin:8px 0 0;font-size:1.32rem}.metric-value{margin-top:18px;font-size:clamp(2.4rem,5vw,4rem);font-weight:700}.compact-metric{font-size:clamp(2rem,3.4vw,3rem);line-height:1}.admin-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.admin-stat-panel{min-height:148px}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.admin-summary-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:16px 18px}.field-label{color:var(--muted);margin-bottom:8px;font-size:.92rem;display:block}.field-input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:12px 14px}.field-input:focus{border-color:#3fa7ff99;box-shadow:0 0 0 3px #3fa7ff1f}.field-input.compact{padding:10px 12px}.field-hint{color:var(--muted);text-align:right;margin-top:-6px;font-size:.78rem}.prompt-composer{position:relative}.prompt-editor{white-space:pre-wrap;min-height:152px;line-height:1.6}.prompt-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.prompt-token{vertical-align:middle;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin:2px 4px 2px 0;padding:4px 10px 4px 6px;display:inline-flex}.prompt-token img,.prompt-token-thumb{border-radius:999px;flex-shrink:0;width:22px;height:22px}.prompt-token img{object-fit:cover}.prompt-token-thumb{color:#d8ecff;background:#3fa7ff2e;place-items:center;font-size:.72rem;font-weight:700;display:inline-grid}.prompt-token-label{font-size:.84rem;font-weight:600}.prompt-token.is-missing{opacity:.56;border-style:dashed}.prompt-mention-menu{z-index:6;width:min(280px,100% - 16px);box-shadow:var(--shadow);background:#0a1221f5;border:1px solid #ffffff1a;border-radius:18px;padding:10px;position:absolute}.prompt-mention-title{color:var(--muted);margin-bottom:8px;font-size:.78rem}.prompt-mention-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.prompt-mention-item img,.prompt-mention-thumb{border-radius:10px;flex-shrink:0;width:34px;height:34px}.prompt-mention-item img{object-fit:cover}.prompt-mention-thumb{color:#d8ecff;background:#3fa7ff29;place-items:center;font-size:.84rem;font-weight:700;display:inline-grid}.prompt-mention-item.is-active,.prompt-mention-item:hover{background:#ffffff14}.form-grid{gap:14px;display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{max-width:420px}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.button-group,.actions-row{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.danger-button,.ghost-button,.link-button{cursor:pointer;border:none;border-radius:14px;padding:11px 16px;transition:all .18s}.primary-button{background:linear-gradient(135deg, var(--accent), #5d7eff);color:#fff}.secondary-button{color:var(--text);background:#ffffff14}.danger-button{color:#ffc4c4;background:#ff6b6b26}.ghost-button{color:var(--text);background:0 0;border:1px solid #ffffff1f}.link-button{color:#bfe1ff;background:#3fa7ff26;justify-content:center;align-items:center;display:inline-flex}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover,.link-button:hover{transform:translateY(-1px)}.inline-action{width:fit-content}.table-wrap{border:1px solid #ffffff0f;border-radius:18px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:14px 16px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}tbody tr:hover{background:#ffffff06}.table-tight th,.table-tight td{padding:12px}.empty-state{color:var(--muted);text-align:center}.status-badge{border-radius:999px;align-items:center;padding:7px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge.is-active{color:#91efbc;background:#29d17d29}.status-badge.is-pending{color:#ffd889;background:#f2b94b29}.status-badge.is-inactive{color:#ffc0c0;background:#ff6b6b29}.code-block,code,pre{font-family:SFMono-Regular,Consolas,monospace}.code-block{background:#00000047;border-radius:16px;margin:14px 0 0;padding:14px;overflow-x:auto}.reveal-block{white-space:pre-wrap;word-break:break-all}.text-credit{color:var(--success);font-weight:600}.text-debit{color:var(--danger);font-weight:600}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--panel-border);width:min(520px,100%);box-shadow:var(--shadow);background:linear-gradient(#3fa7ff1a,#0a1221eb),#0a1221d9;border-radius:28px;padding:36px}.login-card h1{margin:12px 0 8px;font-size:clamp(2rem,5vw,3rem)}.login-copy{color:var(--muted);margin-bottom:24px}.login-form{gap:14px;display:grid}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-items:start;gap:12px;display:grid}.upload-input-hidden{display:none}.upload-dropzone{min-height:112px;color:var(--text);text-align:center;background:linear-gradient(160deg,#3fa7ff1f,#ffffff05);border:1px dashed #ffffff29;border-radius:18px;place-items:center;gap:2px;padding:12px;display:grid}.upload-dropzone.is-dragging{background:linear-gradient(160deg,#3fa7ff3d,#6dd3ce14);border-color:#3fa7ffb8;box-shadow:0 0 0 3px #3fa7ff24}.upload-dropzone.is-disabled{opacity:.55}.upload-plus{background:#ffffff14;border-radius:999px;place-items:center;width:34px;height:34px;font-size:1.7rem;line-height:1;display:inline-grid}.upload-dropzone-title{font-size:.88rem;font-weight:600}.upload-dropzone-copy{color:var(--muted);font-size:.75rem}.upload-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;height:112px;position:relative;overflow:hidden}.upload-card img,.upload-card video{object-fit:cover;width:100%;height:112px}.upload-card.is-loading:after{content:"...";background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.upload-card.is-error{border-color:#ff6b6b59}.upload-audio{height:112px;color:var(--muted);letter-spacing:.1em;place-items:center;display:grid}.upload-caption{max-width:calc(100% - 20px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;z-index:1;background:#040a14b8;border-radius:999px;padding:6px 10px;font-size:.72rem;line-height:1;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.icon-button{width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;place-items:center;display:inline-grid}.icon-button svg{width:16px;height:16px}.danger-icon-button:hover{color:var(--danger);border-color:#ff6b6b6b}.remove-button{z-index:1;color:#fff;cursor:pointer;background:#040a14bf;border:none;border-radius:999px;width:28px;height:28px;position:absolute;top:8px;right:8px}.submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.submit-task-button{justify-content:center;align-items:center;gap:10px;display:inline-flex}.submit-cost-chip{color:#fffffff5;align-items:center;gap:6px;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.submit-cost-chip svg{width:14px;height:14px}.task-toolbar{margin-bottom:14px}.task-filter-input{max-width:280px}.task-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.provider-key-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.provider-key-card,.provider-key-add-card{background:linear-gradient(165deg,#3fa7ff1f,#ffffff08);border:1px solid #ffffff0f;border-radius:22px;gap:16px;min-height:210px;padding:18px;display:grid}.provider-key-card.is-selected{border-color:#3fa7ff80;box-shadow:0 0 0 1px #3fa7ff2e}.provider-key-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.provider-key-header-actions{align-items:center;gap:8px;display:inline-flex}.provider-key-name{margin:0;font-size:1.1rem;font-weight:700}.provider-key-status{margin-top:8px}.provider-key-points{align-items:center;gap:8px;font-size:1.9rem;font-weight:700;display:inline-flex}.provider-key-points svg{width:18px;height:18px;color:var(--accent-2)}.provider-key-meta{color:var(--muted);margin:0;font-size:.88rem}.provider-key-footer{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.provider-key-add-card{color:var(--muted);text-align:center;background:#ffffff05;border-style:dashed;align-content:center;place-items:center}.provider-key-add-plus{width:40px;height:40px;color:var(--text);background:#ffffff0f;border-radius:999px;place-items:center;font-size:1.9rem;line-height:1;display:inline-grid}.modal-backdrop{z-index:1200;background:#040a14a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{width:min(560px,100%);box-shadow:var(--shadow);background:linear-gradient(170deg,#14213dfa,#0a1221fa);border:1px solid #ffffff14;border-radius:24px;padding:24px}.task-card,.empty-card{background:linear-gradient(160deg,#3fa7ff24,#ffffff08);border:1px solid #ffffff0f;border-radius:20px;gap:12px;min-height:180px;padding:16px;display:grid}.task-card{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.task-card:hover{border-color:#3fa7ff38;transform:translateY(-2px)}.task-card.is-selected{border-color:#3fa7ff7a;box-shadow:0 0 0 1px #3fa7ff2e}.task-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.task-status-wrap{position:relative}.task-failure-tooltip{color:#ffd0cb;width:min(260px,55vw);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:20;background:#101626f5;border:1px solid #ff7a6b3d;border-radius:14px;padding:10px 12px;font-size:.78rem;line-height:1.45;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(6px)}.task-failure-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:#ff7a6b3d;position:absolute;bottom:100%;left:14px}.task-failure-tooltip:after{content:"";border:6px solid #0000;border-bottom-color:#101626f5;position:absolute;bottom:calc(100% - 1px);left:14px}.task-status-wrap:hover .task-failure-tooltip{opacity:1;transform:translateY(0)}.task-download-button{color:var(--accent-2)}.task-eta-chip{color:#a8d5ff;white-space:nowrap;background:#3fa7ff24;border:1px solid #3fa7ff38;border-radius:999px;padding:6px 10px;font-size:.72rem;line-height:1}.task-icon{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;place-items:center;width:88px;height:88px;margin:4px auto;display:grid}.task-icon svg{width:36px;height:36px}.task-icon.is-success{color:#29d17d;background:#29d17d24;border-color:#29d17d47}.task-icon.is-pending{color:#3fa7ff;background:#3fa7ff24;border-color:#3fa7ff42}.task-icon.is-failed{color:#ff7a6b;background:#ff7a6b24;border-color:#ff7a6b3d}.task-meta{text-align:center;gap:10px;display:grid}.task-title{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.task-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.task-stats span{color:var(--muted);background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:.8rem}.task-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.task-pagination-label{text-align:center;min-width:68px;color:var(--muted);font-size:.86rem}.toast-stack{z-index:1000;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.toast-item{min-width:240px;max-width:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:14px 16px}.toast-item.is-success{background:#29d17d2e;border:1px solid #29d17d52}.toast-item.is-error{background:#ff6b6b33;border:1px solid #ff6b6b47}.checkbox-row{color:var(--muted);align-items:center;gap:10px;display:inline-flex}@media (width<=1180px){.shell{grid-template-columns:1fr;height:auto;overflow:visible}.shell-sidebar{border-right:none;border-bottom:1px solid var(--panel-border);height:auto;overflow:visible}.generate-grid,.page-grid.two-up,.admin-overview-grid{grid-template-columns:1fr}}@media (width<=720px){.shell-main{height:auto;padding:18px;overflow:visible}.panel{padding:18px}.topbar{flex-direction:column}.inline-fields,.form-grid.two-columns{grid-template-columns:1fr}.admin-stat-panel{min-height:auto}.admin-summary-grid{grid-template-columns:1fr}}
