:root{--bg:#0e1117;--panel:#171b23;--panel2:#1c212b;--line:#2a303c;--text:#f0f1f5;--muted:#969eaf;--accent:#b5a2ff;--accent2:#8567f4;--green:#86d7b0;--orange:#efbe81;--red:#f2949a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1px;font-weight:650}h2{font-size:18px;font-weight:600}h3{font-size:16px}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.5px;font-size:21px}.brand b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--theme-accent-line,#a694df);color:var(--accent);border-radius:9px;font-size:23px;font-style:italic}.brand>span{font-size:10px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-left:7px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:15px}.primary,.secondary{border:0;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600}.primary{background:var(--accent);color:var(--theme-accent-ink,#221b39)}.primary:hover:not(:disabled){background:#c9bbff}.secondary{border:1px solid var(--line);color:var(--theme-ink-strong,#d6d9e3);background:var(--panel2)}.secondary:hover:not(:disabled){border-color:var(--theme-accent-line,#74658f)}.full{width:100%}.link{background:none;border:0;padding:0;color:var(--accent);font-size:12px;text-align:left}.link:hover{text-decoration:underline}.notice{padding:13px 16px;border:1px solid var(--theme-warning-line,#695537);background:var(--theme-warning-soft,#302b20);color:var(--theme-warning-ink,#efcd99);border-radius:7px;font-size:12px;line-height:1.7;margin-bottom:22px}.fine-print{font-size:11px;color:var(--theme-ink-muted,#858ea0);line-height:1.7;margin-top:13px}.form-message{font-size:13px;line-height:1.7;color:var(--orange);margin:12px 0;overflow-wrap:anywhere}label{display:block;font-size:12px;color:var(--theme-ink-secondary,#c6ccda);margin:21px 0 0}input,select,textarea{display:block;width:100%;padding:12px 13px;margin-top:9px;border:1px solid var(--line);border-radius:7px;background:var(--theme-surface-input,#11151d);color:var(--text);font-size:13px}textarea{resize:vertical;line-height:1.7}input::placeholder,textarea::placeholder{color:var(--theme-ink-muted,#626c7e)}select{cursor:pointer}input[type=checkbox]{width:auto;margin:0;accent-color:var(--accent)}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.7;font-size:11px}.check input{margin-top:4px}.check button{font-size:11px}.segmented{display:flex;background:var(--theme-surface-input,#10141b);border:1px solid var(--theme-border,#242b37);border-radius:9px;padding:4px;gap:4px}.segmented button{flex:1;background:none;border:0;color:var(--theme-ink-muted,#8e97a9);font-size:13px;padding:11px 10px;border-radius:6px}.segmented button.active{background:var(--theme-accent-soft,#302a44);color:var(--theme-accent-ink,#d4c7ff);box-shadow:0 1px 3px #0004}#boot{height:100vh;display:grid;place-items:center;color:var(--muted)}#auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{padding:36px 7vw 28px 4vw;background:var(--theme-surface-base,#151722);border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden}.story-copy{margin:auto 0;padding:60px 0 24px;position:relative}.story-copy h1{font-size:46px;line-height:1.4;letter-spacing:1px}.story-copy p{margin-top:20px;color:var(--theme-ink-secondary,#a0a5b8);line-height:1.9;font-size:14px}.story-art{height:265px;position:relative;margin-top:35px}.art-orbit{width:210px;height:210px;border-radius:50%;position:absolute;right:0;top:30px;background:radial-gradient(circle at 35% 30%,#d8c1ff,#7054b6 50%,#292740 80%);box-shadow:0 0 90px #a478eb22}.art-frame{position:absolute;inset:0 40px 0 0;transform:rotate(-5deg);border:1px solid #ffffff35;border-radius:12px;background:linear-gradient(120deg,#9794b719,#1e1c3310);backdrop-filter:blur(8px);padding:28px;display:flex;flex-direction:column;justify-content:space-between}.art-frame span{font-size:9px;letter-spacing:3px;color:#c2b4e1}.art-frame strong{font-size:27px;font-weight:400;line-height:1.5}.art-frame i{font-size:8px;letter-spacing:2px;color:#b1a8c5;font-style:normal}.auth-story footer{font-size:10px;color:var(--theme-ink-muted,#72798c)}.auth-panel{display:grid;place-items:center;padding:60px 32px}.auth-box{width:min(380px,100%)}.auth-box h2{font-size:29px;letter-spacing:-.5px}.auth-box>p{font-size:12px;color:var(--muted);margin:12px 0 30px;line-height:1.8}.auth-links{display:flex;gap:18px;margin:22px 0}.auth-links .link{font-size:11px;color:var(--theme-ink-secondary,#9da5b6)}.auth-box .primary{margin-top:10px;padding:14px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:224px;background:var(--theme-surface-input,#13171e);border-right:1px solid var(--theme-border,#232a35);padding:25px 15px;display:flex;flex-direction:column;z-index:2}.sidebar .brand{padding:0 9px}.workspace-tag{margin:28px 6px 16px;border:1px solid var(--line);background:var(--theme-surface-raised,#1a2029);border-radius:6px;display:flex;align-items:center;padding:11px 8px;gap:8px;font-size:10px;color:var(--theme-ink-secondary,#bac3ce)}.workspace-tag small{margin-left:auto;color:var(--theme-ink-muted,#667084);font-size:9px}.live-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--green)}.nav-label{font-size:9px;color:var(--theme-ink-muted,#637083);letter-spacing:2px;padding:19px 13px 10px}.nav{display:flex;align-items:center;gap:12px;padding:12px 15px;background:none;border:0;color:var(--theme-ink-secondary,#9da8b9);border-radius:7px;width:100%;text-align:left;margin:4px 0;font-size:12px}.nav span{font-size:18px;width:20px;color:var(--theme-ink-muted,#8490a3)}.nav.active{background:var(--theme-accent-soft,#2d273f);color:var(--theme-accent-ink,#d5c6ff)}.nav.active span{color:var(--accent)}.nav:hover{background:var(--theme-surface-raised,#202632)}.sidebar-bottom{margin-top:auto;padding-top:25px}.balance-card{border:1px solid var(--theme-accent-line,#3c344f);border-radius:8px;padding:16px;margin:0 5px 16px;background:linear-gradient(120deg,var(--theme-accent-soft,#262332),var(--theme-surface-raised,#1c202b))}.balance-card>span{display:block;color:var(--theme-accent-ink,#a69ebc);font-size:10px}.balance-card strong{font-size:28px;display:block;margin:8px 0 12px;font-weight:500}.balance-card .link{font-size:10px}.account{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:flex;align-items:center;gap:9px}.avatar{border-radius:50%;width:30px;height:30px;flex-shrink:0;background:var(--theme-accent-soft,#564367);color:var(--theme-accent-ink,#e3c9ed);display:grid;place-items:center;font-size:11px}.account>div{min-width:0;flex:1}.account strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;font-weight:500}.account small{display:block;font-size:9px;color:var(--theme-ink-muted,#6c798d);margin-top:4px}.account button{background:none;border:0;font-size:20px;color:var(--theme-ink-secondary,#9ba2b2)}#shell main{margin-left:224px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:69px;border-bottom:1px solid var(--theme-border,#222a35);display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:12px}.top-right{display:flex;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--theme-border,#313345);border-radius:20px;padding:7px 11px;font-size:10px;color:var(--theme-accent-ink,#b8abc9)}.credit-pill{color:var(--theme-accent-ink,#ccbffa);background:var(--theme-accent-soft,#242032);border-color:var(--theme-accent-line,#413653)}.content{padding:35px;max-width:1600px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.page-heading p{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.8}.quiet-label{font-size:9px;letter-spacing:2px;color:var(--theme-ink-muted,#5f6c80);white-space:nowrap;padding-bottom:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.creation-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px}.composer label{margin-top:23px}.label-note{float:right;font-size:10px;color:var(--theme-ink-muted,#717f93)}.prompt-chips{display:flex;gap:7px;margin-top:10px}.prompt-chips button{font-size:10px;color:var(--theme-ink-secondary,#99a4b8);background:var(--theme-surface-raised,#202633);border:1px solid var(--theme-border,#32394b);border-radius:5px;padding:6px 9px}.reference input{font-size:11px}.reference small{color:var(--theme-ink-muted,#737f91);font-size:10px;line-height:1.7;display:block;margin-top:8px}.cost{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin:23px 0 17px;font-size:11px;color:var(--theme-ink-muted,#909caf)}.cost strong{font-weight:600;color:var(--theme-accent-ink,#c4b6fa);font-size:14px}#generateButton{display:flex;align-items:center;justify-content:space-between;padding:14px 17px}.preview{padding:0;overflow:hidden;min-height:390px;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 65% 45%,var(--theme-accent-soft,#242039) 0%,var(--theme-surface-base,#171b23) 55%)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--theme-ink-secondary,#9aa6b9)}.tiny-pill{font-size:8px;letter-spacing:1.5px;border:1px solid var(--theme-border,#3b3b4d);padding:4px 6px;border-radius:3px;color:var(--theme-ink-muted,#6c778b)}.preview-empty{min-height:333px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.empty-frame{width:96px;height:72px;border:1px solid var(--theme-accent-line,#5c4d7b);border-radius:10px;transform:rotate(-7deg);background:var(--theme-accent-soft,#30283d);display:grid;place-items:center;margin-bottom:28px;box-shadow:8px 8px 0 #211f2c}.empty-frame span{font-size:34px;color:var(--theme-accent-ink,#aa93e2)}.preview-empty h3{font-size:16px;color:var(--theme-accent-ink,#d0c9df);font-weight:500}.preview-empty p{font-size:11px;color:var(--theme-ink-muted,#778295);line-height:1.9;margin-top:12px}.preview-media{width:100%;max-height:440px;object-fit:contain;display:block;background:var(--theme-surface-input,#090c12)}.preview-caption{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.section-heading h2{font-size:14px}.section-heading .link{font-size:10px}.job-mini{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel);margin:9px 0}.job-mini .job-icon{width:33px;height:33px;background:var(--theme-surface-raised,#292839);border:1px solid var(--theme-accent-line,#3e3551);border-radius:7px;display:grid;place-items:center;color:var(--accent)}.job-mini>div{min-width:0;flex:1}.job-mini strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-mini small{font-size:9px;color:var(--theme-ink-muted,#6f7b8d);display:block;margin-top:5px}.state{font-size:10px;border-radius:4px;padding:4px 7px;background:var(--theme-surface-raised,#242d3c);color:var(--theme-info-ink,#91b7ee);white-space:nowrap}.state.succeeded{color:var(--green);background:var(--theme-success-soft,#1d322e)}.state.failed,.state.cancelled{color:var(--red);background:var(--theme-surface-raised,#36272e)}.state.review{color:var(--orange);background:var(--theme-warning-soft,#362f22)}.empty-state{padding:35px 20px;text-align:center;color:var(--theme-ink-muted,#78869b);font-size:12px;line-height:1.9;border:1px dashed var(--theme-border,#333d4e);border-radius:10px}.main-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 35px;border-top:1px solid var(--theme-border,#202632);color:var(--theme-ink-muted,#58667b);font-size:10px}.main-footer>div{display:flex;gap:20px}.main-footer .link{font-size:10px;color:var(--theme-ink-muted,#7b879c)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.work-media{height:190px;background:var(--theme-surface-input,#111621);display:flex;align-items:center;justify-content:center;position:relative}.work-media img,.work-media video{width:100%;height:100%;object-fit:contain}.work-placeholder{font-size:38px;color:var(--theme-accent-ink,#4e405f)}.work-body{padding:17px}.work-body>p{font-size:12px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:43px;margin:12px 0;color:var(--theme-ink-secondary,#c4cad5)}.work-meta{display:flex;gap:7px;justify-content:space-between;color:var(--theme-ink-muted,#717e91);font-size:9px}.work-actions{border-top:1px solid var(--line);margin-top:13px;padding-top:13px;display:flex;gap:14px}.work-actions .link{font-size:10px}.error-note{font-size:10px!important;color:var(--orange)!important;line-height:1.6;min-height:0!important}.pager{display:flex;justify-content:center;gap:12px;margin-top:24px}.pager button{font-size:11px}.wallet-top{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px}.wallet-balance{background:linear-gradient(120deg,var(--theme-accent-soft,#2a2340),var(--theme-surface-raised,#181d2a));display:flex;flex-direction:column;justify-content:center;padding:35px}.wallet-balance>span{font-size:12px;color:var(--theme-accent-ink,#b1a4cd)}.wallet-balance strong{font-size:60px;font-weight:500;margin:20px 0}.wallet-balance small{font-size:11px;color:var(--theme-ink-muted,#8a839c);line-height:1.8}.wallet-top form p{margin-top:12px;font-size:12px}.wallet-top form .primary{margin-top:17px}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;background:var(--panel)}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{background:var(--theme-surface-raised,#1d222c);color:var(--theme-ink-muted,#8e9aaf);font-size:10px;font-weight:500;white-space:nowrap}th,td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top}td{color:var(--theme-ink-secondary,#b8c2d2);max-width:380px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td .link{font-size:10px;margin:0 9px 4px 0}td small{font-size:9px;color:var(--theme-ink-muted,#6d7b91);display:block;margin-top:5px}.positive{color:var(--green)}.negative{color:var(--theme-accent-ink,#d9b2e2)}.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.toolbar form{display:flex;gap:8px}.toolbar input,.toolbar select{margin:0;max-width:280px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.metric span{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:35px;margin-top:14px;font-weight:500}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-grid h2{margin-bottom:16px}.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--theme-ink-secondary,#a3afc1);line-height:1.7}.checklist li:last-child{border:0}.checklist b{display:block;color:var(--theme-ink-strong,#d3d9e3);font-size:12px;font-weight:500}.code-output{display:block;background:var(--theme-surface-input,#10151e);color:var(--theme-accent-ink,#c9b9f4);padding:16px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:2}.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.model-card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.model-card header{display:flex;align-items:center;justify-content:space-between}.model-card h3{font-size:15px}.model-card p{font-size:11px;color:var(--theme-ink-muted,#7f8ca0);line-height:1.8;margin:15px 0;overflow-wrap:anywhere}.model-card footer{display:flex;align-items:center;justify-content:space-between}.model-card strong{color:var(--accent);font-size:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}dialog{padding:26px;background:var(--theme-surface-raised,#1b202a);color:var(--text);border:1px solid var(--theme-border,#414556);border-radius:13px;width:min(580px,calc(100% - 32px));max-height:90vh;overflow:auto;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#05080dce;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-top button{border:0;background:none;color:var(--theme-ink-secondary,#9ca7b9);font-size:27px}.dialog-top h2{font-size:19px}.legal{color:var(--theme-ink-secondary,#b3bece);font-size:13px;line-height:1.9}.legal h3{margin-top:22px;color:var(--theme-ink-strong,#e1e5ec)}.legal p{margin-top:12px}.legal ul{padding-left:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#ece9fa;color:var(--theme-accent-ink,#242038);border-radius:8px;padding:13px 20px;z-index:100;font-size:12px;max-width:90vw;transition:.2s;box-shadow:0 5px 30px #0004}#toast.show{opacity:1;transform:translate(-50%,0)}.danger{color:var(--red)} @media(min-width:1600px){.creation-layout{grid-template-columns:430px minmax(0,1fr)}.preview{min-height:470px}.preview-empty{min-height:413px}} @media(max-width:1160px){.sidebar{width:195px}#shell main{margin-left:195px}.content{padding:25px}.creation-layout{grid-template-columns:340px minmax(0,1fr);gap:18px}.composer{padding:19px}.quiet-label{display:none}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}.auth-story{padding-left:35px}.story-copy h1{font-size:38px}} @media(max-width:900px){.creation-layout{grid-template-columns:1fr}.preview-column{display:grid;gap:12px}.preview{min-height:310px}.preview-empty{min-height:250px}.wallet-top,.admin-grid,.model-grid{grid-template-columns:1fr}.auth-story{padding:30px}.story-copy h1{font-size:31px}.brand>span{display:none}} @media(max-width:640px){#auth{grid-template-columns:1fr}.auth-story{padding:23px;border-right:0;border-bottom:1px solid var(--line)}.story-copy{padding:32px 0 5px}.story-copy h1{font-size:30px}.story-copy p,.story-art,.auth-story footer{display:none}.auth-panel{padding:35px 22px}.sidebar{position:relative;width:100%;height:auto;inset:auto;padding:18px;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:20px}.workspace-tag,.sidebar .nav-label,.balance-card{display:none}#clientNav,#adminNav{display:flex;overflow:auto;gap:5px;margin-top:17px}.nav{width:auto;white-space:nowrap;padding:9px 12px;margin:0;font-size:11px}.nav span{font-size:16px;width:15px}.sidebar-bottom{padding:0;margin:0}.account{position:absolute;right:17px;top:19px;margin:0;border:0;padding:0}.account>div{display:none}.account .avatar{width:26px;height:26px}#adminNav{margin-top:46px}#shell main{margin-left:0}.topbar{height:52px;padding:0 18px;font-size:10px}.top-right{gap:6px}.pill{font-size:8px;padding:5px 7px}.content{padding:28px 17px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.eyebrow{font-size:8px;margin-bottom:13px}.panel{padding:19px}.preview{padding:0}.library-grid{grid-template-columns:1fr}.wallet-balance strong{font-size:44px}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:28px}.toolbar{flex-wrap:wrap}.toolbar form{width:100%}.two-col{grid-template-columns:1fr;gap:0}.main-footer{padding:20px 18px}th,td{padding:12px;font-size:10px}.page-heading>.secondary{font-size:10px;white-space:nowrap;padding:9px 11px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} /* Navigation spacing on narrow screens. */ @media(max-width:640px){#adminNav{margin-top:17px}.sidebar{min-height:120px}} /* Chinese brand mark */ .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .page .model-pricing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:0;margin-bottom:16px} .page .model-pricing-tabs{display:flex;gap:7px;align-items:center;align-self:center;flex-wrap:wrap} .model-pricing-tabs button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:22px;padding:8px 12px;background:var(--panel);color:var(--muted);font-size:12px;white-space:nowrap} .model-pricing-tabs button.active{background:var(--accent2);border-color:var(--accent2);color:#fff} .model-pricing-tabs button span{border-radius:12px;padding:2px 6px;background:var(--theme-surface-raised,#343945);color:var(--text);font-size:10px} .model-pricing-tabs button.active span{background:#ffffff30;color:#fff} .model-pricing-controls{display:flex;gap:9px;align-items:center;margin-left:auto} .model-pricing-controls label,.model-pricing-budget label{margin:0} .model-pricing-controls select,.model-pricing-controls input{margin:0;height:39px;font-size:12px} .model-pricing-controls select{width:155px}.model-pricing-search input{width:min(300px,38vw)} .model-pricing-controls select#pricingSort{width:190px;min-width:190px;padding-left:12px;padding-right:30px;white-space:nowrap;} .model-pricing-sort{position:relative;width:190px;min-width:190px}.model-pricing-sort-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:39px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--theme-surface-input,#11151d);color:var(--text);font-size:12px;text-align:left}.model-pricing-sort-trigger:hover,.model-pricing-sort-trigger[aria-expanded="true"]{border-color:var(--accent)}.model-pricing-sort-trigger span{color:var(--muted);font-size:16px;line-height:1}.model-pricing-sort-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:100%;padding:5px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 12px 28px #0004}.model-pricing-sort-menu button{display:block;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:12px;text-align:left;white-space:nowrap}.model-pricing-sort-menu button:hover,.model-pricing-sort-menu button[aria-selected="true"]{background:var(--theme-accent-soft,#2c2540);color:var(--theme-accent-ink,#d0bfff)} .model-pricing-budget{display:flex;gap:12px;align-items:end;margin-bottom:18px;color:var(--muted)} .model-pricing-budget input,.model-pricing-budget select{margin-top:5px;width:130px;padding:8px 10px;font-size:12px} @media(max-width:680px){.model-pricing-controls{width:100%;margin-left:0}.model-pricing-controls select{width:100%;min-width:0}.model-pricing-controls select#pricingSort{width:100%;min-width:0}.model-pricing-sort{width:100%;min-width:0}.model-pricing-search{flex:1}.model-pricing-search input{width:100%}.model-pricing-budget{flex-wrap:wrap}} .brand b{font-style:normal;font-size:19px;flex-shrink:0}.sidebar .brand{font-size:20px;letter-spacing:1px} .session-identity{margin:0 0 20px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);font-size:12px;overflow-wrap:anywhere} .job-feedback{font-size:11px;line-height:1.7;overflow-wrap:anywhere}.diagnostic-note{margin:10px 0;padding:10px;background:var(--theme-surface-raised,#271f29);border:1px solid var(--theme-danger-line,#4e3540);border-radius:6px;color:var(--theme-danger-ink,#efb9ba)}.diagnostic-note strong,.diagnostic-note span{display:block;font-size:10px}.diagnostic-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.diagnostic-note small{color:var(--theme-danger-ink,#ba9aa8)}.diagnostic-compact{color:var(--orange)!important;white-space:normal;overflow-wrap:anywhere}.check-progress{color:var(--orange);margin:8px 0}.task-details p{margin:12px 0;line-height:1.7;overflow-wrap:anywhere}.work-actions{flex-wrap:wrap}.task-details code{font-size:11px} .reference-section{margin-top:24px}.reference-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--theme-ink-secondary,#c6ccda);gap:10px}.reference-heading .label-note{float:none;white-space:nowrap}.reference-picker{position:relative;height:65px;border:1px dashed var(--theme-border,#505063);background:var(--theme-surface-input,#11151d);border-radius:9px;display:grid;place-items:center;margin-top:12px;color:var(--theme-accent-ink,#b5a2ff);font-size:12px}.reference-picker input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.reference-picker:has(input:disabled){opacity:.45}.reference-picker:focus-within{outline:2px solid var(--accent)}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.reference-card{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--theme-surface-input,#11151d)}.reference-view{display:block;width:100%;height:88px;padding:0;border:0;background:var(--theme-surface-input,#11151d);cursor:zoom-in}.reference-view img{width:100%;height:100%;object-fit:contain;display:block}.reference-card>span{display:block;text-align:center;font-size:10px;padding:7px 2px;color:var(--muted)}.reference-remove,.reference-move{position:absolute;top:4px;border:1px solid #666;background:#141922e8;color:white;width:23px;height:23px;border-radius:5px;padding:0;font-size:16px}.reference-remove{right:4px}.reference-move{left:4px;font-size:13px}.reference-full{display:block;width:100%;max-height:65vh;object-fit:contain;margin-top:15px}#referenceError{font-size:11px}#referenceModeLabel{margin-top:12px}.reference-section[hidden]{display:none} .job-search-form{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:14px;align-items:end;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:12px}.job-search-form label{margin:0;min-width:0}.job-search-form input,.job-search-form select{margin-top:8px;width:100%;min-width:0}.job-search-buttons{display:flex;gap:8px;align-items:center;grid-column:1/-1}.job-search-buttons button{white-space:nowrap;min-height:42px}.job-search-summary{margin:12px 0 18px;font-size:12px;color:var(--muted)}#jobSearchDraftNotice{margin:0 0 12px;color:var(--orange)}.job-custom-dates{display:flex;gap:12px;grid-column:1/-1}.job-custom-dates label{flex:1}.job-custom-dates[hidden]{display:none}@media(max-width:1100px){.job-search-form{grid-template-columns:1fr 1fr}.job-search-buttons{justify-content:flex-end}}@media(max-width:640px){.job-search-form{grid-template-columns:1fr;padding:14px}.job-search-buttons{justify-content:stretch}.job-search-buttons button{flex:1}.job-custom-dates{flex-direction:column;gap:0}} .video-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-ref-view{position:relative;cursor:pointer}.video-ref-view video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.video-play-mark{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:28px;text-shadow:0 1px 6px black}.asset-review-panel{margin-top:20px;padding:14px;background:var(--theme-surface-raised,#1c2230);border:1px solid var(--theme-border,#414557);border-radius:8px}.asset-review-panel label{margin:0!important}.asset-review-panel p{font-size:11px;color:var(--theme-ink-secondary,#9ca6b7);line-height:1.7;margin-top:8px}.work-media{position:relative}.expand-video{position:absolute;top:9px;right:9px;z-index:1;width:30px;height:30px;border:1px solid var(--theme-border,#727a8d);border-radius:6px;background:#131721cc;color:white;font-size:20px;padding:0}dialog.media-dialog{width:min(1100px,calc(100% - 32px));max-height:94vh}.large-media-player{margin-top:16px}.large-media-player video,.large-media-player img{display:block;width:100%;max-height:72vh;object-fit:contain;background:var(--theme-info-soft,#05070b);border-radius:8px}.player-actions{display:flex;justify-content:flex-end;margin-top:14px}.player-error{color:var(--orange);font-size:12px;margin-top:12px}.job-mini>button{flex-shrink:0}.preview-caption{flex-wrap:wrap}.job-mini{flex-wrap:wrap}@media(max-width:640px){.video-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .cost-formula{color:var(--muted);font-size:11px;margin:-7px 0 17px;text-align:right}.rate-grid{margin-top:6px} .three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.three-col label{min-width:0}.model-card footer strong{line-height:1.6}@media(max-width:640px){.three-col{grid-template-columns:1fr;gap:0}} .library-filters{display:grid;grid-template-columns:minmax(255px,1.3fr) minmax(125px,.65fr) minmax(190px,1fr) auto;gap:18px;align-items:end;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:15px}.library-filters label{margin:0;min-width:0}.library-filters select{margin-top:8px}.filter-label{display:block;font-size:12px;color:var(--theme-ink-secondary,#c6ccda);margin-bottom:8px}.library-period-tabs{display:flex;gap:4px;padding:4px;background:var(--theme-surface-input,#11151d);border:1px solid var(--line);border-radius:7px}.library-period-tabs button{flex:1;background:none;border:0;border-radius:4px;color:var(--muted);white-space:nowrap;padding:9px 7px;font-size:11px}.library-period-tabs button.active{background:var(--theme-accent-soft,#3b2f56);color:var(--theme-accent-ink,#ddcdff)}.library-filters>.secondary{height:42px;white-space:nowrap}.library-summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 20px}.library-summary{font-size:12px;line-height:1.6;color:var(--muted)}.library-summary-row>span{font-size:10px;color:var(--theme-ink-muted,#78869b);white-space:nowrap}@media(max-width:1200px){.library-filters{grid-template-columns:1fr 1fr}.library-filters>.secondary{justify-self:end}}@media(max-width:640px){.library-filters{padding:15px;gap:15px;grid-template-columns:1fr}.library-filters>.secondary{width:100%;justify-self:stretch}.library-summary-row{align-items:start;flex-direction:column}.library-period-tabs button{padding:10px 6px}} .library-grid>.empty-state{grid-column:1/-1} .catalog-top-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;color:var(--muted);font-size:12px}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.catalog-toolbar input:not([type=checkbox]){width:250px;margin:0}.catalog-toolbar select{width:160px;margin:0}.catalog-toolbar .check{margin:0;white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.catalog-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:22px;min-width:0}.catalog-card-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:14px 0}.catalog-card-title h3{overflow-wrap:anywhere;font-size:16px;font-weight:600}.catalog-card>p{font-size:12px;line-height:1.8;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.catalog-icon{font-size:27px;color:var(--accent);width:44px;height:44px;background:var(--theme-accent-soft,#29233c);border:1px solid var(--theme-accent-line,#4a3d65);display:grid;place-items:center;border-radius:9px}.catalog-metrics{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--theme-ink-secondary,#a9a4b8);border-top:1px solid var(--line);padding-top:13px;margin:17px 0}.catalog-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.catalog-actions .link{font-size:11px}.catalog-empty{grid-column:1/-1;color:var(--muted);border:1px dashed var(--theme-border,#485265);border-radius:10px;padding:40px 20px;text-align:center;font-size:13px;line-height:1.8}.catalog-note{padding:15px 18px;background:var(--theme-accent-soft,#292438);border:1px solid var(--theme-accent-line,#4c3b62);color:var(--theme-accent-ink,#c3b5db);border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:22px}.product-cover{width:100%;height:155px;object-fit:contain;display:block;background:var(--theme-surface-input,#10151e);border-radius:7px}.product-placeholder{display:grid;place-items:center;font-size:38px;color:var(--theme-accent-ink,#796a96)}.asset-visual{width:100%;height:160px;background:var(--theme-surface-input,#10151e);border:0;border-radius:8px;padding:0;cursor:zoom-in;position:relative;overflow:hidden}.asset-visual img,.asset-visual video{width:100%;height:100%;object-fit:contain;display:block}.asset-visual>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--theme-accent-ink,#d8ccf8);background:#10151e44}.asset-select-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.asset-select-row .check{margin:0;min-width:0}.asset-select-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;overflow-wrap:anywhere}.catalog-selection{display:flex;gap:15px;justify-content:flex-end;align-items:center;font-size:11px;color:var(--muted);margin-bottom:20px}.catalog-selection>span{margin-right:auto}.catalog-selection .primary{font-size:11px}.creative-context{border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:13px;background:var(--theme-surface-base,#141821)}.creative-context summary{font-size:12px;color:var(--theme-ink-secondary,#a7b3c8);cursor:pointer}.creative-context label{margin-top:13px!important}.catalog-inline-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.catalog-inline-actions .link{font-size:10px}.product-reference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.product-reference-choice{position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:0!important;cursor:pointer}.product-reference-choice input{position:absolute;top:7px;left:7px;accent-color:var(--accent)}.product-reference-choice img{width:100%;height:100px;object-fit:contain;background:var(--theme-surface-input,#10151e)}.product-reference-choice span{display:block;font-size:9px;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-refs-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;font-size:12px;color:var(--muted)}.product-refs-heading>span{font-size:10px}.picker-search{display:flex;gap:10px;align-items:center;margin-top:14px}.picker-search input{margin:0}.picker-pages{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:9px}.catalog-upload{margin:0;cursor:pointer}.template-card .full{margin-top:10px}.creative-context .fine-print{font-size:10px}.sidebar{overflow-y:auto}.library-filters{grid-template-columns:minmax(230px,1.1fr) minmax(100px,.55fr) minmax(130px,.8fr) minmax(130px,.8fr) auto}@media(max-width:1250px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:1fr 1fr}}@media(max-width:720px){.catalog-grid{grid-template-columns:1fr}.catalog-top-tools{align-items:start;flex-wrap:wrap}.catalog-selection{flex-wrap:wrap;justify-content:flex-start}.catalog-selection>span{width:100%}.catalog-toolbar>input:not([type=checkbox]),.catalog-toolbar>select{width:100%}.product-reference-options{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:1fr}.catalog-card{padding:18px}.sidebar{overflow:visible}} .batch-create{padding:24px;margin-bottom:26px}.batch-create fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:16px}.batch-create legend{padding:0 8px;color:var(--muted);font-size:12px}.batch-template-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.batch-template-options .check{margin:0}.batch-list{display:grid;gap:16px}.batch-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.batch-item>div:first-child{display:grid;gap:5px}.batch-item span,.batch-item small{font-size:11px;color:var(--muted)}.batch-item .catalog-actions{margin:0}.batch-item button{white-space:nowrap}@media(max-width:720px){.batch-template-options{grid-template-columns:1fr}.batch-item{align-items:start;flex-direction:column}} .batch-filter{display:flex;justify-content:flex-end;margin-bottom:16px}.batch-filter label{width:min(230px,100%);font-size:12px;color:var(--muted)}.batch-filter select{margin-top:8px}.batch-card>.catalog-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px}.batch-item .large-media-player{width:100%} .story-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.story-toolbar label{min-width:220px}.story-toolbar select{margin-top:6px}.story-list{display:grid;gap:15px}.story-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px}.story-card h3{font-size:16px;margin:0 0 8px}.story-card p{font-size:12px;color:var(--muted);line-height:1.7;white-space:pre-wrap}.story-ref-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.story-ref-gallery label{position:relative;border:1px solid var(--line);padding:6px;font-size:10px}.story-ref-gallery img{display:block;width:100%;height:80px;object-fit:contain}.story-character-choice{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.story-panel{max-width:820px}.story-shot-meta{display:flex;gap:14px;color:var(--muted);font-size:11px}.story-card .catalog-actions{margin-top:10px}@media(max-width:720px){.story-ref-gallery{grid-template-columns:repeat(2,1fr)}} /* Commerce batch studio */ .commerce-steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.commerce-steps span{padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.batch-create{max-width:none}.commerce-upload{position:relative;display:flex;align-items:center;justify-content:center;padding:28px;border:1px dashed var(--theme-info-line,#767cbe);border-radius:12px;background:rgba(115,120,205,.08);cursor:pointer;margin-top:18px}.commerce-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.commerce-references{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.commerce-ref{width:110px;display:flex;flex-direction:column;gap:5px}.commerce-ref img{width:110px;height:100px;object-fit:contain;background:#fff;border-radius:8px}.commerce-ref span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.commerce-template{border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0;opacity:.65}.commerce-template.selected{opacity:1;border-color:var(--theme-info-line,#6f75bd);background:rgba(100,106,175,.05)}.commerce-template-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.commerce-template-heading .check{margin:0}.commerce-template-heading .link{font-size:12px;white-space:nowrap}.commerce-template p{font-size:13px;line-height:1.7}.commerce-requirements{min-height:45px;color:var(--muted)}.commerce-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.commerce-settings label{min-width:0}.commerce-settings input,.commerce-settings select{width:100%;min-width:0}.commerce-prepare-bar,.commerce-batch-total{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}.commerce-batch-total strong{color:var(--text)}.commerce-item{border-top:1px solid var(--line);padding:15px 0}.commerce-item .batch-item{border:0;padding:0}.commerce-prompt{margin-top:12px}.commerce-prompt summary{font-size:13px;cursor:pointer;color:var(--muted);padding-bottom:10px}.commerce-prompt textarea{width:100%;font-size:12px;line-height:1.7;resize:vertical}.commerce-prompt .catalog-actions{align-items:center}.commerce-template textarea{min-height:66px}.commerce-prepare-bar strong{font-size:14px}.commerce-prompt .fine-print{max-width:420px}.story-ref-upload{margin:12px 0}.story-ref-upload input{max-width:100%} @media(max-width:1000px){.commerce-template-grid{grid-template-columns:1fr}.commerce-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-template{padding:16px}}@media(max-width:600px){.commerce-steps span{flex:1 1 40%;font-size:11px}.commerce-prepare-bar .primary,.commerce-batch-total .primary{width:100%}.commerce-settings{gap:6px}.commerce-template-heading{align-items:flex-start}.commerce-template-heading strong{font-size:14px}.batch-create .two-col{grid-template-columns:1fr}.batch-card{padding:16px}.batch-item{flex-direction:column;align-items:flex-start}} /* Per-batch disclosure keeps long task lists compact without destroying prompt drafts. */ .batch-card-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.batch-collapse-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:8px 12px;white-space:nowrap}.batch-collapse-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.batch-details[hidden]{display:none!important}.batch-details>.fine-print{margin-bottom:14px}.batch-details>.catalog-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px}@media(max-width:600px){.batch-card>.catalog-card-title{flex-wrap:wrap}.batch-card-controls{margin-left:auto}.batch-collapse-toggle{min-height:38px}} /* Unified video storyboard: project toolbar, reusable cast/episodes left, current shots right. */ .video-story-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px;padding:18px 22px}.video-story-toolbar>label{margin:0;min-width:220px;flex:1}.video-project-actions{display:flex;gap:16px;align-items:center}.video-story-toolbar>.fine-print{width:100%;margin:0}.video-story-layout{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:22px;align-items:start}.video-story-context{display:grid;gap:18px;min-width:0}.video-context-panel{padding:18px}.video-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-panel-heading .eyebrow{margin-bottom:6px;font-size:9px}.video-panel-heading h2{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.video-panel-heading h2 small{font-size:11px;color:var(--muted);margin-left:6px}.video-panel-heading .secondary{font-size:11px;padding:9px 10px;white-space:nowrap}.video-character-list,.video-episode-list{display:grid;gap:10px;margin-top:15px;max-height:430px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.video-character{border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--theme-surface-input,#121720)}.video-character-head{display:flex;gap:10px;align-items:center}.video-character-avatar{width:42px;height:42px;object-fit:cover;border-radius:9px;flex-shrink:0;background:var(--theme-accent-soft,#28223d)}.video-character-initial{display:grid;place-items:center;color:var(--accent);font-size:18px}.video-character-head>div{min-width:0;flex:1}.video-character-head strong{font-size:12px;overflow-wrap:anywhere}.video-character-head span:not(.video-character-avatar){display:block;font-size:10px;color:var(--muted);margin-top:5px}.video-character-head>.link{font-size:11px;white-space:nowrap}.video-character-info,.video-archived-characters{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.video-character-info summary,.video-archived-characters summary,.video-shot-notes summary{cursor:pointer}.video-character-info p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.video-archived-characters>.video-character{margin-top:10px}.is-archived{opacity:.65}.video-episode{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--theme-surface-input,#121720)}.video-episode.selected{border-color:var(--theme-accent-line,#8e79ce);background:var(--theme-accent-soft,#262138)}.video-episode-select{flex:1;min-width:0;text-align:left;border:0;background:none;color:var(--text);padding:2px}.video-episode-select span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.video-episode-select strong{display:block;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.video-episode>.link{font-size:11px;white-space:nowrap}.video-story-main{min-width:0}.video-episode-overview{padding:22px}.video-episode-overview .eyebrow{margin-bottom:10px}.video-episode-overview .video-panel-heading .link{white-space:nowrap;font-size:11px}.video-episode-overview label{margin-top:15px}.video-episode-background{margin-top:18px;font-size:12px;color:var(--muted);line-height:1.8}.video-episode-background summary{cursor:pointer}.video-episode-background p{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.video-story-metrics{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:11px;color:var(--muted)}.video-story-metrics strong{color:var(--text);font-size:17px;margin-right:6px}.video-episode-overview .notice{margin:18px 0 0}.video-shots-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 16px}.video-shots-heading h2{font-size:17px}.video-shot-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.video-shot-filter label{margin:0}.video-shot-filter label:first-child{flex:1;min-width:170px}.video-shot-filter label:nth-child(2){min-width:125px}.video-shot-filter .check{padding-bottom:12px;white-space:nowrap}.video-shot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:14px}.video-shot-list .catalog-empty{grid-column:1/-1}.video-shot{padding:18px;min-width:0}.video-shot-top{display:flex;align-items:center;gap:12px}.video-shot-number{width:40px;height:40px;border-radius:9px;border:1px solid var(--theme-accent-line,#574874);background:var(--theme-accent-soft,#292139);color:var(--accent);display:grid;place-items:center;font-size:18px;flex-shrink:0}.video-shot-top h3{font-size:14px;line-height:1.8}.video-shot-top .tiny-pill{font-size:9px;letter-spacing:0;margin-left:5px}.video-shot-status{font-size:10px;color:var(--muted)}.video-shot .video-shot-description{margin-top:14px;line-height:1.8;overflow-wrap:anywhere}.video-shot-cast{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;font-size:10px}.video-cast-chip{padding:4px 8px;background:var(--theme-accent-soft,#272337);border:1px solid var(--theme-accent-line,#423852);border-radius:20px;color:var(--theme-accent-ink,#c8bce2)}.video-shot-notes{margin-top:12px;font-size:11px;color:var(--muted);line-height:1.8}.video-shot-notes p{margin-top:7px}.video-shot .catalog-actions{margin-top:16px;gap:12px}.video-shot .secondary{font-size:11px;padding:9px 11px}.video-production-notice{margin-top:22px}.video-empty-project{padding:35px;text-align:center}.video-empty-project p{margin:15px 0;line-height:1.9;font-size:13px}.video-empty-project .primary{margin:10px}.video-no-episode{display:grid;gap:15px;margin-top:18px}.video-no-episode .primary{justify-self:start}.video-context-panel .catalog-empty{padding:20px 12px;font-size:11px} @media(max-width:1250px){.video-story-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.video-shot-list{grid-template-columns:1fr}.video-context-panel{padding:15px}}@media(max-width:900px){.video-story-layout{grid-template-columns:1fr}.video-story-context{grid-template-columns:repeat(2,minmax(0,1fr))}.video-character-list,.video-episode-list{max-height:280px}}@media(max-width:600px){.video-story-context{grid-template-columns:1fr}.video-story-toolbar{padding:16px}.video-story-toolbar>label{min-width:0;width:100%;flex-basis:100%}.video-project-actions{flex-wrap:wrap}.video-episode-overview{padding:16px}.video-episode-overview .video-panel-heading{flex-wrap:wrap}.video-shot-filter label:first-child{flex-basis:100%}.video-shot-filter label:nth-child(2){flex:1}.video-shot-filter .check{padding-bottom:10px}.video-story-metrics{gap:12px}.video-empty-project{padding:22px}} .video-record-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.video-record-actions>.link{font-size:11px;white-space:nowrap;line-height:1.5}.video-character-head>.video-record-actions{flex:0 0 auto}.video-record-actions>.danger{color:var(--red)}.video-record-actions>.link:disabled{opacity:.45} /* Preserve context while switching episodes; each left-hand panel folds independently. */ .video-panel-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-panel-toggle{font-size:10px;white-space:nowrap;line-height:1.8}.video-panel-body[hidden]{display:none!important}.video-context-panel>.video-panel-heading{gap:8px;align-items:center}.video-story-main[aria-busy=true]{opacity:.7;transition:opacity .15s}.video-story-layout{overflow-anchor:none} /* Customer task log: filter card + tabular receipts, following the supplied reference layout. */ .task-log-filters{margin-bottom:22px}.task-log-filters h2{font-size:14px;color:var(--accent)}.task-log-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.task-log-filter-grid label{min-width:0;margin-top:20px}.task-log-filter-actions{display:flex;gap:12px;margin-top:18px}.task-log-table{border-radius:13px}.task-log-table table{min-width:1040px}.task-log-table th{padding:17px 18px}.task-log-table td{padding:20px 18px;vertical-align:middle}.task-log-id{display:flex;gap:10px;align-items:center}.task-log-id code{font-size:11px;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis}.task-log-id button{font-size:17px;flex-shrink:0}.task-log-kind{white-space:nowrap}.task-log-model{display:inline-block;padding:5px 9px;border:1px solid var(--theme-accent-line,#4b3c67);background:var(--theme-accent-soft,#2b2240);color:var(--theme-accent-ink,#cbbbff);border-radius:18px;font-size:11px;line-height:1.7;max-width:190px}.task-log-progress{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:11px}.task-log-progress progress{width:58px;height:7px;appearance:none;border:0;background:var(--theme-surface-raised,#313847);border-radius:5px;overflow:hidden}.task-log-progress progress::-webkit-progress-bar{background:var(--theme-surface-raised,#313847);border-radius:5px}.task-log-progress progress::-webkit-progress-value{background:var(--green);border-radius:5px}.task-log-progress progress::-moz-progress-bar{background:var(--green)}.task-log-progress progress:not([value]){background:linear-gradient(90deg,var(--theme-surface-raised,#313847),var(--accent),var(--theme-surface-raised,#313847));background-size:200% 100%;animation:task-log-wait 2s linear infinite}.task-log-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;min-width:120px}.task-log-table td strong{font-size:12px;white-space:nowrap}.task-log-table td small{line-height:1.6}.task-log-detail-head{display:flex;gap:12px;align-items:center;font-size:12px;margin:16px 0}.task-log-detail dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.8;margin-top:20px}.task-log-detail dt{color:var(--muted)}.task-log-detail dd{margin:0;overflow-wrap:anywhere}.task-log-reference-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.task-log-reference-grid img{width:80px;height:80px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--theme-surface-input,#11151d)}.task-log-detail textarea{font-size:12px}.task-log-detail dd small{display:block;color:var(--muted)}@keyframes task-log-wait{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.task-log-progress progress:not([value]){animation:none}}@media(max-width:1250px){.task-log-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.task-log-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:480px){.task-log-filter-grid{grid-template-columns:1fr}.task-log-filters{padding:18px}.task-log-filter-actions .primary,.task-log-filter-actions .secondary{flex:1}.task-log-detail dl{grid-template-columns:90px minmax(0,1fr)}} /* Shared live-model pricing catalogue and client-side budget estimator. */ .model-pricing-toolbar{display:grid;grid-template-columns:minmax(250px,1.2fr) minmax(180px,1fr) minmax(100px,.5fr) minmax(140px,.6fr);gap:18px;align-items:end;margin-bottom:18px}.model-pricing-toolbar label{margin:0;min-width:0}.model-pricing-tabs{align-self:end}.model-pricing-tabs button{font-size:12px;white-space:nowrap}.model-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.model-pricing-grid>.empty-state{grid-column:1/-1}.model-pricing-card{min-width:0}.model-pricing-card-head{display:flex;align-items:center;gap:13px}.model-pricing-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:11px;border:1px solid var(--theme-accent-line,#514368);background:var(--theme-accent-soft,#292139);color:var(--accent);font-size:25px}.model-pricing-card-head>div:nth-child(2){flex:1;min-width:0}.model-pricing-card-head h2{font-size:17px;line-height:1.7;overflow-wrap:anywhere}.model-pricing-card-head span:not(.tiny-pill){display:block;margin-top:3px;font-size:11px;color:var(--muted)}.model-pricing-rates{display:flex;gap:10px;margin:24px 0}.model-pricing-rate{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface-input,#121720);padding:15px 12px;text-align:center}.model-pricing-rate.selected{border-color:var(--theme-accent-line,#7965af);background:var(--theme-accent-soft,#272136)}.model-pricing-rate span{display:block;font-size:12px;color:var(--muted)}.model-pricing-rate strong{display:block;font-size:28px;color:var(--text);font-weight:600;margin:13px 0;overflow-wrap:anywhere}.model-pricing-rate small{display:block;font-size:10px;color:var(--muted)}.model-pricing-estimate{border-top:1px solid var(--line);padding-top:18px}.model-pricing-estimate-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.model-pricing-estimate-heading>span{font-size:11px;color:var(--muted)}.model-pricing-estimate-heading label{display:flex;align-items:center;gap:10px;margin:0;font-size:11px}.model-pricing-estimate-heading select{width:90px;padding:7px 9px;margin:0;font-size:11px}.model-pricing-estimate-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:12px;color:var(--muted)}.model-pricing-estimate-total strong{color:var(--accent);font-size:20px}.model-pricing-capabilities{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.8}.model-pricing-capabilities summary{cursor:pointer}.model-pricing-capabilities p{margin-top:8px;overflow-wrap:anywhere}.model-pricing-notes{margin-top:24px}.model-pricing-notes h2{font-size:16px}.model-pricing-notes ul{font-size:12px;line-height:2;color:var(--muted);padding-left:20px;margin:14px 0 20px}.model-pricing-notes li{margin:6px 0}@media(max-width:1150px){.model-pricing-toolbar{grid-template-columns:1fr 1fr}.model-pricing-card-head h2{font-size:15px}.model-pricing-rate strong{font-size:25px}}@media(max-width:800px){.model-pricing-grid{grid-template-columns:1fr}}@media(max-width:500px){.model-pricing-toolbar{padding:18px;grid-template-columns:1fr 1fr;gap:15px}.model-pricing-tabs{grid-column:1/-1}.model-pricing-toolbar>label:first-of-type{grid-column:1/-1}.model-pricing-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);width:100%;gap:9px}.model-pricing-controls select#pricingSort{width:100%;min-width:0}.model-pricing-sort{width:100%;min-width:0}.model-pricing-search input{width:100%}.model-pricing-card{padding:18px}.model-pricing-rates{gap:7px}.model-pricing-rate{padding:14px 7px}.model-pricing-rate strong{font-size:23px}.model-pricing-estimate-total strong{font-size:17px}} /* Credits dashboard, searchable ledger and separate redemption centre. */ .wallet-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.wallet-summary-grid>.panel{display:flex;flex-direction:column;justify-content:center;min-height:215px;padding:28px 34px}.wallet-summary-primary{background:linear-gradient(120deg,var(--theme-accent-soft,#302541),var(--theme-surface-raised,#181d2a))}.wallet-summary-charge{background:linear-gradient(120deg,var(--theme-surface-raised,#202b34),var(--theme-surface-raised,#181d2a))}.wallet-summary-grid span{color:var(--theme-accent-ink,#b7a8d8);font-size:12px}.wallet-summary-grid strong{font-size:48px;font-weight:600;margin:12px 0;color:var(--text)}.wallet-summary-grid small{font-size:11px;color:var(--muted);line-height:1.8}.wallet-summary-secondary{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.wallet-summary-secondary b{color:var(--text);margin-left:4px}.wallet-filter-form{margin-bottom:18px}.wallet-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wallet-filter-grid label,.wallet-custom-dates label{margin:0;min-width:0}.wallet-custom-dates{display:flex;gap:15px;align-items:end;margin-top:18px}.wallet-custom-dates label{width:min(210px,100%)}.wallet-custom-dates .fine-print{margin-bottom:11px}.wallet-filter-actions{display:flex;gap:10px;margin-top:18px}.wallet-ledger-table table{min-width:830px}.wallet-ledger-table td{line-height:1.7}.wallet-ledger-table td strong{font-size:12px}.wallet-ledger-table td small{font-size:11px}.wallet-ledger-table .positive,.wallet-ledger-table .negative{font-weight:600}.recharge-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.recharge-grid>.panel{min-height:280px}.recharge-balance{background:linear-gradient(120deg,var(--theme-accent-soft,#302541),var(--theme-surface-raised,#181d2a));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.recharge-balance>span{font-size:12px;color:var(--theme-accent-ink,#b7a8d8)}.recharge-balance strong{font-size:50px;margin:20px 0}.recharge-balance p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.recharge-grid form p.muted{font-size:12px;margin-top:12px}.recharge-grid form .primary{margin-top:20px}@media(max-width:900px){.wallet-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-grid{grid-template-columns:1fr}}@media(max-width:680px){.wallet-summary-grid{grid-template-columns:1fr}.wallet-custom-dates{flex-wrap:wrap}.wallet-custom-dates label{flex:1 1 150px}.wallet-summary-grid>.panel{min-height:175px}.wallet-summary-grid strong{font-size:42px}}@media(max-width:460px){.wallet-filter-grid{grid-template-columns:1fr}.wallet-filter-actions button{flex:1}.wallet-summary-grid>.panel{padding:24px}.wallet-summary-secondary{gap:13px;flex-wrap:wrap}} /* Admin accounts get both menus, so keep the account actions visible on short screens. */ .sidebar{overflow:hidden}.sidebar-nav{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0;margin-top:0} @media(max-width:640px){.sidebar-nav{flex:none;overflow:visible}#adminNav{margin-top:17px}} /* Image thumbnails reuse the existing full-size result dialog. */ .canvas-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.canvas-page-head .eyebrow{margin-bottom:7px}.canvas-page-head h1{font-size:24px}.canvas-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.canvas-toolbar .secondary{padding:8px 10px;min-width:34px}.canvas-toolbar #canvasZoom{min-width:44px;text-align:center;color:var(--muted);font-size:11px}.canvas-tools-divider{width:1px;height:24px;background:var(--line);margin:0 4px}.canvas-size{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);white-space:nowrap}.canvas-size input{width:82px;margin:0;padding:0;accent-color:var(--accent)}#canvasCount,#canvasSaveStatus{font-size:11px;color:var(--muted)}#canvasSaveStatus{min-width:56px;text-align:right}.canvas-layout{display:flex;position:relative;border:1px solid var(--line);background:var(--theme-surface-input,#10141c);border-radius:8px;overflow:hidden}.canvas-stage{position:relative;flex:1;min-width:0;height:clamp(480px,calc(100vh - 225px),950px);overflow:hidden;touch-action:none;cursor:grab;background-color:var(--theme-surface-input,#0e131b);background-image:linear-gradient(to right,var(--theme-surface-raised,#29313a) 1px,transparent 1px),linear-gradient(to bottom,var(--theme-surface-raised,#29313a) 1px,transparent 1px);background-size:32px 32px}.canvas-stage:active{cursor:grabbing}.canvas-layer{position:absolute;inset:0;transform-origin:0 0;pointer-events:none}.canvas-node{position:absolute;display:flex;flex-direction:column;min-height:90px;background:var(--theme-surface-raised,#1a2029);border:1px solid var(--theme-border,#3b4552);border-radius:6px;overflow:hidden;pointer-events:auto;box-shadow:0 10px 28px #0005;user-select:none}.canvas-node.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 14px 35px #0008}.canvas-node-head{height:36px;flex:none;display:flex;align-items:center;gap:7px;padding:0 9px;background:var(--theme-surface-raised,#222935);font-size:10px;color:var(--theme-ink-strong,#cbd3dc);cursor:grab}.canvas-node-head .canvas-drag{font-size:15px;color:var(--theme-ink-muted,#8994a5)}.canvas-node-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.canvas-node-head button{border:0;background:none;color:var(--theme-ink-strong,#cbd3dc);font-size:17px;padding:2px 6px;line-height:1}.canvas-node-head button:hover{color:#fff}.canvas-media .canvas-node-content{height:206px;background:var(--theme-info-soft,#0a0f16);display:grid;place-items:center}.canvas-node-content img,.canvas-node-content video{width:100%;height:100%;object-fit:contain}.canvas-node-view{border:0;border-top:1px solid var(--line);background:var(--theme-surface-raised,#1c232e);color:var(--accent);height:29px;font-size:11px;cursor:pointer}.canvas-note{background:var(--theme-surface-raised,#334039);border-color:var(--theme-border,#596c5a)}.canvas-note .canvas-node-head{background:var(--theme-surface-raised,#425044)}.canvas-note textarea{margin:0;border:0;background:transparent;resize:none;height:155px;min-height:155px;padding:13px;color:var(--theme-success-ink,#ecf3ea);font-size:13px;line-height:1.6;user-select:text}.canvas-unavailable{font-size:11px;color:var(--muted)}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:16px;pointer-events:none;text-align:center}.canvas-empty strong{font-size:15px;font-weight:500;color:var(--theme-ink-secondary,#a8b3bf)}.canvas-empty button{pointer-events:auto}.canvas-picker{width:280px;flex:none;min-width:0;border-left:1px solid var(--line);background:var(--theme-surface-base,#161d26);display:flex;flex-direction:column}.canvas-picker-head{display:flex;align-items:center;justify-content:space-between;padding:17px 15px;border-bottom:1px solid var(--line)}.canvas-picker-head h2{font-size:14px}.canvas-picker-head button{font-size:20px}#canvasPickerStatus{font-size:10px;color:var(--muted);padding:12px 15px}.canvas-picker-list{overflow-y:auto;min-height:0;flex:1;padding:0 11px}.canvas-picker-item{display:grid;grid-template-columns:55px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:9px;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:9px 0;cursor:pointer}.canvas-picker-item:hover{background:var(--theme-surface-raised,#222b35)}.canvas-picker-item>span{grid-row:span 2;display:grid;place-items:center;width:55px;height:55px;background:var(--theme-info-soft,#0e141e);font-size:19px}.canvas-picker-item img{width:100%;height:100%;object-fit:contain}.canvas-picker-item strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-picker-item small{color:var(--muted);font-size:10px}.canvas-picker-pager{display:flex;gap:8px;padding:12px}.canvas-picker-pager button{flex:1;padding:8px}.canvas-picker[hidden]{display:none!important}@media(max-width:860px){.canvas-page-head h1{font-size:20px}.canvas-stage{height:calc(100dvh - 250px);min-height:430px}.canvas-picker{position:absolute;z-index:3;right:0;top:0;bottom:0;width:min(280px,80vw);box-shadow:-12px 0 30px #0008}}@media(max-width:600px){.canvas-toolbar{width:100%}.canvas-toolbar .secondary{padding:7px}.canvas-size{display:none}.canvas-stage{height:calc(100dvh - 300px);min-height:390px}} .work-image-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in} .work-image-open img{display:block} .preview-image-open{display:block;width:100%;padding:0;border:0;background:var(--theme-surface-input,#090c12);cursor:zoom-in} .preview-image-open img{margin:auto} /* Unified calendar-day custom ranges for gallery and task log. */ .custom-time-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.custom-time-form label{width:200px;max-width:100%;margin:0}.custom-time-form .fine-print{margin:0 0 9px;font-size:11px}#taskLogCustomDates{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);margin-bottom:0}.library-period{min-width:0}.library-period select{width:100%}.wallet-summary-secondary>span>span{font-size:11px}@media(max-width:600px){.custom-time-form label{flex:1 1 140px}.custom-time-form button{width:100%}} /* Admin ledger: period totals and a searchable table. */ .admin-ledger-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden} .admin-ledger-overview>div{padding:18px 20px;min-width:0;border-right:1px solid var(--line)}.admin-ledger-overview>div:last-child{border-right:0} .admin-ledger-overview span{display:block;font-size:11px;color:var(--muted)}.admin-ledger-overview strong{display:block;margin-top:10px;font-size:22px;font-weight:600;overflow-wrap:anywhere} .admin-ledger-period{margin:10px 0 20px;font-size:11px;color:var(--muted)} .admin-ledger-filters{margin-bottom:18px;padding:20px}.admin-ledger-filter-grid{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(160px,1fr) minmax(170px,1.3fr) minmax(130px,.7fr);gap:14px} .admin-ledger-filter-grid label,.admin-ledger-dates label{margin:0;min-width:0}.admin-ledger-filter-grid input,.admin-ledger-filter-grid select{min-width:0} .admin-ledger-dates{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:15px}.admin-ledger-dates label{width:min(210px,100%)}.admin-ledger-dates span{padding-bottom:11px;font-size:11px;color:var(--muted)} .admin-ledger-actions{display:flex;gap:9px;margin-top:18px}.admin-ledger-actions button{padding:9px 15px} #adminLedgerTable table{min-width:760px}#adminLedgerTable td{line-height:1.6}#adminLedgerTable td strong{font-size:12px;font-weight:600}#adminLedgerTable td small{white-space:normal;overflow-wrap:anywhere}#adminLedgerTable .admin-ledger-empty{text-align:center;color:var(--muted)} @media(max-width:1000px){.admin-ledger-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.admin-ledger-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ledger-overview>div:nth-child(2){border-right:0}.admin-ledger-overview>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.admin-ledger-overview>div{padding:14px}.admin-ledger-overview strong{font-size:18px}.admin-ledger-filter-grid{grid-template-columns:1fr}.admin-ledger-dates label{flex:1 1 130px}} /* Optimizer shares the model grid and card actions. */ .model-grid>.model-card{min-width:0;display:flex;flex-direction:column}.model-grid>.model-card header{gap:12px}.model-grid>.model-card h3{overflow-wrap:anywhere}.model-grid>.model-card footer{gap:12px;margin-top:auto;flex-wrap:wrap}.model-grid>.prompt-admin-card{margin-top:0}.model-grid>.prompt-admin-card .fine-print{margin-top:0} .account-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-overview-card,.account-security-card{min-width:0}.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.account-card-heading h2{font-size:20px}.account-avatar-large{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--theme-accent-soft,#302541);border:1px solid var(--theme-accent-line,#6b5798);color:var(--accent);font-size:24px;font-weight:700}.account-profile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 18px}.account-profile-header strong{display:block;font-size:24px;overflow-wrap:anywhere}.account-profile-header small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.account-details{border-top:1px solid var(--line)}.account-details>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.account-details span{color:var(--muted)}.account-details strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.account-detail-copy{display:flex;align-items:center;gap:8px}.icon-button{border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--muted);padding:5px 8px;line-height:1;font-size:13px}.icon-button:hover{border-color:var(--theme-accent-line,#74658f);color:var(--text)}.account-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:20px}.account-inline-form label{margin:0}.account-inline-form .form-message{grid-column:1/-1;margin:0}.security-status{font-size:11px;color:var(--green);border:1px solid var(--theme-success-line,#315846);background:var(--theme-success-soft,#1d322e);border-radius:999px;padding:6px 10px;white-space:nowrap}.password-field{position:relative}.password-field input{padding-right:46px}.password-field .icon-button{position:absolute;right:8px;bottom:8px;border:0;background:transparent}.account-form-actions{display:flex;justify-content:flex-end;margin-top:24px}@media(max-width:900px){.account-settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.account-inline-form{grid-template-columns:1fr}.account-inline-form button{width:100%}.account-card-heading h2{font-size:18px}.account-profile-header strong{font-size:20px}.account-details>div{align-items:flex-start;flex-direction:column;gap:6px}.account-details strong{text-align:left}.account-form-actions .primary{width:100%}} /* Creation workspace: references and prompt use the available editing width. */ #createPage .page-heading{margin-bottom:22px} #createPage .page-heading h1{font-size:26px;letter-spacing:0} #createPage .creation-layout{grid-template-columns:minmax(0,1fr);gap:24px} #createPage .composer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start;padding:28px 32px} #createPage .composer>*{min-width:0} #createPage #kindTabs{grid-column:1/-1;max-width:440px;margin-bottom:2px} #createPage .composer>label:has(#modelSelect),#createPage .composer>.creative-context{grid-row:2} #createPage .composer>label:has(#modelSelect){grid-column:1} #createPage .composer>.creative-context{grid-column:2;margin-top:20px} #createPage .composer>.reference-section,#createPage .composer>label:has(#promptInput),#createPage .composer>.mention-tools,#createPage .composer>#mentionMenu,#createPage .composer>#mentionError,#createPage .composer>#studioOptimizeStatus,#createPage .composer>#studioOptimizeResult,#createPage .composer>.prompt-chips,#createPage .composer>#assetReviewSection,#createPage .composer>.cost,#createPage .composer>.cost-formula,#createPage .composer>#generateButton{grid-column:1/-1} #createPage .composer>.reference-section{margin-top:20px} #createPage .composer>#referenceSection{border-top:1px solid var(--line);padding-top:22px} #createPage .composer>.reference-section + .reference-section{margin-top:18px} #createPage .composer>label:has(#promptInput){margin-top:26px} #createPage #promptInput{min-height:220px;padding:16px;font-size:14px;line-height:1.75} #createPage .reference-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px} #createPage .reference-view{height:105px} #createPage .reference-picker{height:86px} #createPage .mention-tools,#createPage .prompt-chips{flex-wrap:wrap} #createPage .studio-optimize{margin-left:auto;white-space:nowrap;border-color:var(--theme-accent-line,#796b98);color:var(--theme-accent-ink,#ddd0ff)} #createPage #studioOptimizeStatus{margin-top:8px;overflow-wrap:anywhere} #createPage .studio-optimize-result{margin-top:12px;padding:18px;border:1px solid var(--theme-border,#4a5663);border-radius:8px;background:var(--theme-surface-raised,#152029)} #createPage .studio-optimize-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} #createPage .studio-optimize-heading h3{font-size:14px} #createPage .studio-optimize-heading span{font-size:11px;color:var(--muted)} #createPage #studioOptimizedText{min-height:120px;max-height:300px;resize:vertical;line-height:1.75;color:var(--theme-success-ink,#dcebe7);border-color:var(--theme-border,#36545b)} #createPage .studio-optimize-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:13px;flex-wrap:wrap} #createPage .composer>label:has([name="aspect"]){grid-column:1} #createPage .composer>#generationSettings{grid-column:2;align-self:end} #createPage #generationSettings label{margin-top:10px} #createPage .cost{margin:25px 0 12px;padding-top:19px} #createPage .cost-formula{text-align:left;margin:0 0 12px} #createPage #generateButton{min-height:48px} #createPage .preview-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-template-rows:30px minmax(0,1fr);column-gap:24px;align-items:start} #createPage .preview{grid-column:1;grid-row:1/span 2;align-self:stretch;min-height:320px;background:var(--panel)} #createPage .preview-empty{min-height:265px} #createPage .preview-column>.section-heading{grid-column:2;grid-row:1;margin:0;align-self:end} #createPage #recentJobs{grid-column:2;grid-row:2;min-width:0;margin-top:10px} #createPage .job-mini:first-child{margin-top:0} @media(min-width:1200px){ #createPage .composer>#videoReferenceSection{grid-column:1;grid-row:4} #createPage .composer>#audioReferenceSection{grid-column:2;grid-row:4} } @media(max-width:900px){ #createPage .composer{column-gap:20px;padding:23px} #createPage .preview-column{grid-template-columns:1fr} #createPage .preview,#createPage .preview-column>.section-heading,#createPage #recentJobs{grid-column:1;grid-row:auto} #createPage .preview{align-self:auto} #createPage #recentJobs{margin-top:0} #createPage .preview-column>.section-heading{margin:4px 0 0} } @media(max-width:640px){ #createPage .page-heading h1{font-size:23px} #createPage .composer{grid-template-columns:minmax(0,1fr);padding:19px} #createPage .composer>*{grid-column:1!important;grid-row:auto!important} #createPage .composer>.creative-context{margin-top:16px} #createPage .composer>label:has(#promptInput){margin-top:22px} #createPage #promptInput{min-height:185px} #createPage .reference-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))} #createPage .reference-view{height:90px} #createPage .studio-optimize{margin-left:0} #createPage .studio-optimize-actions button{flex:1} #createPage .preview{min-height:260px} } /* Media references sit beside the prompt and keep their stable @ names. */ .mention-tools{display:flex;align-items:center;gap:10px;margin-top:10px}.mention-tools button{padding:7px 10px;white-space:nowrap}.mention-tools>span{font-size:10px;color:var(--muted);line-height:1.6}.mention-menu{margin-top:9px;border:1px solid var(--theme-accent-line,#55496e);border-radius:9px;background:var(--theme-surface-raised,#1c212b);max-height:260px;overflow:auto;box-shadow:0 12px 30px #0004}.mention-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;text-align:left;color:var(--text)}.mention-menu>button[aria-selected=true],.mention-menu>button:hover{background:var(--theme-accent-soft,#352b49)}.mention-menu img,.mention-media-icon{width:38px;height:36px;object-fit:contain;background:var(--theme-surface-input,#11151d);border-radius:5px}.mention-media-icon{display:grid;place-items:center;color:var(--accent);font-size:22px}.mention-menu button>span:last-child{min-width:0;flex:1}.mention-menu strong{font-size:12px;font-weight:500}.mention-menu small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted);margin-top:4px}.mention-menu>p{padding:14px;font-size:12px;color:var(--muted);line-height:1.7}.reference-mention{display:block;border:0;background:var(--theme-accent-soft,#2c2540);color:var(--theme-accent-ink,#d0bfff);font-size:11px;width:100%;padding:8px;cursor:pointer}.reference-mention:hover{background:var(--theme-accent-soft,#443257)}.audio-reference-list{display:grid;gap:10px;margin-top:12px}.audio-reference-card{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--theme-surface-input,#11151d);min-width:0}.audio-reference-card>div{display:flex;align-items:center;gap:9px}.audio-reference-card .reference-mention{width:auto;flex-shrink:0;border-radius:5px}.audio-reference-card span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:var(--muted)}.audio-reference-card audio{display:block;width:100%;max-width:100%;height:36px;margin-top:9px}.reference-heading .label-note{white-space:normal;text-align:right}.reference-picker{height:72px}#referenceHint{margin-top:8px}.composer>.reference-section:first-of-type{border-top:1px solid var(--line);padding-top:20px} /* WizAI recharge centre: uses the same dark panels and violet theme as the studio. */ .recharge-account{display:grid;grid-template-columns:1fr auto;gap:22px;margin-bottom:22px;background:linear-gradient(115deg,var(--theme-accent-soft,#262236),var(--panel) 64%)}.recharge-account-main{display:flex;align-items:center;gap:20px}.recharge-wallet-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--theme-accent-line,#5a4777);border-radius:12px;background:var(--theme-accent-soft,#30263f);color:var(--accent);font-size:30px}.recharge-account-main .muted{font-size:12px}.recharge-account-main strong{display:flex;align-items:baseline;gap:9px;margin-top:9px}.recharge-account-main strong b{font-size:36px;font-weight:600}.recharge-account-main strong small{font-size:15px;color:var(--theme-accent-ink,#c8bddf);font-weight:400}.recharge-account-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}.recharge-account-info>span{color:var(--muted);font-size:11px}.recharge-account-info strong{color:var(--accent);font-weight:500}.recharge-support{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px}.recharge-support strong{font-size:12px;font-weight:500}.recharge-support p{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.8}.recharge-center-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.recharge-center-grid>*,.recharge-filter-grid>*{min-width:0}.recharge-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.recharge-field-title{margin:23px 0 12px;color:var(--theme-ink-secondary,#c7c9d9);font-size:12px}.recharge-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recharge-methods button{opacity:1;padding:15px;background:var(--theme-surface-base,#151922);border:1px solid var(--line);border-radius:8px;text-align:left;color:var(--theme-ink-secondary,#aab3c2);cursor:not-allowed}.recharge-methods strong{display:block;font-size:13px;font-weight:500}.recharge-methods span{display:block;font-size:11px;color:var(--orange);margin-top:8px}.recharge-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recharge-package{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:79px;background:var(--panel2);border:1px solid var(--theme-border,#343b4b);border-radius:8px;padding:14px 7px;color:var(--text);gap:8px}.recharge-package:hover{border-color:var(--theme-accent-line,#8873b5)}.recharge-package.selected{border-color:var(--accent);background:var(--theme-accent-soft,#30283f);box-shadow:inset 0 0 0 1px var(--accent)}.recharge-package strong{font-weight:600;font-size:15px;white-space:nowrap}.recharge-package strong small{font-size:11px;font-weight:400}.recharge-package>span{font-size:11px;color:var(--muted)}.recharge-package-summary{text-align:right;color:var(--accent);font-size:12px;padding:20px 0 15px}#rechargePay{opacity:1;background:var(--theme-surface-raised,#343140);color:var(--theme-ink-muted,#9286a7)}.recharge-decor{color:var(--accent);font-size:22px}.recharge-redeem-note{border:1px solid var(--theme-accent-line,#4c3e64);border-radius:8px;background:var(--theme-accent-soft,#292337);padding:17px}.recharge-redeem-note strong{font-size:13px;color:var(--theme-accent-ink,#d2c4f7);font-weight:500}.recharge-redeem-note p{font-size:11px;line-height:1.8;color:var(--theme-accent-ink,#a59bb9);margin-top:8px}.recharge-redemption>.primary{margin-top:20px}.recharge-safety{border:1px solid var(--theme-success-line,#2d5148);background:var(--theme-success-soft,#1a2b29);border-radius:8px;padding:17px;margin-top:22px}.recharge-safety strong{color:var(--green);font-size:12px}.recharge-safety p{color:var(--theme-success-ink,#95b5ac);line-height:1.9;font-size:11px;margin-top:9px}.recharge-record-note{font-size:11px}.recharge-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.recharge-filter-grid label,.recharge-dates label{margin:0}.recharge-filter-grid input,.recharge-filter-grid select{margin-top:8px}.recharge-admin .recharge-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.recharge-filter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.toolbar>.recharge-filter-actions{margin:0;flex-shrink:0}.recharge-dates{display:flex;align-items:end;gap:15px;margin-top:18px}.recharge-dates label{width:min(200px,100%)}.recharge-list-status{margin:20px 0 14px}.recharge-order-table table{min-width:760px}.recharge-admin .recharge-order-table table{min-width:1060px}.recharge-order-table code{font-size:10px;white-space:nowrap;color:var(--theme-accent-ink,#c7b9eb)}.recharge-order-table td{line-height:1.7}.recharge-order-table td small{font-size:10px}.recharge-metrics{margin-bottom:0}.recharge-metrics .metric{min-width:0}.recharge-metrics .metric strong{font-size:28px;overflow-wrap:anywhere}.recharge-metrics small{font-size:10px;color:var(--muted);display:block;margin-top:10px}.recharge-period-note{margin:12px 0 25px}.recharge-detail>code{display:block;overflow-wrap:anywhere;color:var(--accent);font-size:12px;margin:23px 0}.recharge-detail dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px 12px;font-size:12px;line-height:1.8}.recharge-detail dt{color:var(--muted)}.recharge-detail dd{margin:0;overflow-wrap:anywhere}#rechargeGiftForm .check{margin-top:21px}#rechargeNoteForm .check{margin-top:18px} @media(max-width:1100px){.recharge-admin .recharge-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recharge-center-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.recharge-package strong{font-size:13px}} @media(max-width:900px){.recharge-center-grid{grid-template-columns:1fr}.recharge-filter-grid,.recharge-admin .recharge-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-package strong{font-size:15px}.recharge-account-main strong b{font-size:30px}.recharge-admin .toolbar{flex-wrap:wrap;gap:15px}.recharge-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.recharge-account{padding:20px;gap:20px;grid-template-columns:1fr}.recharge-account-info{align-items:flex-start;padding-left:70px}.recharge-account-main{gap:14px}.recharge-wallet-icon{width:55px;height:55px}.recharge-support{padding-top:15px}.recharge-center-grid{gap:18px}.recharge-packages{gap:7px}.recharge-package{min-height:76px;padding:13px 4px}.recharge-package strong{font-size:13px}.recharge-package strong small{font-size:10px}.recharge-record-note{display:none}.recharge-dates{flex-wrap:wrap}.recharge-dates label{width:calc(50% - 8px)}.recharge-metrics .metric strong{font-size:24px}.recharge-order-table td{max-width:none}.recharge-detail dl{grid-template-columns:78px minmax(0,1fr)}} @media(max-width:360px){.recharge-package strong{font-size:11px}.recharge-package strong small{font-size:9px}.recharge-package>span{font-size:10px}.recharge-filter-grid,.recharge-admin .recharge-filter-grid{grid-template-columns:1fr}.recharge-account-main strong b{font-size:25px}} /* Per-model capability configuration, sharing the WizAI dark/violet design system. */ dialog.model-config-dialog{width:min(840px,calc(100% - 32px))}.model-cap-editor{margin-top:27px;border-top:1px solid var(--line);padding-top:24px}.model-cap-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.model-cap-heading h3{font-size:16px}.model-cap-heading>span{color:var(--accent);font-size:10px}.model-cap-counts,.model-cap-defaults,.model-cap-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.model-cap-counts label,.model-cap-defaults label,.model-cap-rates label{min-width:0}.model-cap-mode-list,.model-cap-toggle-grid{display:flex;gap:20px;flex-wrap:wrap}.model-cap-mode-list .check,.model-cap-toggle-grid .check{margin-top:18px}.model-cap-list{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:23px 0 0;min-width:0}.model-cap-list legend{color:var(--theme-ink-strong,#c8cddd);font-size:12px;padding-right:12px}.model-cap-chips{display:flex;flex-wrap:wrap;gap:7px}.model-cap-chips label{position:relative;margin:0;font-size:11px;cursor:pointer}.model-cap-chips input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.model-cap-chips span{display:block;background:var(--theme-surface-base,#141922);border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--theme-ink-secondary,#9ba6b9)}.model-cap-chips input:checked+span{background:var(--theme-accent-soft,#30283f);border-color:var(--theme-accent-line,#a694de);color:var(--theme-accent-ink,#e0d4ff)}.model-cap-chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.model-cap-custom{font-size:10px!important;color:var(--muted);margin-top:13px!important}.model-cap-custom input{font-size:12px;padding:10px}.model-cap-advanced{margin:22px 0;border:1px solid var(--line);border-radius:8px;padding:15px}.model-cap-advanced summary{cursor:pointer;color:var(--accent);font-size:12px}.model-cap-advanced .model-cap-list{margin-top:20px}.model-cap-contract{font-size:11px;line-height:1.9;color:var(--theme-accent-ink,#a69dbd);background:var(--theme-accent-soft,#242030);border:1px solid var(--theme-accent-line,#413951);border-radius:8px;padding:15px;margin:24px 0 8px}#capSettingsFields,#capPricingFields{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}#capSettingsFields h3,#capPricingFields h3{font-size:14px}.model-cap-defaults,.model-cap-rates{margin-bottom:10px}.model-cap-toggle-grid>label:not(.check){flex-basis:190px}.model-cap-editor [disabled]{opacity:.5}@media(max-width:640px){.model-cap-counts{grid-template-columns:1fr}.model-cap-defaults,.model-cap-rates{grid-template-columns:1fr 1fr}.model-cap-chips span{padding:8px 10px}.model-cap-mode-list,.model-cap-toggle-grid{gap:8px 16px}.model-cap-heading{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:360px){.model-cap-defaults,.model-cap-rates{grid-template-columns:1fr}}