:root{color-scheme:dark;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace;--bg: #0a0a0a;--bg-elevated: #121212;--bg-inset: #050505;--text: #eaeaea;--text-muted: #7a7a7a;--border: #2a2a2a;--accent: #ff2a2a;--accent-text: #0a0a0a;--success: #4af626;--danger: #ff2a2a;--font-macro: "Archivo Black", "Inter", system-ui, sans-serif;--font-micro: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{position:relative;max-width:860px;margin:0 auto;padding:0 1.25rem 4rem;background:var(--bg);color:var(--text);font-family:var(--font-micro)}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}header{border-bottom:1px solid var(--border);margin-bottom:2rem}.header-row{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 1rem}.brand{font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none;font-size:.95rem}nav{display:flex;gap:1.5rem}nav a{color:var(--text-muted);text-decoration:none;font-size:.8rem;letter-spacing:.06em;padding-bottom:2px;border-bottom:2px solid transparent;transition:color .12s linear,border-color .12s linear}nav a:hover{color:var(--text)}nav a.is-active{color:var(--accent);border-color:var(--accent)}.telemetry-bar{display:flex;flex-wrap:wrap;gap:0 1.5rem;border-top:1px solid var(--border);padding:.5rem 0;font-size:.65rem;letter-spacing:.08em;color:var(--text-muted)}.view{display:none;opacity:0;transition:opacity .15s ease-out,display .15s allow-discrete}.view.is-active{display:block;opacity:1}@starting-style{.view.is-active{opacity:0}}.view-title{font-family:var(--font-micro);font-weight:800;letter-spacing:.08em;font-size:.95rem;margin:0 0 1.5rem;color:var(--accent)}.view--home{padding-top:1.5rem}.hero{margin-bottom:3rem}.hero-eyebrow{font-size:.75rem;letter-spacing:.08em;color:var(--success);margin:0 0 1rem}.hero-title{font-family:var(--font-macro);font-size:clamp(2.75rem,9vw,6rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 1.25rem}.hero-title .accent{color:var(--accent)}.hero-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.6;max-width:48ch;margin:0}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}@media (max-width: 520px){.option-grid{grid-template-columns:1fr}}.option-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:2rem 1.5rem;background:var(--bg-elevated);text-decoration:none;color:var(--text);transition:background .12s linear,color .12s linear;opacity:0;transform:translateY(6px);animation:option-in .22s ease-out forwards;animation-delay:calc(var(--stagger, 0) * 60ms)}@keyframes option-in{to{opacity:1;transform:none}}.option-card:hover{background:var(--accent);color:var(--accent-text)}.option-card:hover .option-index,.option-card:hover .option-desc{color:var(--accent-text);opacity:.75}.option-card:active{filter:brightness(.9)}.option-index{font-size:.7rem;letter-spacing:.08em;color:var(--text-muted)}.option-icon{font-size:1.4rem}.option-title{font-family:var(--font-macro);font-size:1.5rem;letter-spacing:-.01em}.option-desc{font-size:.75rem;color:var(--text-muted)}.option-corner{position:absolute;font-size:.75rem;color:var(--text-muted);line-height:1}.option-card:hover .option-corner{color:var(--accent-text)}.option-corner.tl{top:.4rem;left:.4rem}.option-corner.tr{top:.4rem;right:.4rem}.option-corner.bl{bottom:.4rem;left:.4rem}.option-corner.br{bottom:.4rem;right:.4rem}.back-link{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.75rem;letter-spacing:.06em;margin-bottom:1.5rem;transition:color .12s linear}.back-link:hover{color:var(--accent)}.panel{margin-bottom:1.5rem;border:1px solid var(--border);background:var(--bg-elevated);padding:1rem}.panel label{display:block;font-weight:700;font-size:.7rem;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem}.panel-title{color:var(--accent)!important}textarea,input,select{width:100%;box-sizing:border-box;padding:.65rem .75rem;font-family:var(--font-micro);font-size:.85rem;background:var(--bg-inset);color:var(--text);border:1px solid var(--border);border-radius:0;transition:border-color .12s linear}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--accent)}select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1.1rem) center,calc(100% - .8rem) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.preview{display:block;border:1px solid var(--border);padding:1rem;min-height:4rem;background:var(--bg-inset);font-size:.9rem;line-height:1.5;max-width:100%;overflow-wrap:anywhere;word-break:break-word}#output.is-entering{animation:content-in .2s ease-out}@keyframes content-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.preview pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.preview img{max-width:100%}.preview table{display:block;max-width:100%;overflow-x:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.controls>*+*{margin-top:.75rem}.button-row{display:flex;flex-wrap:wrap;gap:.6rem}.btn{padding:.7rem 1.1rem;font-family:var(--font-micro);font-size:.75rem;font-weight:700;letter-spacing:.06em;border-radius:0;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:background .12s linear,color .12s linear,border-color .12s linear}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){filter:brightness(.9)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.is-confirmed{animation:btn-confirm .16s ease-out}@keyframes btn-confirm{0%{transform:scale(.94)}to{transform:scale(1)}}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--text);border-color:var(--text)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.result{display:none;opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .2s ease-out,transform .2s ease-out,display .2s allow-discrete}.result.is-visible{display:block;border-top:1px dashed var(--border);padding-top:.75rem;opacity:1;transform:none}@starting-style{.result.is-visible{opacity:0;transform:translateY(-6px) scale(.98)}}.code-row{display:flex;gap:.5rem}.code-row input{flex:1;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--success)}.code-row .btn{flex-shrink:0}.btn-clear{margin-top:.6rem}.status{min-height:1.4rem;font-size:.75rem;letter-spacing:.02em;color:var(--text-muted)}.status:not(:empty):before{content:">>> "}.status[data-tone=success]{color:var(--success)}.status[data-tone=error]{color:var(--danger)}@media (prefers-reduced-motion: reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}