:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070b;--panel:#0c1018;--panel-2:#101722;--line:#ffffff1f;--line-strong:#ff8b3875;--text:#f5f7fb;--muted:#8f9aaa;--blue:#ff8b38;--blue-strong:#ffb15f;--danger:#ff6b7a;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:linear-gradient(110deg,#ff8b382e,#0000 26%),linear-gradient(#030407 0%,#0b0f17 50%,#05070b 100%);margin:0}html,body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.workbench{width:min(100% - 32px,1180px);margin:0 auto;padding:28px 0}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:72px;display:grid}.version{border:1px solid var(--line);border-radius:var(--radius);min-width:72px;min-height:40px;color:var(--text);background:#ffffff0a;place-items:center;text-decoration:none;display:inline-grid}.brand-link{color:inherit;text-decoration:none}.brand-link:hover{color:var(--blue-strong)}.version{color:var(--blue-strong);font-size:13px;font-weight:800}.kicker,.panel-head p{color:var(--blue-strong);letter-spacing:.12em;margin:0;font-size:11px;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,5vw,48px);line-height:1}.tool-layout{grid-template-columns:300px minmax(0,1fr);gap:16px;min-width:0;min-height:680px;display:grid}.tool-nav,.tool-stage,.tool-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0c1018d6;box-shadow:0 24px 80px #00000057}.tool-nav{align-content:start;gap:8px;padding:10px;display:grid}.tool-tab{border-radius:var(--radius);width:100%;min-height:76px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:0 12px;display:grid}.tool-tab span{color:#4f5969;font-weight:900}.tool-tab strong{color:var(--text);font-size:15px}.tool-tab small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.tool-tab.active{border-color:var(--line-strong);background:linear-gradient(90deg,#ff8b3833,#ffffff08)}.tool-tab.active span,.tool-tab.active small{color:var(--blue-strong)}.tool-stage{position:relative;overflow:hidden}.tool-stage:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 72%);mask-image:linear-gradient(#000000bf,#0000 72%)}.stage-actions{z-index:3;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:clamp(18px,4vw,34px)}.stage-actions button{border-radius:var(--radius);width:40px;height:40px;color:var(--text);background:#0c1018f0;border:1px solid #ffffff24;place-items:center;padding:0;display:inline-grid}.stage-actions button:hover,.stage-actions button:focus-visible{border-color:var(--line-strong);color:var(--blue-strong)}.stage-actions svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#action-status{min-width:86px;color:var(--blue-strong);text-align:right;white-space:nowrap;font-size:13px;font-weight:900;position:absolute;top:46px;right:0}.tool-panel{z-index:1;min-height:100%;box-shadow:none;background:0 0;border:0;padding:clamp(18px,4vw,34px);display:none;position:relative}.tool-panel.active{align-content:start;gap:18px;display:grid}.panel-head h2{letter-spacing:0;margin:8px 0 0;font-size:clamp(26px,4vw,42px)}.input-grid{gap:14px;display:grid}.result-area,.operation-area{min-width:0}.operation-area{border-top:1px solid var(--line);gap:14px;padding-top:18px;display:grid}.operation-area.no-border{border-top:0;padding-top:0}.input-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}label{color:#c4cad4;gap:8px;font-size:13px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:46px;color:var(--text);background:#0000003d;outline:none;padding:10px 12px}textarea{resize:vertical;min-height:150px;line-height:1.7}textarea.output{min-height:118px;color:var(--blue-strong)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #ff8b382e}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions.wrap button{flex:150px}.actions button{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--text);background:#ffffff0e;padding:0 15px;font-weight:900}.actions .primary,.primary{color:#00111f;background:linear-gradient(135deg,#ff8b38,#ffd18a);border-color:#ff8b38c7}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-grid.compact{max-width:520px}.metric,.spotlight{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff12,#ffffff05),#0000002e;align-content:center;gap:8px;min-height:120px;padding:18px;display:grid}.metric span,.spotlight span,.spotlight small{color:var(--muted);font-size:13px;font-weight:800}.metric strong,.spotlight strong{color:var(--text);font-size:clamp(28px,5vw,46px);line-height:1}.metric strong.metric-text{overflow-wrap:anywhere;font-size:clamp(15px,2vw,22px);line-height:1.35}.metric.blue strong,.spotlight{color:var(--blue-strong)}.spotlight{min-height:160px;color:var(--blue-strong);font-size:clamp(26px,5vw,48px);font-weight:950}.tool-note{max-width:720px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.field-error{min-height:22px;color:var(--danger);margin:0;font-size:13px;font-weight:800;line-height:1.6}.qr-layout{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:18px;display:grid}.qr-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;place-items:center;min-height:260px;padding:18px;display:grid}.qr-box svg{width:min(100%,240px);height:auto;display:block}.qr-meta{color:var(--muted);gap:8px;line-height:1.8;display:grid}.qr-meta strong{color:var(--text);font-size:24px}.empty-state{color:#687386;font-weight:900}.timer-ring{aspect-ratio:1;border:1px solid var(--line-strong);background:radial-gradient(circle,#ff8b3833,#0000 62%),conic-gradient(from 90deg,#ff8b388f,#ffffff14,#ff8b388f);border-radius:50%;justify-self:center;place-items:center;width:min(100%,300px);display:grid}.timer-ring span,.timer-ring strong{grid-area:1/1}.timer-ring span{color:var(--blue-strong);align-self:start;margin-top:30%;font-weight:900}.timer-ring strong{letter-spacing:0;font-size:clamp(50px,10vw,88px)}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;font-size:13px;display:flex}footer a{color:var(--muted);text-decoration:none}@media (width<=860px){.tool-layout{grid-template-columns:1fr}.tool-nav{grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%}.tool-tab{grid-template-columns:34px minmax(0,1fr);min-height:72px;padding:0 10px}.tool-tab small{display:none}}@media (width<=560px){.workbench{width:min(100% - 20px,1180px);max-width:calc(100vw - 20px);padding-top:16px}.tool-layout,.tool-stage,.tool-nav{max-width:calc(100vw - 20px)}.tool-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.input-grid.two,.result-grid,.qr-layout{grid-template-columns:1fr}.tool-panel{padding:16px}.stage-actions{justify-content:flex-start;top:12px;right:16px}}