:root{--base:#0e0e10;--topbar:#191919;--panel:#27292c;--panel-2:#1b1d20;--card:#323437;--card-line:#3d3f42;--pill:#252525;--divider:#474747;--text:#f2f2f2;--muted:#8c8d8e;--dim:#595959;--accent:#6355f5;--on-accent:#fff;--accent-text:#a59cff;--on-light:#0e0e10;--violet:#503be3;--violet-bg:#2f2d51;--violet-deep:#211f39;--checker-a:#212131;--checker-b:#151525;--warn:#fbbf24;--bad:#f87171;--good:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--base);color:var(--text);flex-direction:column;margin:0;font:500 14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}button,select,input{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.warn{color:var(--warn)}.err{color:var(--bad)}.topbar{background:var(--topbar);border-bottom:1px solid #000;flex:none;align-items:center;gap:16px;height:56px;padding:0 16px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand .tld{color:var(--accent-text);font-weight:600}.logo{width:24px;height:24px}.pill{background:var(--pill);color:var(--accent-text);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.lang-select{background:var(--pill);border:1px solid var(--card-line);cursor:pointer;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:13px;font-weight:600}.lang-select:hover{border-color:var(--muted)}.account{margin-left:0}.account-row{align-items:center;gap:8px;display:flex}.account-row[hidden]{display:none}.btn.small{flex:none;padding:7px 14px;font-size:13px}.energy{border:1px solid var(--card-line);background:var(--pill);color:var(--accent-text);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-weight:700;display:flex}.energy svg{width:16px;height:16px}.avatar{border:1px solid var(--card-line);background:var(--violet);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar img:not([src]),.avatar img[src=""]{display:none}.pro{background:var(--accent);color:var(--on-accent);letter-spacing:.04em;vertical-align:1px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.setting>span:first-child{white-space:nowrap}.pill.local{color:var(--text);background:var(--violet-bg);border:1px solid var(--violet)}.pill.local[hidden]{display:none}.pro-cost{color:var(--accent-text);margin:10px 2px 0;font-size:13px}.pro-cost[hidden]{display:none}.dialog{border:1px solid var(--card-line);background:var(--panel);width:min(440px,100% - 32px);color:var(--text);border-radius:20px;padding:18px}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0e10a6}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dialog-head b{font-size:16px}.packs{gap:8px;margin-top:10px;display:grid}.pack{border:1px solid var(--card-line);background:var(--card);cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pack:hover{border-color:var(--accent-text)}.pack:disabled{opacity:.5;cursor:progress}.pack b{color:var(--accent-text);font-size:16px}.pack span{font-weight:700}#topUpError:empty{display:none}#loginDialog .btn{width:100%;margin-top:8px}.toast{z-index:10;background:var(--panel);border:1px solid var(--card-line);border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.toast[hidden]{display:none}.workspace{flex:1;grid-template-columns:340px 1fr 260px;gap:12px;min-height:0;padding:12px;display:grid}.panel{background:var(--panel);border-radius:20px;min-height:0;padding:16px;overflow-y:auto}.panel.right{background:var(--panel-2);padding:12px}.panel-title{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;display:flex}.panel-title svg{width:18px;height:18px}.segmented{background:var(--card);border-radius:999px;margin-bottom:14px;padding:3px;display:flex}.segmented button{cursor:pointer;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:8px 6px}.segmented button.active{background:var(--text);color:var(--on-light)}.upload-card{background:var(--violet-bg);border:1.5px solid var(--violet);border-radius:16px;margin-bottom:12px;padding:12px}.checker{text-align:center;cursor:pointer;background-color:var(--checker-b);background-image:conic-gradient(var(--checker-a) 25%, transparent 0 50%, var(--checker-a) 0 75%, transparent 0);background-size:24px 24px;border:1px dashed #49495a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:190px;padding:20px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.checker:hover,.checker:focus-visible{border-color:var(--violet);outline:none}.checker.over,.stage.over{box-shadow:inset 0 0 0 2px var(--violet)}.checker.busy{cursor:progress;opacity:.75}.upload-icon{background:var(--violet);color:#fff;box-sizing:content-box;border-radius:50%;width:26px;height:26px;margin-bottom:4px;padding:5px}.checker b{font-weight:600}.checker small{color:var(--dim);font-size:12px}#dropStatus{color:var(--muted);word-break:break-all}#dropStatus:empty{display:none}.card-link{color:var(--text);margin-top:10px;font-weight:600;text-decoration:none;display:block}.card-link:hover{color:var(--accent-text)}.actions{gap:8px;margin-bottom:4px;display:flex}.actions[hidden]{display:none}.btn{border:1px solid var(--card-line);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:999px;flex:1;padding:9px 8px;font-weight:600}.btn:hover{border-color:var(--muted)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.accent:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:progress}.section-title{margin:18px 0 8px;font-size:14px}.card{background:var(--card);border-radius:12px;padding:4px 14px}.setting{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.setting+.setting{border-top:1px solid #2b2d30}.range{align-items:center;gap:8px;display:flex}.range input{width:120px;accent-color:var(--accent)}#qv{text-align:right;min-width:24px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}select{background:var(--panel);border:1px solid var(--card-line);border-radius:8px;padding:5px 8px}.switch{appearance:none;border:1px solid var(--card-line);cursor:pointer;background:#1f2023;border-radius:999px;flex:none;width:40px;height:22px;margin:0;transition:background .15s,border-color .15s;position:relative}.switch:after{content:"";background:#999;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{background:var(--on-accent);transform:translate(18px)}.switch:disabled{opacity:.4;cursor:not-allowed}.switch:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.stage{background:radial-gradient(ellipse at 50% 55%, #545659 0%, #3e4042 32%, #1f1f21 72%, var(--base) 100%);border-radius:20px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.empty{text-align:center;max-width:420px;margin:auto;padding:24px}.empty-logo{width:56px;height:56px;margin-bottom:8px}.empty h1{color:#c9cacb;margin:0 0 6px;font-size:26px;font-weight:700}.empty p{color:#a3a4a6;margin:0}.stage-bar,.viewport,.result,.stage.has-result .empty{display:none}.stage.has-result .stage-bar,.stage.has-result.view-preview .viewport{display:flex}.stage.has-result.view-report .result{display:grid}.stage.view-report .device-bar{visibility:hidden}.stage-bar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px}.segmented.compact{background:#27292ceb;margin:0}.segmented.compact button{flex:none;padding:6px 14px}.device-bar{background:#27292ceb;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.device-bar select{background:var(--card);border-color:#0000;border-radius:999px;padding:5px 10px}.dims{color:var(--muted);align-items:center;gap:4px;display:flex}.dims input{background:var(--card);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border:1px solid #0000;border-radius:8px;width:62px;padding:4px 6px}.dims input::-webkit-inner-spin-button{-webkit-appearance:none}.dims input:focus{border-color:var(--violet);outline:none}.dims input:disabled{opacity:.5}.icon-btn{background:var(--card);cursor:pointer;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.icon-btn:hover{background:var(--card-line)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn svg{width:16px;height:16px}.scale{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:64px;padding-right:6px;font-size:12px}.viewport{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 16px 16px}.device{flex:none;position:relative}.device iframe{transform-origin:0 0;box-shadow:0 0 0 1px var(--card-line), 0 18px 50px #0000008c;background:#000;border:0;border-radius:14px;position:absolute;top:0;left:0}.result{border:1px solid var(--card-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17181ae0;border-radius:20px;align-content:start;gap:14px;width:min(720px,100% - 32px);min-height:0;margin:0 auto 16px;padding:20px;overflow-y:auto}.big{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.big strong{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:34px}#sizes{color:var(--muted)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}td,th{text-align:right;border-bottom:1px solid #2b2d30;padding:6px 8px}td:first-child,th:first-child{text-align:left}th{color:var(--muted);font-weight:500}details{background:var(--card);border-radius:12px;padding:10px 14px}summary{cursor:pointer;color:var(--muted)}#notes,#warnings{white-space:pre-line}.progress{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0e108c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.progress[hidden]{display:none}.progress-card{background:var(--panel);border:1px solid var(--card-line);border-radius:20px;width:min(380px,100%);padding:18px;box-shadow:0 18px 50px #00000080}.progress-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.progress-head b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}#progressTime{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.bar{background:var(--card);border-radius:999px;height:6px;margin-bottom:14px;overflow:hidden}#progressBar{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .25s ease-out}.steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.steps li{min-height:30px;color:var(--dim);grid-template-columns:20px 1fr auto;align-items:center;gap:10px;display:grid}.steps li .detail{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.steps li.active,.steps li.done{color:var(--text)}.steps li.skipped{color:var(--dim)}.steps .icon{border:2px solid var(--card-line);border-radius:50%;justify-self:center;width:16px;height:16px}.steps li.active .icon{border-color:var(--accent);border-right-color:#0000;animation:.8s linear infinite spin}.steps li.done .icon{background:var(--accent);border:0;position:relative;-webkit-mask:none}.steps li.done .icon:after{content:"";border:solid var(--on-accent);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.steps li.skipped .icon{border-style:dashed}.steps li.failed{color:var(--bad)}.steps li.failed .icon{border-color:var(--bad)}.progress-error{color:var(--bad);margin:12px 0 0;font-size:13px}.progress-error small{color:var(--muted);margin-top:4px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.steps li.active .icon{border-right-color:var(--accent);animation:none}#progressBar{transition:none}}.tabs{margin-bottom:12px;display:flex}.tab{background:var(--text);color:var(--on-light);border-radius:12px;padding:8px 16px;font-weight:600}.history{gap:8px;display:grid}.run{text-align:left;border:1px solid var(--card-line);background:var(--panel);cursor:pointer;border-radius:12px;gap:2px;width:100%;padding:10px 12px;display:grid}.run:hover{border-color:var(--muted)}.run.active{border-color:var(--accent-text)}.run b{font-variant-numeric:tabular-nums}.run b span{color:var(--accent-text);margin-left:6px}.run small{color:var(--muted);font-size:12px}@media (width<=1100px){.workspace{grid-template-columns:320px 1fr}.panel.right{grid-column:1/-1}}@media (width<=480px){.brand>span{display:none}.topbar{gap:10px}}@media (width<=760px){body{display:block}.workspace{flex-direction:column;padding:8px 16px 16px;display:flex}.panel{overflow:visible}.stage{min-height:320px}.stage.has-result{min-height:640px}.result{width:auto;margin:0 8px 8px;padding:16px}.scale{display:none}td:not(:first-child),th:not(:first-child){white-space:nowrap}.pill,.account .btn.small#topUp{display:none}}