:root{color-scheme:dark;--bg:#0d1014;--surface:#15191f;--raised:#1b2027;--line:#2a3039;--text:#f0f2f4;--muted:#a0a9b7;--accent:#c4ef9c;--accent-ink:#1b2911;--sidebar:218px;font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);min-width:320px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.1vw,46px);line-height:1.15;font-weight:570;letter-spacing:-1.7px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:19px;font-weight:600;letter-spacing:-.45px}h3{font-size:17px;font-weight:550;letter-spacing:-.3px}small,.tiny{font-size:12px}.muted{color:var(--muted)}.hidden{display:none!important}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:1px;font-weight:700;white-space:nowrap}.brand-mark{width:34px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#263020;border:1px solid #3b4c30;border-radius:10px}.brand-mark .icon{width:23px;height:23px}.brand-light{color:#849080;font-weight:400}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:32px 20px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#101318;z-index:30}.nav-caption{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#818c9c;margin:54px 12px 14px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:5px;border-radius:9px;color:#adb4bf;font-size:13px;transition:background .18s,color .18s,transform .18s}.nav-link:hover{background:#1b2026;color:#fff;transform:translateX(2px)}.nav-link.active{background:#263021;color:var(--accent)}.nav-link.active .icon{color:var(--accent)}.sidebar-bottom{margin-top:auto}.service-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:20px 12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #c4ef9c0a;flex-shrink:0}.workspace{margin-left:var(--sidebar)}.topbar{min-height:83px;border-bottom:1px solid var(--line);padding:18px 38px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#0f1217}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.breadcrumb{font-size:12px;color:#8993a0}.breadcrumb span{margin:0 12px;color:#4f5864}.breadcrumb strong{color:#d3d8df;font-weight:450}.account-actions{gap:16px}.account-email{font-size:11px;color:#9ea8b6;max-width:200px;overflow:hidden;text-overflow:ellipsis}.balance-badge{display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 11px;border:1px solid #394333;border-radius:7px;color:var(--accent);background:#1c2419}.balance-badge .icon{width:15px;height:15px}.balance-badge span{color:#acb9a4}.shell{max-width:1520px;margin:auto;padding:36px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{margin-top:12px;font-size:13px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:650;color:#a5b39c;margin-bottom:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:650;line-height:1.5;transition:transform .16s,box-shadow .18s,background .18s,opacity .18s;white-space:nowrap}.btn:hover:not(:disabled){background:#d4ffb0;box-shadow:0 3px 16px #c4ef9c12;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn.secondary{border-color:#333b45;background:#1b2027;color:#e0e4ea}.btn.secondary:hover{background:#252c35;border-color:#495363}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{background:#20262d}.btn.danger{color:#ffbaba;background:#342126;border-color:#553038}.btn.small,.small{padding:7px 11px;font-size:11px}.btn.loading:before{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px}.menu-toggle{display:none}.stats{display:grid;gap:12px;margin-bottom:26px}.usage-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:510px}.stat{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#191e25,#15191f);border:1px solid var(--line);border-radius:10px;padding:14px 18px}.stat .muted{font-size:11px}.stat .value{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.8px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:24px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.section-heading h2{display:flex;align-items:center;gap:9px}.section-heading h2 .icon{color:var(--accent)}.section-heading p{font-size:12px;margin-top:7px}.step-label{font-size:8px;color:#8e99a9;letter-spacing:1.1px;white-space:nowrap}.stack{display:grid;gap:13px}.field{display:grid;gap:8px;min-width:0}label{font-size:11px;font-weight:550;color:#bac2ce}.input,.select,.textarea{width:100%;padding:12px 13px;color:var(--text);background:#101419;border:1px solid #343c48;border-radius:8px;outline:none;font-size:12px;line-height:1.6;transition:border .18s,box-shadow .18s;min-width:0}.input::placeholder,.textarea::placeholder{color:#7b8798}.input:hover,.select:hover,.textarea:hover{border-color:#515d6d}.input:focus,.select:focus,.textarea:focus{border-color:#a8cd88;box-shadow:0 0 0 3px #c4ef9c12}.textarea{min-height:142px;resize:vertical}.select{padding-right:30px;cursor:pointer}.select.compact{width:auto;min-width:150px}.search-field{position:relative}.search-field>.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8793a3;pointer-events:none}.search-field .input{padding-left:37px}.dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.dynamic-grid .full-field{grid-column:1/-1}.form-divider{height:1px;background:var(--line);margin:5px 0}.param-check{border:1px solid #343c48;border-radius:8px;padding:10px 12px;display:flex;gap:9px;align-items:center;align-self:end;min-height:43px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;flex-shrink:0}.advanced{border:1px solid var(--line);border-radius:9px;margin-top:5px;overflow:hidden}.advanced summary{padding:12px 14px;cursor:pointer;font-size:11px;color:#b3bdca}.advanced summary span{float:right}.advanced[open] summary{border-bottom:1px solid var(--line)}.advanced .field{padding:14px}.generation-footer{display:grid;gap:10px;margin-top:6px}.generate-btn{width:100%;font-size:13px;min-height:46px}.notice{color:#c2cddc;background:#1a222c;border:1px solid #304050;border-radius:8px;padding:12px;font-size:12px;line-height:1.65}.quote{background:#1d261a;border-color:#35452d;color:#c9dfb9;font-size:11px}.quote.pending{color:var(--muted);background:#181d24;border-color:var(--line)}.error{color:#ffb4b4;font-size:12px;line-height:1.6}.success{color:#c4ef9c;font-size:12px}.required{color:#ffc184}.preview-column{display:grid;gap:18px;position:sticky;top:22px}.preview-card{padding:22px}.preview-stage{position:relative;aspect-ratio:1.28;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #334034;border-radius:9px;background:radial-gradient(ellipse at 75% 22%,#42583380,transparent 50%),radial-gradient(ellipse at 22% 75%,#26443966,transparent 60%),#141d1b}.preview-art{position:absolute;width:250px;height:250px;right:-10%;top:-12%;opacity:.75;transform:rotate(-23deg)}.art-orbit{position:absolute;inset:0;border:1px solid #c8edac55;border-radius:50%;box-shadow:inset 0 0 40px #91ce4420,0 0 45px #91ce4410;transform:rotateX(58deg) rotate(-30deg);animation:orbit 14s ease-in-out infinite alternate}.art-orbit.second{inset:30px;transform:rotateY(58deg) rotate(30deg);border-color:#a0e4c755;animation-delay:-7s}.art-center{position:absolute;inset:40%;display:flex;align-items:center;justify-content:center;color:#c8edac;border:1px solid #c8edac55;border-radius:16px;background:#a0d77510;backdrop-filter:blur(10px);transform:rotate(15deg)}.preview-caption{position:relative;text-align:center;padding:45px 25px;z-index:1}.preview-caption h3{font-size:clamp(24px,2.6vw,38px);font-weight:450;letter-spacing:-1px;line-height:1.22;margin-bottom:19px}.preview-caption p{font-size:11px;color:#acbcae;line-height:1.7}.preview-caption .eyebrow{font-size:8px;color:#bedda9;margin-bottom:17px}.frame-corner{position:absolute;width:22px;height:22px;border-color:#a0b79b;border-style:solid;opacity:.45}.frame-corner.tl{top:16px;left:16px;border-width:1px 0 0 1px}.frame-corner.br{bottom:16px;right:16px;border-width:0 1px 1px 0}.preview-bottom{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:10px;color:#a3adbc}.preview-stage .video,.preview-stage .media-image{margin:0;width:100%;height:100%;object-fit:contain;border-radius:0;max-height:none}.preview-stage .media-audio{margin:24px;max-width:90%}.tip-card{padding:23px;background:#181d22;border:1px solid var(--line);border-radius:12px}.tip-number{display:block;font-size:8px;letter-spacing:1.8px;color:#b3c3a4;margin-bottom:12px}.tip-card h3{font-size:15px;margin-bottom:10px}.tip-card p{font-size:12px;color:#a6b0bd;line-height:1.8}.tip-chips{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}.tip-chips span{font-size:9px;border:1px solid #343e47;border-radius:5px;padding:4px 9px;color:#aeb9c8}.quiet-note{font-size:10px;line-height:1.9;color:#909ba9;padding:0 5px}.history-section{margin-top:48px}.history-section h2{margin-top:4px}.count-badge{font-size:10px;min-width:24px;min-height:24px;border-radius:6px;background:#252c36;display:inline-flex;align-items:center;justify-content:center;color:#adb7c6;margin-left:4px}.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.job{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;transition:border .2s}.job:hover{border-color:#4b5944}.job-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.job-head strong{font-size:12px}.job small{font-size:10px;color:#929eae}.job-prompt{font-size:12px;color:#bcc5d1;line-height:1.7;margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.status{font-size:9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#252e3b;color:#bdcbe1;text-transform:capitalize}.status.completed{background:#233627;color:#c1e4b4}.status.failed,.status.needs_review{background:#3a2529;color:#ffb8b8}.status.running,.status.submitted,.status.queued,.status.submitting{background:#2b303e;color:#c5d0f4}.status.running:before,.status.submitted:before,.status.submitting:before{content:"";width:8px;height:8px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.video,.media-image{width:100%;max-height:450px;object-fit:contain;background:#080a0d;border-radius:8px;margin-top:15px}.media-audio{width:100%;margin-top:15px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 22px;min-height:190px;border:1px dashed #344039;border-radius:12px;background:#13181b}.empty-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#232e21;color:var(--accent);margin-bottom:16px;font-size:23px}.empty-state h3{font-size:17px;margin-bottom:8px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8}.empty-state .btn{margin-top:20px}.workspace-footer{display:flex;justify-content:space-between;gap:12px;padding:32px 0;margin-top:35px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#808c9d}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-stats .stat{flex-direction:column;align-items:start;gap:4px}.admin-stats .value{font-size:28px}.admin-panel{animation:enter .3s ease both}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar .search-field{flex:1;min-width:200px;max-width:400px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;scrollbar-width:thin;scrollbar-color:#465242 #15191f}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:16px 13px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}.table th{background:#1c222a;color:#a8b4c5;font-weight:500;white-space:nowrap;font-size:10px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .18s}.table tbody tr:hover{background:#1a2226}.table strong{font-weight:550}.table .input{padding:7px 9px;font-size:11px}.table .btn{padding:6px 9px;font-size:10px}.table .empty-row{text-align:center;color:var(--muted);padding:35px}.provider-id{min-width:150px;max-width:210px}.price-cell{min-width:180px;max-width:230px;font-size:10px;color:#adb8c7}.nowrap{flex-wrap:nowrap}.text-link{display:inline-block;color:#bfdbb0;font-size:11px;margin-top:7px}.text-link:hover{text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere}.json-box{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;background:#0e1217;border:1px solid var(--line);border-radius:8px;padding:16px;font-size:11px;color:#b6c6dc}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px}.settings-grid label{display:flex;flex-direction:column;gap:8px}.price-rule{padding:20px;background:#12171c;border-left:3px solid #b0d892}.price-rule button{margin-top:15px}.price-rule .settings-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}#modelDetails:not(.empty-state)> .stack{gap:23px}#modelDetails h3{padding-top:5px}#modelDetails details summary{cursor:pointer;color:var(--muted);font-size:12px}#configMsg,#genMsg,#catalogMsg,#authMsg,#adminLoginMsg{overflow-wrap:anywhere}#catalogMsg:not(:empty){margin-bottom:18px}#authMsg:not(:empty),#adminLoginMsg:not(:empty){padding-top:14px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 100%,#3b513466,transparent 60%),#171e19;padding:42px 9%;display:flex;flex-direction:column;min-height:100vh;border-right:1px solid #334031}.auth-copy{margin:auto 0;position:relative;z-index:2;padding:80px 0 150px}.auth-copy h1{font-size:clamp(46px,5.8vw,86px);font-weight:420;line-height:1.05;letter-spacing:-3px}.auth-copy p{margin-top:25px;color:#a5b39f;font-size:12px;line-height:1.9}.story-art{position:absolute;bottom:0;right:-100px;width:400px;height:400px;opacity:.8}.auth-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#97a890;position:relative;z-index:1}.auth-foot span{letter-spacing:1px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:100%;max-width:355px}.auth-form h2{font-size:32px;letter-spacing:-1px;font-weight:550}.auth-form>.muted{font-size:12px;margin-top:10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#171c22;padding:4px;border:1px solid var(--line);border-radius:9px;margin:30px 0 24px;gap:4px}.auth-tabs .btn{background:transparent;color:var(--muted);border:0;box-shadow:none;padding:9px}.auth-tabs .btn.secondary{background:#30392c;color:#d2ebc0;box-shadow:0 2px 7px #0002}.auth-form .stack{gap:9px}.auth-form label{margin-top:8px}.password-field{position:relative}.password-field .input{padding-right:55px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:#a7b39f;font-size:10px;padding:6px}.auth-submit{margin-top:16px;min-height:45px;justify-content:space-between}.auth-note{font-size:10px;color:#849180;line-height:1.8;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.admin-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(ellipse at 20% 15%,#28372355,transparent 50%),var(--bg)}.admin-auth .brand{margin-bottom:45px}.admin-auth .eyebrow{margin-bottom:15px}.admin-auth h1{font-size:40px}.admin-auth .stack{margin-top:24px}.admin-auth .text-link{margin-top:24px}.toast-region{position:fixed;bottom:24px;right:24px;z-index:100;display:grid;gap:9px;max-width:min(420px,calc(100vw - 40px))}.toast{display:flex;align-items:start;gap:14px;border:1px solid #4b5c3e;background:#202b1f;color:#d7ebc7;box-shadow:0 12px 44px #0006;border-radius:10px;padding:15px 18px;font-size:12px;animation:enter .25s ease both}.toast.error{border-color:#704045;background:#352126;color:#ffd1d1}.toast button{color:inherit;border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;padding:0}.skeleton{height:210px;border-radius:12px;background:linear-gradient(100deg,#181d23 30%,#252c35 50%,#181d23 70%);background-size:200% 100%;animation:shimmer 1.8s linear infinite}.boot{position:fixed;inset:0;z-index:150;background:var(--bg);display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:var(--muted)}.boot .brand-mark{animation:breathe 1.5s ease-in-out infinite}body[data-ready] .boot{display:none}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:200;background:var(--accent);color:#15230e;padding:12px 20px;border-radius:8px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:focus:not(:focus-visible){outline:none}.page-heading,.usage-stats,.studio-grid{animation:enter .5s ease both}.usage-stats{animation-delay:.04s}.studio-grid{animation-delay:.08s}.form-enter{animation:enter .23s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes breathe{50%{opacity:.55;transform:scale(.94)}}@keyframes orbit{to{transform:rotateX(45deg) rotateY(20deg) rotate(20deg)}}
@media(min-width:1700px){:root{--sidebar:245px}.sidebar{padding-left:28px;padding-right:28px}.shell{padding-top:44px}}@media(max-width:1200px){:root{--sidebar:190px}.sidebar{padding:28px 14px}.shell{padding:28px 24px 0}.topbar{padding:18px 24px}.account-email{display:none}.studio-grid{gap:17px}.card{padding:19px}.step-label{display:none}.admin-stats{grid-template-columns:repeat(3,1fr)}.preview-caption h3{font-size:27px}.brand{font-size:15px}}@media(max-width:960px){.studio-grid{grid-template-columns:minmax(0,1fr)}.preview-column{position:static;grid-template-columns:1fr 1fr}.preview-card{grid-column:1/-1}.preview-stage{aspect-ratio:1.85}.preview-column .quiet-note{align-self:center}.page-heading{align-items:start}.page-heading>.btn{display:none}.jobs{grid-template-columns:1fr}.auth-story{padding:35px 8%}.auth-copy h1{font-size:56px}.story-art{width:300px;height:300px}.auth-form-wrap{padding:28px}.table th,.table td{padding:12px}.admin-stats .stat{padding:12px}}@media(max-width:700px){:root{--sidebar:218px}.sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:10px 0 40px #0005}.workspace{margin-left:0}.menu-toggle{display:flex}.nav-open .sidebar{transform:none}.nav-open:after{content:"";position:fixed;inset:0;background:#0007;z-index:25}.nav-open .menu-toggle{position:relative;z-index:40;background:#1c242b}.topbar{min-height:70px;padding:14px 18px;gap:8px}.breadcrumb{display:none}.account-actions{gap:6px}.shell{padding:27px 18px 0}h1{font-size:35px}.page-heading p{font-size:12px}.card{padding:19px}.preview-column{grid-template-columns:1fr}.preview-column .quiet-note{padding:0 5px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-stats .stat:last-child{grid-column:1/-1;flex-direction:row;align-items:center}.section-heading{flex-wrap:wrap;gap:14px}.history-section{margin-top:32px}.history-section>.section-heading>.row{width:100%}.history-section .select{flex:1}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:0;padding:25px 25px 30px;border-right:0;border-bottom:1px solid #334031}.auth-copy{padding:35px 0 0}.auth-copy h1{font-size:44px;letter-spacing:-1.7px}.auth-copy h1 br{display:none}.auth-copy h1 em{display:block}.auth-copy p,.auth-foot,.story-art{display:none}.auth-form-wrap{padding:36px 25px 55px}.auth-form{max-width:430px}.auth-form h2{font-size:28px}.auth-tabs{margin-top:24px}.toolbar .search-field{max-width:none;flex-basis:100%}.toolbar .compact{flex:1}.workspace-footer{font-size:8px}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.dynamic-grid,.settings-grid{grid-template-columns:1fr}.usage-stats{gap:8px}.usage-stats .stat{padding:12px;flex-direction:column;align-items:start;gap:2px}.balance-badge{padding:6px 8px}.card{padding:16px}.topbar{padding:12px 14px}.preview-stage{aspect-ratio:1.1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.nav-link:hover,.btn:hover:not(:disabled){transform:none!important}}
@media(max-width:1550px){[data-panel=catalog] th:nth-child(3),[data-panel=catalog] td:nth-child(3){display:none}}@media(max-width:1250px){[data-panel=catalog] th:nth-child(5),[data-panel=catalog] td:nth-child(5){display:none}}@media(max-width:700px){.sidebar{visibility:hidden}.nav-open .sidebar{visibility:visible}}
/* Bilingual interface: technical identifiers retain their original direction. */
.language-select{font:inherit;font-size:11px;min-height:34px;width:88px;color:var(--text);background:#1b222a;border:1px solid var(--line);border-radius:7px;padding:6px 8px;cursor:pointer;direction:ltr}.auth-form>.language-select{display:block;margin-inline-start:auto;margin-bottom:24px}.account-actions .language-select{flex-shrink:0}.mono,[data-no-translate],input[type=email],input[type=password],input[type=number],input[type=url],.json-box,#advancedJson{unicode-bidi:isolate}.mono,.json-box,input[type=email],input[type=password],input[type=number],input[type=url],#advancedJson{direction:ltr;text-align:left}.account-email{direction:ltr;unicode-bidi:isolate}.job-prompt{unicode-bidi:plaintext}
html[lang=fa]{font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.9}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3,html[lang=fa] .eyebrow,html[lang=fa] .nav-caption,html[lang=fa] .step-label,html[lang=fa] .tip-number,html[lang=fa] .workspace-footer{letter-spacing:0}html[lang=fa] h1{font-size:clamp(28px,3vw,42px);line-height:1.55}html[lang=fa] h2{line-height:1.8}html[lang=fa] .eyebrow{font-size:10px}html[lang=fa] .auth-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.6}html[lang=fa] .preview-caption h3{font-size:clamp(24px,2.5vw,34px);line-height:1.7}html[lang=fa] .btn{line-height:1.8}html[dir=rtl] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .workspace{margin-left:0;margin-right:var(--sidebar)}html[dir=rtl] .auth-story{border-right:0;border-left:1px solid #334031}html[dir=rtl] .search-field>.icon{left:auto;right:12px}html[dir=rtl] .search-field .input{padding-left:13px;padding-right:37px}html[dir=rtl] .password-toggle{right:auto;left:10px}html[dir=rtl] .password-field .input{padding-left:55px;padding-right:13px}html[dir=rtl] .select{padding-right:13px;padding-left:30px}html[dir=rtl] .table th,html[dir=rtl] .table td{text-align:right}html[dir=rtl] .advanced summary span{float:left}html[dir=rtl] .price-rule{border-left:1px solid var(--line);border-right:3px solid #b0d892}html[dir=rtl] .toast-region{right:auto;left:24px}html[dir=rtl] .nav-link:hover{transform:translateX(-2px)}html[dir=rtl] .count-badge{margin-left:0;margin-right:4px}html[dir=rtl] .skip-link{left:auto;right:12px}html[dir=rtl] .auth-submit>.icon{transform:scaleX(-1)}html[dir=rtl] .brand{direction:ltr;justify-content:flex-end}html[dir=rtl] .breadcrumb{unicode-bidi:isolate}html[dir=rtl] .status{white-space:normal}html[dir=rtl] #modelMeta{unicode-bidi:plaintext}html[lang=fa] .auth-copy{padding-bottom:90px}.table time{white-space:nowrap}
@media(max-width:700px){html[dir=rtl] .workspace{margin-right:0}html[dir=rtl] .sidebar{transform:translateX(100%)}html[dir=rtl] .nav-open .sidebar{transform:none}html[dir=rtl] .auth-story{border-left:0}html[lang=fa] .auth-copy{padding-bottom:0}html[lang=fa] .auth-copy h1{font-size:38px}html[lang=fa] h1{font-size:30px}.account-actions{gap:5px}.account-actions .language-select{width:76px;font-size:10px}.balance-badge{padding:6px 8px}.account-actions .btn.small{padding:7px 6px}html[dir=rtl] .toast-region{left:18px;right:18px}}
@media(max-width:380px){.balance-badge span{display:none}.topbar .account-actions{gap:4px}.topbar{padding-inline:12px}}

.output-dialog{background:var(--panel,#151a20);color:var(--text,#f4f5f7);border:1px solid #39424b;border-radius:20px;padding:24px;width:min(860px,92vw);max-height:90vh;overflow:auto}.output-dialog::backdrop{background:rgba(0,0,0,.75)}#outputMedia video,#outputMedia img{display:block;width:100%;max-height:60vh;object-fit:contain;border-radius:12px;background:#080a0c}#outputMedia audio{width:100%}#outputPrompt{white-space:pre-wrap;overflow-wrap:anywhere}#outputOwner{overflow-wrap:anywhere}
.media-field{gap:10px}
.dropzone{position:relative;display:grid;min-height:176px;border:1.5px dashed #3a4350;border-radius:12px;background:#101419;cursor:pointer;overflow:hidden;transition:border-color .18s,background .18s,box-shadow .18s}
.dropzone:hover{border-color:#5a6676;background:#12171d}
.dropzone:focus-visible{outline:none;border-color:#a8cd88;box-shadow:0 0 0 3px #c4ef9c1f}
.dropzone.dragging{border-style:solid;border-color:var(--accent);background:#161e14}
.dropzone.full{cursor:default}
.drop-empty{display:grid;place-items:center;align-content:center;gap:6px;padding:26px 16px;text-align:center}
.drop-empty strong{font-size:14px;font-weight:550}
.drop-icon{width:48px;height:48px;margin-bottom:4px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#1b2027;border:1px solid var(--line);transition:transform .2s}
.drop-icon .icon{width:23px;height:23px}
.dropzone:hover .drop-icon{transform:translateY(-2px)}
.drop-or{font-size:12px;color:var(--muted)}
.drop-or u{color:var(--accent);text-decoration:none}
.dropzone.has-media .drop-empty{display:none}
.media-tiles{display:none}
.dropzone.has-media .media-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;padding:10px}
.dropzone.single.has-media .media-tiles{grid-template-columns:1fr;padding:0}
.media-tile{position:relative;margin:0;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#0b0e12;border:1px solid var(--line)}
.dropzone.single .media-tile{aspect-ratio:16/9;max-height:340px;width:100%;border:0;border-radius:0}
.media-tile img,.media-tile video{display:block;width:100%;height:100%;object-fit:cover}
.dropzone.single .media-tile img,.dropzone.single .media-tile video{object-fit:contain}
.media-tile figcaption{position:absolute;inset:auto 0 0 0;padding:18px 9px 6px;font-size:10.5px;color:#dfe4ea;background:linear-gradient(transparent,#0b0e12e6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.media-actions{position:absolute;top:6px;right:6px;display:flex;gap:6px}
.tile-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #ffffff1f;border-radius:50%;background:#0d1014d9;color:#fff;font-size:17px;line-height:1;transition:background .15s}
.tile-btn:hover,.tile-btn:focus-visible{background:#9b3d44;outline:none}
.media-dur{position:absolute;top:7px;left:7px;padding:1px 6px;border-radius:5px;font-size:10px;background:#0d1014cc;color:#fff}
.media-dur:empty{display:none}
.media-progress{position:absolute;inset:0;display:grid;place-items:center;background:#0d1014b8;font-size:11.5px;font-weight:550}
.media-progress .bar{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);transition:width .2s}
.media-tile.uploading img,.media-tile.uploading video{filter:saturate(.6)}
.media-tile.error{border-color:#704045}
.media-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px 12px 26px;text-align:center;font-size:11px;line-height:1.45;background:#352126eb;color:#ffd1d1;overflow:hidden}
.media-audio-tile{display:grid;place-items:center;height:100%;color:var(--accent)}
.media-audio-tile .icon{width:34px;height:34px}
.media-add{aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:5px;border:1.5px dashed #3a4350;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;transition:border-color .15s,color .15s}
.media-add:hover,.media-add:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}
.drop-overlay{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:8px;background:#161e14eb;color:var(--accent);font-weight:600;pointer-events:none}
.drop-overlay .icon{width:28px;height:28px}
.dropzone.dragging .drop-overlay{display:grid}
.media-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.link-btn{padding:0;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.link-btn:hover,.link-btn:focus-visible{color:var(--text)}
.media-link{display:flex;flex:1 1 260px;gap:8px}
.media-link .input{padding:9px 12px}
.media-status{font-size:12px;color:var(--muted)}
.media-status:empty{display:none}
.media-status.is-error{color:#ffb4b4}
[dir=rtl] .media-actions{right:auto;left:6px}
[dir=rtl] .media-dur{left:auto;right:7px}
@media(prefers-reduced-motion:reduce){.dropzone,.drop-icon,.media-progress .bar{transition:none}}
.optional-tag{margin-left:6px;padding:1px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:450;letter-spacing:.2px}
[dir=rtl] .optional-tag{margin-left:0;margin-right:6px}

.picker-step{display:grid;gap:8px}
.picker-label{font-size:12px;font-weight:550;color:#d7dce3}
.category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;max-height:236px;overflow:auto;padding:2px}
.category-chip{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:start;padding:10px 11px;border:1px solid #343c48;border-radius:10px;background:#101419;color:var(--text);transition:border-color .15s,background .15s,transform .15s}
.category-chip .icon{grid-row:1/3;width:18px;height:18px;color:var(--muted)}
.category-chip .cat-name{font-size:12.5px;font-weight:550;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-chip small{font-size:10.5px;color:var(--muted)}
.category-chip:hover{border-color:#5a6676;transform:translateY(-1px)}
.category-chip:focus-visible,.mode-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #c4ef9c33;border-color:#a8cd88}
.category-chip[aria-pressed=true]{border-color:var(--accent);background:#1a2416}
.category-chip[aria-pressed=true] .icon{color:var(--accent)}
.mode-list{display:flex;flex-wrap:wrap;gap:7px}
.mode-chip{padding:8px 13px;border:1px solid #343c48;border-radius:999px;background:#101419;color:#cfd5dd;font-size:12px;transition:border-color .15s,background .15s,color .15s}
.mode-chip:hover{border-color:#5a6676;color:var(--text)}
.mode-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
@media(prefers-reduced-motion:reduce){.category-chip,.mode-chip{transition:none}.category-chip:hover{transform:none}}
.pricing-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:22px;align-items:start;margin-bottom:18px}
.pricing-form label{display:grid;gap:5px;font-size:12px;font-weight:550}
.pricing-form label small{font-weight:400;font-size:11px}
.pricing-form .wide{grid-column:1/-1}
.pricing-summary{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,#1a2016,#15191f)}
.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:var(--muted)}
.summary-row strong{color:var(--text);font-size:13px;text-align:end}
.summary-row.profit strong{color:var(--accent)}
.summary-example{padding-top:8px;border-top:1px solid var(--line)}
.summary-example p{font-size:12px;color:#cfd5dd;margin-top:3px}
.pricing-actions{margin:6px 0 12px}
.pricing-report{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#12161b;font-size:12px}
.pricing-report summary{cursor:pointer;font-weight:550}
.pricing-report ul{margin:10px 0 0;padding-inline-start:18px;display:grid;gap:5px;color:var(--muted)}
.pricing-report strong{color:var(--text)}
.status.promo{background:#3a2f17;color:#f3d38b;margin-top:4px;text-transform:none}
.price-notes{margin-top:5px;font-size:10.5px;color:var(--muted);max-width:260px}
.price-notes summary{cursor:pointer}
.price-notes p{margin-top:4px;line-height:1.5}
.your-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;white-space:nowrap}
.your-price strong{font-size:14px}
.auto-price-card{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #3b4c30;border-radius:12px;background:#171f14}
.auto-price-card p{margin-top:3px;font-size:12px}
@media(max-width:960px){.pricing-layout{grid-template-columns:1fr}}

.lock-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding:12px 16px;border:1px solid #704045;border-radius:12px;background:#2a1b1f;color:#ffd1d1;font-size:12.5px}
.lock-banner>span{flex:1;min-width:220px}
.lock-banner .icon{color:#ff9a9a}
.lock-status{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:#12161b}
.lock-status strong{font-size:15px}
.lock-status p{margin-top:2px}
.lock-dot{width:10px;height:10px;margin-top:7px;border-radius:50%;flex-shrink:0;background:var(--accent);box-shadow:0 0 0 4px #c4ef9c1a}
.lock-status.is-locked{border-color:#704045;background:#211619}
.lock-status.is-locked .lock-dot{background:#ff8a8a;box-shadow:0 0 0 4px #ff8a8a22}
.lock-form{max-width:560px}
.lock-form label{display:grid;gap:6px;font-size:12px;font-weight:550}
.command-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0}
.command-list pre{margin:4px 0 0}

.gen-progress{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#12161b}
.gen-progress-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:12px}
.gen-phase{font-weight:600;color:var(--text)}
.gen-eta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.gen-track{position:relative;height:6px;border-radius:999px;background:#232a33;overflow:hidden}
.gen-fill{height:100%;width:3%;border-radius:inherit;background:linear-gradient(90deg,#8fbf6a,var(--accent));transition:width 1s linear}
.gen-fill.indeterminate{position:absolute;width:30%;animation:gen-slide 1.6s ease-in-out infinite;background:linear-gradient(90deg,transparent,#8fa8c4,transparent)}
.gen-progress.queued .gen-phase{color:#c7d3e3}
.gen-note{margin-top:8px}
@keyframes gen-slide{0%{left:-30%}100%{left:100%}}
@media(prefers-reduced-motion:reduce){.gen-fill{transition:none}.gen-fill.indeterminate{animation:none;left:0;width:100%;opacity:.35}}

.gen-detail{margin-top:7px;font-variant-numeric:tabular-nums}
.gen-detail:empty{display:none}
.gen-progress.queued .gen-eta{color:#dfe7f1;font-weight:550}

/* ---- Nama brand & Persian typography ---- */
@font-face{font-family:Vazirmatn;src:url('/static/fonts/Vazirmatn-wght.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[lang=fa],html[lang=fa] body,html[lang=fa] button,html[lang=fa] input,html[lang=fa] select,html[lang=fa] textarea{font-family:Vazirmatn,Tahoma,system-ui,sans-serif}
html[lang=fa] body{line-height:1.8}
html[lang=fa] h1{letter-spacing:0;line-height:1.35;font-weight:700}
html[lang=fa] h2,html[lang=fa] h3{letter-spacing:0}
html[lang=fa] .eyebrow,html[lang=fa] .nav-caption,html[lang=fa] .step-label{letter-spacing:0;font-size:11px}
.brand-name{display:inline-flex;align-items:baseline}
.brand-light{font-weight:400;letter-spacing:2px;font-size:.72em;color:#8f9b8b}
html[lang=fa] .brand-en,html:not([lang=fa]) .brand-fa{display:none}
.brand-fa{font-family:Vazirmatn,Tahoma,sans-serif;font-weight:800;letter-spacing:0;font-size:20px}
.brand-fa .brand-light{letter-spacing:0;font-size:12px;font-weight:500}
.brand-foot{letter-spacing:2px}

/* ---- balance badge = add tokens ---- */
button.balance-badge{cursor:pointer;border:1px solid #3b4c30;background:#1c2517;color:inherit;font:inherit;transition:border-color .15s,background .15s}
button.balance-badge:hover,button.balance-badge:focus-visible{border-color:var(--accent);background:#233020;outline:none}
.balance-plus{display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-start:4px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:13px;line-height:1}
.stat-action{cursor:pointer;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:var(--accent);font:inherit;font-weight:600;border-style:dashed!important}
.stat-action:hover,.stat-action:focus-visible{background:#1a2416;outline:none}
.quote.short{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-color:#6b5a2a;background:#2a2414;color:#f3d38b}

/* ---- buy tokens dialog ---- */
.buy-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 30px 80px #0009}
.buy-dialog::backdrop{background:#05070acc;backdrop-filter:blur(3px)}
.buy-dialog[open]{display:flex;flex-direction:column;animation:enter .2s ease both}
.buy-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 8px}
.buy-head h2{margin-top:4px}
.buy-head p{margin-top:4px;font-size:12.5px}
.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:20px;line-height:1}
.icon-btn:hover{color:var(--text);border-color:#5a6676}
.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:14px 24px 6px;overflow:auto}
.package{position:relative;display:grid;gap:6px;justify-items:start;text-align:start;padding:18px 16px 16px;border:1px solid #343c48;border-radius:14px;background:#101419;color:var(--text);font:inherit;transition:border-color .15s,transform .15s,background .15s}
.package:hover:not(:disabled),.package:focus-visible{border-color:var(--accent);transform:translateY(-2px);outline:none}
.package.popular{border-color:#6f8f55;background:linear-gradient(170deg,#1c2617,#101419 70%)}
.package-ribbon{position:absolute;top:-10px;inset-inline-end:12px;padding:2px 9px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700}
.package-tokens b{font-size:26px;font-weight:750;letter-spacing:-.5px}
.package-tokens span{color:var(--muted);font-size:12px}
.package-bonus{font-size:11.5px;color:var(--accent);font-weight:600;min-height:18px}
.package-price{margin-top:6px;font-size:13px;color:#dfe5ec}
.package-price b{font-size:16px}
.package-cta{margin-top:8px;width:100%;padding:8px 10px;border-radius:9px;background:#232a33;text-align:center;font-size:12px;font-weight:600}
.package.popular .package-cta,.package:hover .package-cta{background:var(--accent);color:var(--accent-ink)}
.package.loading{opacity:.7}
.sandbox-note{grid-column:1/-1}
#buyMsg{padding:4px 24px 0}
#buyHistory{padding:8px 24px 22px}
.buy-history-title{font-size:13px;margin:12px 0 6px;color:var(--muted);font-weight:550}
.buy-history{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.buy-history li{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:12px}

/* ---- finished generation actions ---- */
.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.job-actions .btn{display:inline-flex;align-items:center;gap:6px}
.job-actions .icon{width:15px;height:15px}
@media(max-width:700px){.buy-history li{grid-template-columns:1fr 1fr}.package-grid{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.package-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.package{transition:none}.package:hover{transform:none}.buy-dialog[open]{animation:none}}

.pay-totals{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;margin-bottom:18px}
.pay-form{max-width:900px}
.pay-form label{display:grid;gap:5px;font-size:12px;font-weight:550}
.pay-form label small{font-weight:400}
.check-row{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.package-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto 1fr auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;background:#12161b}
.package-row-price{align-self:center}
@media(max-width:960px){.package-row{grid-template-columns:1fr 1fr}}

.usage-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important}
.usage-stats .stat-action{min-width:170px;padding-inline:18px!important}
@media(max-width:700px){.usage-stats{grid-template-columns:1fr 1fr!important}.usage-stats .stat-action{grid-column:1/-1}}

.pay-form .wide{grid-column:1/-1}
.pay-form .wide .input{max-width:460px}

.pricing-main{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.pricing-main label{display:grid;gap:5px;font-size:13px;font-weight:600}
.pricing-main label small{font-weight:400;font-size:11.5px}
.big-input{font-size:20px!important;padding:12px 14px!important;font-weight:650;letter-spacing:.3px}
.pricing-advanced{margin-top:4px}
.pricing-advanced .settings-grid{margin-top:12px}
.pricing-advanced label{display:grid;gap:5px;font-size:12px;font-weight:550}
.pricing-advanced label small{font-weight:400;font-size:11px}
.token-line strong{font-size:18px;color:var(--accent)}
.price-table td{vertical-align:top}
.profit-range{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;margin:8px 0 12px}.range-presets{gap:6px;flex-wrap:wrap}.range-presets .btn.active{border-color:var(--accent);color:var(--accent)}.range-dates{gap:10px;flex-wrap:wrap;align-items:flex-end}.range-dates label{display:flex;flex-direction:column;gap:4px;font-size:12px}.range-dates .input{min-width:150px}
.profit-chart{width:100%;overflow-x:auto;margin:8px 0}.profit-chart svg{display:block;width:100%;min-width:520px;height:260px}.profit-chart .grid{stroke:var(--line);stroke-width:1}.profit-chart .axis{fill:var(--muted);font-size:11px}.profit-chart .revenue{fill:#3a4a5c}.profit-chart .cost{fill:#6b5a3a}.profit-chart .profit{fill:var(--accent)}.profit-chart .loss{fill:#e07a7a}.profit-chart .excluded{fill:url(#hatch)}.profit-chart .bar-hit{fill:transparent}.profit-chart .bar-hit:hover{fill:rgba(255,255,255,.05)}
.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.swatch.revenue{background:#3a4a5c}.swatch.cost{background:#6b5a3a}.swatch.profit{background:var(--accent)}.swatch.loss{background:#e07a7a}.swatch.excluded{background:repeating-linear-gradient(45deg,#556 0 2px,transparent 2px 5px);border:1px solid #556}
.jdp-wrap{position:relative}.jdp{position:absolute;z-index:60;top:100%;inset-inline-start:0;margin-top:6px;width:292px;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);font-size:13px}.jdp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.jdp-nav{background:none;border:1px solid var(--line);color:var(--text);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:16px}.jdp-nav:hover{border-color:var(--accent)}.jdp-week,.jdp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.jdp-week span{color:var(--muted);font-size:11px;padding:2px 0}.jdp-day{background:none;border:1px solid transparent;color:var(--text);border-radius:8px;height:32px;cursor:pointer;font:inherit}.jdp-day:hover{background:var(--surface);border-color:var(--line)}.jdp-day.today{border-color:var(--muted)}.jdp-day.selected{background:var(--accent);color:var(--accent-ink);font-weight:600}.jdp-foot{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.jdp-foot label{display:flex;align-items:center;gap:6px;flex-direction:row}.jdp-hour{width:auto;min-width:86px;padding:4px 8px;height:auto}.jdp-foot .btn{margin-inline-start:auto}.jdp-foot .btn+.btn{margin-inline-start:0}
.exclusion-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.exclusion-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 10px;border:1px solid var(--line);border-radius:8px}
.model-margin{display:block;margin-top:6px}.model-margin .input{width:72px;padding:4px 8px;font-size:12px;height:auto}
.price-table .res-row td{padding-top:4px;padding-bottom:4px;border-top:0;font-size:12px}
.price-table .res-row td:first-child{padding-inline-start:22px}
.token-pill{display:inline-flex;align-items:baseline;gap:4px;padding:3px 9px;border-radius:999px;background:#1c2517;border:1px solid #3b4c30;font-size:11px;white-space:nowrap}
.token-pill b{font-size:13px;color:var(--accent)}
.profit-pill{display:inline-block;padding:2px 8px;border-radius:6px;background:#233627;color:#c1e4b4;font-size:12px;font-weight:600}
.suggest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:10px}
.suggest-card{position:relative;display:grid;gap:5px;padding:18px 16px;border:1px solid var(--line);border-radius:14px;background:#12161b}
.suggest-card.popular{border-color:#6f8f55;background:linear-gradient(170deg,#1c2617,#12161b 70%)}
.suggest-tokens b{font-size:24px;font-weight:750}
.suggest-price b{font-size:16px}
@media(max-width:700px){.pricing-main{grid-template-columns:1fr}}