:root{color:#25312d;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f7f9f7;--surface:#fff;--ink:#25312d;--muted:#67746e;--line:#dce7e2;--field:#f5faf8;--field-line:#b9d3ca;--title:#ffe48d;--title-ink:#26322e;--coral:#ee624d;--coral-hover:#d84e3b;--teal:#0c8879;--teal-soft:#e1f5ef;--orange-soft:#fff0eb;--footer:#f5faf8;--input-panel:#fffaf6;--result-panel:#e9f7f1;--panel-line:#c9e3d8;--error-bg:#fff1ed;--error:#ad392d;background:#fff;font-family:Segoe UI Variable,Segoe UI,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#1a2522;--surface:#202e29;--ink:#f0f6f2;--muted:#aebfb7;--line:#3d524a;--field:#283b34;--field-line:#58766a;--title:#e9bf62;--title-ink:#27302b;--coral:#f4876f;--coral-hover:#ffa18d;--teal:#83d9c6;--teal-soft:#2c4b42;--orange-soft:#4c3530;--footer:#24352e;--input-panel:#25322d;--result-panel:#1d3a31;--panel-line:#49675a;--error-bg:#49322d;--error:#ffb8a8}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:var(--canvas);margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.app-shell{min-height:100vh}.top-bar{border-bottom:1px solid var(--line);background:var(--surface);height:68px}.nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:1160px;height:100%;margin:0 auto;padding:0 24px;display:flex}.brand,.nav-actions,.brand-text,.icon-button,.language-button{align-items:center;display:flex}.brand{gap:10px;min-width:0}.brand-icon{color:#fff;background:var(--coral);border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.brand-text{flex-direction:column;align-items:flex-start;line-height:1}.brand-text strong{color:var(--ink);font-size:22px;font-weight:800}.brand-text strong span{color:var(--coral)}.brand-text small{color:var(--muted);white-space:nowrap;margin-top:5px;font-size:10px;font-weight:650}.nav-actions{gap:8px}.icon-button,.language-button{border:1px solid var(--line);height:38px;color:var(--ink);background:var(--surface);border-radius:6px;justify-content:center}.icon-button{width:38px}.language-button{gap:6px;min-width:89px;padding:0 10px;font-size:12px;font-weight:650}.icon-button:hover,.language-button:hover{border-color:var(--teal);background:var(--teal-soft)}.title-band{color:var(--title-ink);background:var(--title);border-bottom:1px solid #e5ca78}.page-heading{justify-content:space-between;align-items:center;gap:20px;max-width:1160px;min-height:138px;margin:0 auto;padding:24px;display:flex}.page-eyebrow{color:var(--title-ink);align-items:center;gap:9px;font-family:Consolas,Cascadia Code,monospace;font-size:11px;font-weight:700;display:inline-flex}.eyebrow-mark{background:var(--coral);width:23px;height:3px}.page-heading h1{margin:9px 0 0;font-size:33px;font-weight:780;line-height:1.2}.session-status{color:var(--title-ink);white-space:nowrap;align-self:flex-end;align-items:center;gap:8px;margin-bottom:11px;font-size:12px;font-weight:650;display:inline-flex}.session-status svg{color:#0f796b}.status-dot{background:#128b72;border-radius:50%;width:7px;height:7px;margin-left:2px;box-shadow:0 0 0 4px #128b7226}.main-content{max-width:1160px;margin:0 auto;padding:28px 24px 65px}.workbench{border:1px solid var(--line);border-radius:7px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden;box-shadow:0 12px 32px #2c483a0f}.input-pane,.results-pane{min-width:0;min-height:490px;padding:28px 30px}.input-pane{background:var(--input-panel);flex-direction:column;display:flex}.results-pane{border-left:1px solid var(--panel-line);background:var(--result-panel);flex-direction:column;display:flex}.pane-heading,.results-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.section-index{color:var(--coral);font-family:Consolas,Cascadia Code,monospace;font-size:12px;font-weight:750}.section-index span{color:var(--muted)}.results-pane .section-index{color:var(--teal)}.clear-button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;margin-top:-5px;display:grid}.clear-button:hover:not(:disabled){color:var(--coral);background:var(--orange-soft)}.clear-button:disabled{opacity:.42;cursor:not-allowed}.input-pane h2,.results-pane h2{margin:12px 0 17px;font-size:21px;font-weight:720;line-height:1.3}.secret-field{flex-direction:column;display:flex}.secret-field label{color:var(--ink);align-items:center;gap:7px;margin-bottom:9px;font-size:13px;font-weight:650;display:flex}.secret-field label svg{color:var(--coral)}.secret-field textarea{resize:vertical;border:1px solid var(--field-line);width:100%;min-height:154px;color:var(--ink);background:var(--surface);border-radius:6px;padding:15px 16px;font-family:Cascadia Code,Consolas,Microsoft YaHei,monospace;font-size:13px;line-height:1.7;display:block}.secret-field textarea::placeholder{color:var(--muted);opacity:.85}.secret-field textarea:focus{border-color:var(--teal)}.input-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:9px 0 16px;font-size:11px;display:flex}.input-meta strong{color:var(--teal);margin-right:4px;font-family:Consolas,monospace;font-size:14px}.input-meta>span:last-child{white-space:nowrap;font-family:Consolas,monospace}.generate-button{color:#fff;background:var(--coral);border:0;border-radius:6px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;min-width:192px;min-height:46px;padding:0 15px;font-size:14px;font-weight:750;transition:background .2s,transform .2s;display:inline-flex}.generate-button:hover{background:var(--coral-hover);transform:translateY(-1px)}.generate-arrow{margin-left:15px}.input-footnote{color:var(--muted);align-items:center;gap:7px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.input-footnote svg{color:var(--teal)}.error-list{border-left:3px solid var(--coral);color:var(--error);background:var(--error-bg);border-radius:4px;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 11px;font-size:12px;line-height:1.5;display:flex}.error-list svg{flex:none}.results-heading h2{margin-bottom:0}.result-count{width:49px;height:49px;color:var(--title-ink);background:var(--title);border-radius:5px;flex-direction:column;flex:0 0 49px;justify-content:center;align-items:center;display:flex}.result-count strong{font-family:Consolas,monospace;font-size:17px;line-height:1}.result-count span{margin-top:3px;font-size:10px;font-weight:650}.results-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:9px 0 12px;display:flex}.live-status{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.live-dot{background:#a9b6b0;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.live-dot.active{background:var(--teal);box-shadow:0 0 0 4px #0c887924}.copy-all-button{border:1px solid var(--teal);min-width:128px;height:35px;color:var(--teal);background:var(--surface);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.copy-all-button:hover:not(:disabled){background:var(--teal-soft)}.copy-all-button:disabled{opacity:.48;cursor:not-allowed}.results-body{flex:1;min-height:183px}.empty-results{flex-direction:column;justify-content:center;align-items:flex-start;min-height:183px;display:flex}.empty-digits{color:#b6c6be;white-space:nowrap;font-family:Cascadia Code,Consolas,monospace;font-size:43px;line-height:1}:root[data-theme=dark] .empty-digits{color:#617e6f}.empty-results p{color:var(--muted);margin:12px 0 0;font-size:13px;font-weight:600}.results-list{margin:0;padding:0;list-style:none}.result-row{border-bottom:1px solid var(--line);padding:17px 0 20px}.result-row-top,.result-row-main{align-items:center;display:flex}.result-row-top{gap:9px;min-width:0}.row-index{color:var(--coral);font-family:Consolas,monospace;font-size:12px;font-weight:750}.result-label{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.row-timer{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-family:Consolas,monospace;font-size:12px;display:inline-flex}.result-row-main{justify-content:space-between;gap:10px;margin-top:10px}.code-value{min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:13px;font-family:Cascadia Code,Consolas,monospace;font-size:37px;font-weight:700;line-height:1.15;display:flex}.row-copy-button{width:40px;height:40px;color:var(--coral);background:var(--orange-soft);border:0;border-radius:5px;flex:0 0 40px;place-items:center;display:grid}.row-copy-button:hover{color:#fff;background:var(--coral)}.time-track{background:var(--line);border-radius:2px;height:4px;margin-top:14px;overflow:hidden}.time-track span{background:var(--teal);border-radius:2px;height:100%;transition:width .35s linear;display:block}.time-track.ending span{background:var(--coral)}.results-footnote{color:var(--muted);align-items:center;gap:7px;margin-top:auto;padding-top:15px;font-size:11px;display:flex}.results-footnote svg{color:var(--coral)}.workbench-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--surface);grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:17px 30px;font-size:11px;display:flex}.workbench-footer span:first-child{align-items:center;gap:7px;display:inline-flex}.workbench-footer svg{color:var(--teal);flex:none}.workbench-footer span:last-child{white-space:nowrap;font-family:Consolas,monospace}.copy-error{color:var(--error);margin-top:12px;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=780px){.main-content{padding:18px 18px 45px}.workbench{grid-template-columns:minmax(0,1fr)}.input-pane,.results-pane{min-height:0;padding:23px 22px}.results-pane{border-left:0;border-top:1px solid var(--panel-line)}.results-body,.empty-results{min-height:125px}.input-footnote{margin-top:0}.workbench-footer{padding:15px 22px}}@media (width<=600px){.top-bar{height:62px}.nav-container{padding:0 16px}.brand-text small{display:none}.brand-text strong{font-size:20px}.brand-icon{flex-basis:35px;width:35px;height:35px}.page-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:113px;padding:18px}.page-heading h1{margin-top:5px;font-size:27px}.session-status{align-self:flex-start;margin:0}.main-content{padding:13px 12px 36px}.input-pane h2,.results-pane h2{margin:10px 0 12px;font-size:19px}.secret-field textarea{min-height:115px;padding:12px 13px;font-size:12px}.input-meta{margin:7px 0 12px}.generate-button{width:100%;min-height:44px}.input-footnote{margin-top:10px}.results-pane{padding-top:21px}.results-toolbar{margin-top:10px}.empty-results,.results-body{min-height:110px}.empty-digits{font-size:37px}.code-value{font-size:33px}.workbench-footer{flex-direction:column;align-items:flex-start;gap:6px;padding:13px 22px}}@media (width<=360px){.language-button{min-width:80px;padding:0 8px}.copy-all-button{min-width:116px}.code-value{gap:9px;font-size:29px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}
