:root{--bg:#111114;--surface:#1a1a1f;--surface-2:#222228;--border:#2e2e36;--text:#ececf0;--muted:#9b9ba6;--dim:#6c6c78;--accent:#8b7cff;--accent-2:#a597ff;--good:#3ddc84;--warn:#ffb547;--bad:#ff5d6c;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.btn{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.93rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn.primary{background:var(--accent);color:#0d0b1f}.btn.primary:not(:disabled):hover{background:var(--accent-2)}.btn.ghost{border:1px solid var(--border);background:var(--surface)}.btn.ghost:not(:disabled):hover{background:var(--surface-2);border-color:#45454f}.btn.big{border-radius:12px;padding:13px 22px;font-size:1rem}.btn.sm{padding:6px 10px;font-size:.82rem}.icon-btn{width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link-btn{color:var(--muted);align-items:center;gap:6px;margin-top:18px;font-size:.87rem;display:inline-flex}.link-btn:hover{color:var(--text)}.home{flex-direction:column;height:100%;display:flex;overflow-y:auto}.topbar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#111114e6;justify-content:space-between;align-items:center;gap:12px;padding:12px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.topbar-right{align-items:center;gap:10px;min-width:0;display:flex}.lang-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:3px;display:flex}.lang-switch button{color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.lang-switch button:hover{color:var(--text)}.lang-switch button.on{background:var(--text);color:#111}.display-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.84rem;display:inline-flex}.home-main{flex-direction:column;flex:1;gap:40px;width:100%;max-width:1180px;margin:0 auto;padding:28px;display:flex}.hero-card{border:1px solid var(--border);background:linear-gradient(160deg, #8b7cff17, transparent 45%), var(--surface);border-radius:20px;flex-direction:column;gap:26px;padding:32px;display:flex}.hero-text h1{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.15}.hero-text p{color:var(--muted);max-width:640px}.pickers{grid-template-columns:1fr 1fr;gap:20px;display:grid}fieldset{border:0;min-width:0}legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.82rem;font-weight:600}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:9px;padding:8px 13px;font-size:.9rem}.seg button:hover{color:var(--text);border-color:#45454f}.seg button.on{background:var(--text);color:#111;border-color:var(--text);font-weight:600}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.targets{flex-wrap:wrap;gap:28px;display:flex}.targets dt{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.targets dd{font-size:1.05rem;font-weight:600}.section-title{margin-bottom:14px}.section-title h2{letter-spacing:-.01em;font-size:1.25rem}.section-title p{color:var(--muted);font-size:.9rem}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.pattern-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,transform .15s;overflow:hidden}.pattern-card:hover{border-color:#4a4a56;transform:translateY(-2px)}.pattern-card .thumb{border-bottom:1px solid var(--border);height:84px}.pc-text{flex-direction:column;gap:2px;padding:12px 14px;display:flex}.pc-text span{color:var(--muted);font-size:.86rem}.results-list{flex-direction:column;gap:8px;display:flex}.result-row{align-items:center;gap:8px;display:flex}.result-open{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.result-open:hover{border-color:#4a4a56}.result-open div{flex-direction:column;display:flex}.result-open span{color:var(--muted);font-size:.85rem}.home-foot{color:var(--dim);text-align:center;padding:18px 28px;font-size:.82rem}.pixel-wrap{background:#000;position:absolute;inset:0;overflow:hidden}.pixel-wrap canvas{image-rendering:pixelated;display:block}.text-pattern{color:#000;background:#fff;flex-direction:column;gap:14px;padding:6vh 6vw;display:flex;position:absolute;inset:0;overflow:auto}.text-pattern.dark{color:#fff;background:#000}.text-pattern b{color:#888;width:52px;font-weight:600;display:inline-block}.text-colors{gap:24px;margin-top:10px;font-size:15px;display:flex}.viewer{background:#000;position:fixed;inset:0}.viewer.hide-cursor{cursor:none}.viewer-pattern{position:absolute;inset:0}.hud{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;cursor:default;background:#121216eb;border-radius:14px;width:min(440px,100% - 40px);padding:16px 18px;transition:opacity .25s,transform .25s;position:absolute;top:20px;left:20px;transform:translateY(-6px);box-shadow:0 16px 50px #00000080}.hud.show{opacity:1;pointer-events:auto;transform:none}.hud-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.hud-head b{font-size:1.05rem;display:block}.hud-variant{color:var(--accent-2);font-size:.85rem}.hud ul{color:#c9c9d1;flex-direction:column;gap:4px;padding-left:18px;font-size:.88rem;display:flex}.hud-nav{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.hud-keys{color:var(--dim);margin-top:12px;font-size:.78rem}kbd{text-align:center;border:1px solid var(--border);background:var(--surface-2);min-width:20px;color:var(--muted);border-radius:5px;margin:0 1px;padding:1px 5px;font:600 .74rem system-ui,sans-serif;display:inline-block}.wizard{background:#000;grid-template-columns:1fr 400px;display:grid;position:fixed;inset:0}.wizard.panel-hidden{grid-template-columns:1fr 0}.wizard.panel-hidden .wizard-panel{display:none}.wizard-stage{position:relative;overflow:hidden}.neutral-stage{background:radial-gradient(circle at 40% 40%,#262630,#121216 70%);position:absolute;inset:0}.stage-hint{color:#aaa;pointer-events:none;background:#0000008c;border-radius:999px;padding:6px 12px;font-size:.8rem;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.wizard-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.wp-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 12px 22px;display:flex}.progress{flex:1;gap:4px;display:flex}.progress span{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.progress span.done{background:var(--accent);opacity:.55}.progress span.now{background:var(--accent)}.wp-tools{gap:2px;display:flex}.wp-body{flex:1;padding:22px;overflow-y:auto}.step-label{color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.wp-body h2{letter-spacing:-.01em;margin:4px 0 12px;font-size:1.5rem}.controls-chip{background:var(--surface-2);color:var(--muted);border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:5px 10px;font-size:.82rem;display:inline-flex}.steps-list{color:#d2d2da;flex-direction:column;gap:8px;padding-left:18px;display:flex}.question{margin-top:22px}.question h3{margin-bottom:10px;font-size:.98rem}.options{flex-direction:column;gap:6px;display:flex}.options button{text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:10px;align-items:center;gap:8px;padding:10px 13px;display:flex}.options button:hover{border-color:#4a4a56}.options button.on{border-color:var(--accent);background:#8b7cff1f;font-weight:600}.advice{border:1px solid;border-radius:12px;gap:10px;margin-top:16px;padding:12px 14px;font-size:.9rem;display:flex}.advice.good{background:#3ddc8412;border-color:#3ddc844d}.advice.warn{background:#ffb54712;border-color:#ffb5474d}.advice.bad{background:#ff5d6c12;border-color:#ff5d6c4d}.tone-icon{flex:none;margin-top:2px}.tone-icon.good{color:var(--good)}.tone-icon.warn{color:var(--warn)}.tone-icon.bad{color:var(--bad)}.wp-foot{border-top:1px solid var(--border);justify-content:space-between;gap:10px;padding:14px 22px;display:flex}.advice-list{flex-direction:column;gap:10px;display:flex}.advice-row{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:10px;padding:12px 14px;display:flex}.advice-row p{color:var(--muted);margin-top:2px;font-size:.88rem}.advice-row .answer{color:var(--muted);font-weight:500}.osd-form{flex-direction:column;gap:10px;margin-top:26px;display:flex}.osd-form h3{font-size:1rem}.osd-form p{margin-top:-6px;font-size:.86rem}.osd-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:.84rem;display:flex}.osd-form input{border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:9px 11px}.osd-form input:focus{border-color:var(--accent);outline:none}.result-page{flex-direction:column;gap:18px;max-width:900px;height:100%;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.result-head{justify-content:space-between;gap:10px;display:flex}.result-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:14px;padding:28px;display:flex}.result-card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:10px;font-size:.82rem}.rc-title h1{letter-spacing:-.01em;font-size:1.6rem}.rc-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.kv{grid-template-columns:auto 1fr;gap:6px 18px;margin-top:8px;display:grid}.kv-row{display:contents}.kv dt{color:var(--muted)}.kv dd{font-weight:600}.tips{color:#d2d2da;flex-direction:column;gap:6px;padding-left:18px;display:flex}@media (width<=860px){.wizard{grid-template-rows:1fr minmax(0,55%);grid-template-columns:1fr}.wizard.panel-hidden{grid-template-rows:1fr 0;grid-template-columns:1fr}.wizard-panel{border-left:0;border-top:1px solid var(--border)}.pickers,.rc-grid{grid-template-columns:1fr}}@media (width<=560px){.topbar{padding:10px 16px}.home-main{gap:28px;padding:16px}.hero-card{padding:20px}.hero-foot .btn{width:100%}.result-page{padding:16px}.result-card{padding:18px}}.monitor-controls{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;gap:10px;margin-top:18px;padding:14px 16px;display:flex}.monitor-controls.standalone{background:var(--surface);border-radius:18px;margin-top:0;padding:20px 22px}.mc-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mc-title{align-items:center;gap:8px;font-weight:600;display:inline-flex}.standalone .mc-title{font-size:1.1rem}.icon-btn.sm{width:28px;height:28px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mc-display{color:var(--muted);font-size:.86rem}.mc-select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:.86rem}.mc-sliders{flex-direction:column;gap:8px;display:flex}.standalone .mc-sliders{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 28px;display:grid}.mc-slider{grid-template-columns:82px 1fr 34px;align-items:center;gap:10px;font-size:.88rem;display:grid}.mc-label{color:var(--muted)}.mc-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.mc-slider input[type=range]{width:100%;accent-color:var(--accent)}.mc-slider.c22 input{accent-color:#ff5d6c}.mc-slider.c24 input{accent-color:#3ddc84}.mc-slider.c26 input{accent-color:#4d8dff}.mc-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mc-foot .link-btn{margin-top:0}.mc-note{color:var(--dim);font-size:.82rem}.mc-note.warn{color:var(--warn)}