:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-elevated:#151b24;--panel:#171f2b;--panel-border:#ffffff14;--text:#e6edf7;--muted:#8b9cb3;--accent:#f0a500;--accent-strong:#ffb820;--accent-soft:#f0a50024;--success:#3ecf8e;--error:#ff6b6b;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Outfit", system-ui, sans-serif;--radius:16px;--shadow:0 24px 60px #00000059}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #f0a50014, transparent 28%), radial-gradient(circle at bottom right, #5078ff14, transparent 32%), var(--bg);min-height:100%;color:var(--text);font-family:var(--sans);margin:0}body{line-height:1.5}.page{width:min(1100px,100% - 2rem);margin:0 auto;padding:2.5rem 0 3rem}.hero{margin-bottom:2rem}.hero-badge{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.03em;margin:.85rem 0 .5rem;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.hero-sub{max-width:58ch;color:var(--muted);margin:0;font-size:1.05rem}.tool-nav{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:999px;gap:.35rem;margin-top:1.25rem;padding:.25rem;display:inline-flex}.tool-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.65rem 1.1rem;font-weight:600;transition:all .15s}.tool-tab.active{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#111}.tool-view{display:none}.tool-view.active{display:block}.layout{grid-template-columns:320px 1fr;align-items:start;gap:1.25rem;display:grid}.panel{background:linear-gradient(180deg, #ffffff08, transparent 120px), var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.2rem 0;display:flex}.panel-head h2{margin:0;font-size:1.05rem}.panel-tag{color:var(--muted);font-size:.78rem}.preview-panel{position:sticky;top:1rem}.preview-stage{place-items:center;padding:1.2rem;display:grid}#preview-canvas{aspect-ratio:1;width:100%;max-width:280px;image-rendering:pixelated;border:1px solid #ffffff14;border-radius:12px}.preview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:0;padding:0 1.2rem 1.2rem;display:grid}.preview-stats div{background:#ffffff08;border-radius:10px;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;display:flex}.preview-stats dt,.preview-stats dd{margin:0}.preview-stats dt{color:var(--muted);font-size:.82rem}.preview-stats dd{font-family:var(--mono);font-size:.82rem}.converter-panel{overflow:hidden}.tabs{gap:.35rem;padding:1rem 1rem 0;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px 12px 0 0;flex:1;padding:.85rem 1rem;font-weight:600;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{border-color:var(--panel-border);color:var(--text);background:#ffffff0a;border-bottom-color:#0000}.tab-panel{padding:1rem 1.2rem 1.2rem;display:none}.tab-panel.active{display:block}.field{gap:.45rem;margin-bottom:.9rem;display:grid}.field span{color:var(--muted);font-size:.88rem;font-weight:500}input,textarea,select{background:var(--bg-elevated);width:100%;color:var(--text);font:.92rem/1.45 var(--mono);border:1px solid #ffffff1a;border-radius:12px;padding:.85rem .95rem;transition:border-color .15s,box-shadow .15s}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 12px) calc(50% + 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2rem}input:focus,textarea:focus,select:focus{border-color:#f0a5008c;outline:none;box-shadow:0 0 0 3px #f0a5001f}textarea{resize:vertical;min-height:220px}.actions{flex-wrap:wrap;gap:.65rem;margin-bottom:.9rem;display:flex}.btn{color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:.65rem 1rem;font-weight:600;transition:all .15s}.btn:hover{border-color:#ffffff38;transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#111;border-color:#0000}.btn.ghost{background:0 0}.hint{color:var(--muted);margin:0;font-size:.88rem}.hint code{font-family:var(--mono);color:#d6e1ff;font-size:.82rem}.status{min-height:1.25rem;color:var(--muted);margin-top:.35rem;font-size:.88rem}.status.ok{color:var(--success)}.status.error{color:var(--error)}.footer{color:var(--muted);text-align:center;margin-top:1.5rem;font-size:.85rem}.layout-sensitivity{grid-template-columns:300px 1fr}.sens-summary-panel{position:sticky;top:1rem}.sens-hero-stat{justify-items:center;gap:.25rem;padding:1rem 1.2rem .5rem;display:grid}.sens-big{letter-spacing:-.04em;color:var(--accent-strong);font-size:clamp(2.4rem,6vw,3.2rem);font-weight:700;line-height:1}.sens-unit{color:var(--muted);font-size:.9rem}.sens-stats{padding-top:.35rem}.sens-note{color:var(--muted);margin:0;padding:0 1.2rem 1.2rem;font-size:.84rem}.sens-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:.15rem;display:grid}.sens-formula{color:var(--muted);font-family:var(--mono);background:#ffffff08;border-radius:12px;margin-top:.35rem;padding:.85rem .95rem;font-size:.8rem;line-height:1.55}.sens-formula strong{color:var(--text)}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.range-field span{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.range-field output{font-family:var(--mono);color:var(--accent-strong);font-size:.82rem}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;width:100%;height:6px;padding:0}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg, var(--accent-strong), var(--accent));cursor:pointer;border:2px solid #111;border-radius:50%;width:18px;height:18px}input[type=range]::-moz-range-thumb{background:var(--accent-strong);cursor:pointer;border:2px solid #111;border-radius:50%;width:18px;height:18px}input[type=color]{cursor:pointer;height:44px;padding:.25rem}.editor-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .85rem;margin:.35rem 0 1rem;display:grid}.toggle{color:var(--text);cursor:pointer;align-items:center;gap:.55rem;font-size:.9rem;font-weight:500;display:flex}.toggle input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer;margin:0}.hidden{display:none!important}#sensitivity-tool .converter-panel{padding:1.2rem}@media (width<=900px){.layout,.layout-sensitivity{grid-template-columns:1fr}.preview-panel,.sens-summary-panel{position:static}.sens-grid{grid-template-columns:1fr}}@media (width<=640px){.page{width:min(100%,100% - 1rem);padding-top:1.25rem}.tabs{flex-direction:column}.tab{border-radius:12px}.preview-stats,.editor-grid,.editor-toggles{grid-template-columns:1fr}}