:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border:#94a3b82e;--surface:#0f172aad;--surface-strong:#0f172ae6;--text-muted:#94a3b8;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}code{font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Consolas,monospace}#app{min-height:100vh}.app-shell{width:min(100%,72rem);margin:0 auto;padding:1rem 1.25rem 2rem}.app-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.app-header h1{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1}.app-subtitle{color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem}.input-field{gap:.5rem;display:grid}.input-field__label{font-weight:600}.input-field__control{border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:6rem;color:inherit;resize:vertical;border-radius:.8rem;padding:.8rem .9rem}.input-field__control:focus{outline-offset:1px;outline:2px solid #38bdf866}.meta-row{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.meta-pill{border:1px solid var(--border);color:#dbeafe;background:var(--surface);border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.9rem;display:inline-flex}.results-list{border-top:1px solid var(--border);margin-top:1rem}.result-row{border-bottom:1px solid var(--border);grid-template-columns:6rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.result-row__label{margin:0;font-size:.95rem}.result-row__value{color:#e0f2fe;overflow-wrap:anywhere;white-space:normal;background:#0f172a80;border-radius:.65rem;min-width:0;padding:.45rem .6rem;font-size:.85rem}.button{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:.75rem;padding:.65rem .9rem}.button:disabled{cursor:default;opacity:.55}.button--compact{padding:.45rem .7rem}.button--ghost{background:0 0}.notice{border:1px solid #0000;border-radius:.75rem;margin:.75rem 0 0;padding:.55rem .7rem;font-size:.9rem}.notice--info{color:#d8f4ff;background:#38bdf814;border-color:#38bdf829}.notice--warning{color:#fde68a;background:#fbbf2414;border-color:#fbbf2429}.notice--error{color:#fecaca;background:#f8717114;border-color:#f8717129}.notice--success{color:#bbf7d0;background:#34d39914;border-color:#34d39929}.stack-sm{gap:.5rem;display:grid}.toast{border:1px solid var(--border);border-radius:.8rem;max-width:min(90vw,18rem);padding:.75rem .9rem;position:fixed;bottom:1rem;right:1rem}.toast--info{color:#04111f;background:#0ea5e9f2}.toast--success{color:#04111f;background:#10b981f2}.toast--warning{color:#1f2937;background:#f59e0bf2}.toast--error{color:#fff1f2;background:#ef4444f2}@media (max-width:640px){.app-shell{padding:.9rem}.app-header{flex-direction:column;align-items:stretch}.result-row{grid-template-columns:1fr;gap:.45rem}.button{width:100%}.toast{max-width:none;bottom:.9rem;left:.9rem;right:.9rem}}
