:root{color-scheme:dark;--bg: #05070b;--panel: #0c1018;--panel-2: #101722;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 139, 56, .46);--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{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(110deg,rgba(255,139,56,.18),transparent 26%),linear-gradient(180deg,#030407,#0b0f17,#05070b)}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{min-height:72px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.version{min-width:72px;min-height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;background:#ffffff0a}.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,.hero-label,.panel-head p{margin:0;color:var(--blue-strong);font-size:11px;font-weight:900;letter-spacing:.12em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,5vw,48px);line-height:1}.hero{display:block;padding:36px 0 30px}.hero h2{max-width:none;margin:10px 0 0;font-size:clamp(34px,5.3vw,72px);line-height:1.04;letter-spacing:0;overflow-wrap:anywhere;white-space:nowrap}.hero>p{margin:0;color:var(--muted);line-height:1.8}.tool-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;min-height:610px;min-width:0}.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{display:grid;align-content:start;gap:8px;padding:10px}.tool-tab{width:100%;min-height:76px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--radius);padding:0 12px;color:var(--muted);background:transparent;text-align:left}.tool-tab span{color:#4f5969;font-weight:900}.tool-tab strong{color:var(--text);font-size:15px}.tool-tab small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.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:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 72%)}.tool-panel{position:relative;z-index:1;display:none;min-height:100%;padding:clamp(18px,4vw,34px);background:transparent;border:0;box-shadow:none}.tool-panel.active{display:grid;align-content:start;gap:18px}.panel-head h2{margin:8px 0 0;font-size:clamp(26px,4vw,42px);letter-spacing:0}.input-grid{display:grid;gap:14px}.result-area,.operation-area{min-width:0}.operation-area{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:18px}.input-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1 / -1}label{display:grid;gap:8px;color:#c4cad4;font-size:13px;font-weight:800}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;color:var(--text);background:#0000003d;outline:none}textarea{min-height:150px;resize:vertical;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #ff8b382e}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions.wrap button{flex:1 1 150px}.actions button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);padding:0 15px;color:var(--text);background:#ffffff0e;font-weight:900}.actions .primary,.primary{border-color:#ff8b38c7;color:#00111f;background:linear-gradient(135deg,#ff8b38,#ffd18a)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-grid.compact{max-width:520px}.metric,.spotlight{min-height:120px;display:grid;align-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:linear-gradient(135deg,#ffffff12,#ffffff05),#0000002e}.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.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;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.timer-ring{width:min(100%,300px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;border:1px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle at center,rgba(255,139,56,.2),transparent 62%),conic-gradient(from 90deg,#ff8b388f,#ffffff14,#ff8b388f)}.timer-ring span,.timer-ring strong{grid-column:1;grid-row:1}.timer-ring span{align-self:start;margin-top:30%;color:var(--blue-strong);font-weight:900}.timer-ring strong{font-size:clamp(50px,10vw,88px);letter-spacing:0}footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer a{color:var(--muted);text-decoration:none}@media(max-width:860px){.tool-layout{grid-template-columns:1fr}.tool-nav{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}.tool-tab{min-height:72px;grid-template-columns:34px minmax(0,1fr);padding:0 10px}.tool-tab small{display:none}}@media(max-width:560px){.workbench{width:min(100% - 20px,1180px);max-width:calc(100vw - 20px);padding-top:16px}.hero{max-width:calc(100vw - 20px);padding:28px 0 20px;overflow:hidden}.hero h2{width:100%;max-width:calc(100vw - 20px);font-size:clamp(18px,5.1vw,24px);line-height:1.12;white-space:nowrap}.hero>p{max-width:calc(100vw - 20px);word-break:break-all}.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{grid-template-columns:1fr}.tool-panel{padding:16px}}