:root{color-scheme:dark;--bg:#07110f;--panel:#0c1815;--panel-2:#12221d;--text:#f2fff8;--muted:#8da99d;--line:#213c33;--mint:#6af5b2;--orange:#ff9f5a;--danger:#ff7c7c;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(106,245,178,.12),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}button,textarea,input,select{font:inherit}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(7,17,15,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--mint);color:#07110f;border-radius:10px;font-weight:900;transform:rotate(-4deg)}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:12px;cursor:pointer}.privacy-chip,.local-badge{font-size:.78rem;color:var(--mint);border:1px solid rgba(106,245,178,.25);background:rgba(106,245,178,.07);border-radius:999px;padding:7px 11px}main{max-width:1180px;margin:auto;padding:54px 20px}.workspace-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.eyebrow,.panel-kicker{font-size:.76rem;letter-spacing:.14em;color:var(--mint);font-weight:800;margin:0 0 10px}.workspace-intro h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.96;letter-spacing:-.065em;margin:0 0 15px}.workspace-intro p:not(.eyebrow){color:var(--muted);font-size:1.05rem;margin:0;max-width:580px;line-height:1.7}.session-card{width:170px;flex:0 0 170px;padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.session-card span,.session-card small{display:block;color:var(--muted);font-size:.78rem}.session-card strong{display:block;font-size:2.2rem;color:var(--orange);margin:2px 0}.quick-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.tool-rail,.tool-panel{background:rgba(12,24,21,.86);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.tool-rail{padding:9px;display:grid;gap:4px}.tool-link{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:var(--text);border-radius:16px;padding:12px;cursor:pointer}.tool-link:hover,.tool-link.active{background:var(--panel-2)}.tool-link.active{box-shadow:inset 3px 0 var(--mint)}.tool-link span:last-child{display:grid;gap:3px}.tool-link b{font-size:.94rem}.tool-link small{font-size:.77rem;color:var(--muted)}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--mint);font-size:.73rem;font-weight:900;background:#0a1512}.tool-panel{padding:clamp(20px,4vw,36px);min-height:512px}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:28px}.panel-heading h2{font-size:clamp(1.65rem,3vw,2.2rem);margin:0 0 7px;letter-spacing:-.035em}.panel-heading p{color:var(--muted);margin:0;line-height:1.6}.field-label{display:block;font-weight:700;font-size:.88rem;margin-bottom:9px}textarea{width:100%;min-height:276px;resize:vertical;border:1px solid var(--line);background:#07100e;color:var(--text);border-radius:16px;padding:17px;line-height:1.6;outline:none;font-family:"Cascadia Code",Consolas,monospace}textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(106,245,178,.1)}.panel-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.panel-actions button{border-radius:12px;padding:11px 16px;font-weight:750;cursor:pointer}.primary-button{border:1px solid var(--mint);background:var(--mint);color:#07110f}.secondary-button{border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.ghost-button{border:1px solid transparent;background:transparent;color:var(--muted)}.status-line{font-size:.83rem;color:var(--muted);margin:15px 0 0;min-height:1.3em}.status-line.success{color:var(--mint)}.status-line.error{color:var(--danger)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.trust-row div{display:grid;gap:3px;padding:17px 19px;border:1px solid var(--line);border-radius:17px}.trust-row b{font-size:.9rem}.trust-row span{color:var(--muted);font-size:.78rem}footer{max-width:1180px;margin:auto;padding:0 20px 32px;display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}@media(max-width:760px){.privacy-chip{display:none}main{padding-top:35px}.workspace-intro{align-items:start}.session-card{display:none}.workspace-intro h1{font-size:3rem}.quick-layout{grid-template-columns:1fr}.tool-rail{display:flex;overflow-x:auto;padding:8px;scrollbar-width:none}.tool-link{min-width:66px;width:66px;padding:9px;justify-content:center}.tool-link span:last-child{display:none}.tool-panel{min-height:480px;border-radius:20px}.trust-row{grid-template-columns:1fr}.trust-row div{grid-template-columns:90px 1fr}.local-badge{display:none}footer{gap:12px;flex-direction:column}}
body.light{color-scheme:light;--bg:#f3faf6;--panel:#fff;--panel-2:#eaf7f0;--text:#10251d;--muted:#5c756b;--line:#cfe2d9;--shadow:0 24px 70px rgba(25,67,50,.12);background:radial-gradient(circle at 80% -10%,rgba(30,185,116,.13),transparent 32rem),var(--bg)}body.light .topbar{background:rgba(243,250,246,.84)}body.light textarea,body.light .tool-icon,body.light .control-grid input,body.light .control-grid select,body.light .large-input,body.light .conversion-result{background:#f7fcf9}
.top-link,.footer-links a{color:var(--muted);text-decoration:none;font-size:.86rem}.top-link:hover,.footer-links a:hover{color:var(--text)}.tool-link{text-decoration:none}.tool-version{font:800 .7rem/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--orange);border:1px solid rgba(255,159,90,.25);padding:8px 10px;border-radius:999px;white-space:nowrap}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.42;cursor:not-allowed}.drop-zone{min-height:190px;border:1px dashed #3f6c5b;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:24px;background:linear-gradient(135deg,rgba(106,245,178,.045),transparent);cursor:pointer;transition:.2s ease}.drop-zone:hover,.drop-zone.dragging{border-color:var(--mint);background:rgba(106,245,178,.08);transform:translateY(-2px)}.drop-zone b{font-size:1.05rem}.drop-zone small{color:var(--muted)}.drop-glyph{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--mint);color:#07110f;font-size:1.7rem;margin-bottom:6px}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.control-grid label{display:grid;gap:8px;color:var(--muted);font-size:.8rem}.control-grid input,.control-grid select,.large-input{width:100%;border:1px solid var(--line);border-radius:12px;background:#07100e;color:var(--text);padding:11px 12px;outline:none}.control-grid input:focus,.control-grid select:focus,.large-input:focus{border-color:var(--mint)}.range-field{grid-template-columns:1fr auto}.range-field input{grid-column:1/-1;padding:0;accent-color:var(--mint)}.range-field output{color:var(--text)}.file-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-top:13px;color:var(--muted);font-size:.8rem}.file-summary span:first-child{display:grid;gap:3px}.file-summary b{color:var(--text);max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#07100e;overflow:hidden}.image-result{display:grid;grid-template-columns:minmax(180px,1fr) 220px}.image-result img{width:100%;height:230px;object-fit:contain;background:repeating-conic-gradient(#15221e 0 25%,#0d1714 0 50%) 50%/20px 20px}.image-result>div{display:grid;gap:10px;padding:20px;align-content:center}.metric{display:grid}.metric b{font-size:1.1rem}.metric small{color:var(--muted)}.metric.accent b{color:var(--mint)}.split-workspace{display:grid;grid-template-columns:1fr 260px;gap:20px}.compact-area{min-height:190px}.qr-output{background:#fff;border-radius:18px;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#799084;gap:8px;padding:14px}.qr-output svg{max-width:100%;height:auto}.empty-glyph{font-size:2rem;font-weight:900;letter-spacing:.08em;border:2px solid #d8e7df;padding:15px;border-radius:12px}.subtool{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.subtool div{display:grid;gap:4px}.subtool span{color:var(--muted);font-size:.8rem}.file-button{display:inline-block;border-radius:12px;padding:10px 15px;cursor:pointer;font-weight:700}.scan-result{padding:13px 15px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.text-stats{display:flex;flex-wrap:wrap;gap:9px;margin:-8px 0 17px}.text-stats span{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.78rem}.text-stats b{color:var(--text)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-columns textarea{min-height:260px}.clock-card{display:grid;justify-items:center;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(106,245,178,.08),rgba(255,159,90,.04));margin-bottom:20px}.clock-card span,.clock-card small{color:var(--muted)}.clock-card strong{font-size:clamp(2.4rem,7vw,4.8rem);line-height:1.2;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.converter-grid section{border:1px solid var(--line);border-radius:17px;padding:18px}.conversion-result{display:grid;gap:4px;min-height:64px;margin-top:16px;padding:12px;border-radius:12px;background:#07100e;overflow-wrap:anywhere}.conversion-result span{color:var(--muted);font-size:.78rem}.focus-wrap{display:grid;justify-items:center}.focus-ring{width:280px;height:280px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--mint);box-shadow:inset 0 0 0 12px rgba(106,245,178,.04),0 0 70px rgba(106,245,178,.08);margin:10px 0 22px}.focus-ring span,.focus-ring small{color:var(--muted)}.focus-ring strong{font-size:4.2rem;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.focus-ring small b{color:var(--orange)}.preset-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.preset-row button{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer}.preset-row button.active{border-color:var(--mint);color:var(--mint)}.focus-actions{justify-content:center}.recent-section{margin-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:0}.recent-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.recent-list a{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.recent-list a>span:nth-child(2){display:grid;gap:3px;min-width:0}.recent-list b{font-size:.86rem}.recent-list small{color:var(--muted);font-size:.72rem}.recent-list a>span:last-child{margin-left:auto;color:var(--muted)}.info-layout{grid-template-columns:1fr}.info-layout .tool-rail{display:none}.info-page{max-width:720px;margin:auto;padding:10px 0 30px}.info-page h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.05em;margin:8px 0 28px}.info-page h2{margin:32px 0 8px;font-size:1.15rem}.info-page p{color:var(--muted);line-height:1.8}.inline-link{display:inline-block;text-decoration:none;border-radius:12px;padding:11px 16px;font-weight:800;margin-top:22px}.footer-links{display:flex;gap:18px}
.info-page-body .workspace-intro,.info-page-body .trust-row,.info-page-body .recent-section{display:none}.info-page-body main{padding-top:34px}
@media(max-width:900px){.recent-list{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr 1fr}.range-field{grid-column:1/-1}.split-workspace{grid-template-columns:1fr}.qr-output{min-height:230px}.two-columns,.converter-grid{grid-template-columns:1fr}}
@media(max-width:760px){.top-link{display:none}.tool-version{display:none}.control-grid{grid-template-columns:1fr}.range-field{grid-column:auto}.image-result{grid-template-columns:1fr}.image-result img{height:190px}.recent-list{grid-template-columns:1fr}.subtool{align-items:flex-start;flex-direction:column}.focus-ring{width:230px;height:230px}.focus-ring strong{font-size:3.3rem}.footer-links{flex-wrap:wrap}}