:root{color-scheme:light;--bg: #f6f8fb;--panel: #ffffff;--border: #d8dee8;--text: #172033;--muted: #526075;--accent: #0f766e;--accent-dark: #115e59;--error: #9f1239;--success: #166534}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}code,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.page-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:44px 0 32px}.intro{max-width:760px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#101827;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.lede{margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.6}.generator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.panel{display:flex;min-height:580px;overflow:hidden;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.panel-header{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--border)}.panel-header label{font-weight:800}.actions{display:flex;gap:8px}.button{min-height:40px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-weight:800;padding:9px 14px}.button:hover{background:var(--accent-dark)}.button-secondary{border:1px solid var(--border);background:#fff;color:var(--text)}.button-secondary:hover{background:#eef2f7}.code-box{width:100%;min-height:0;flex:1;border:0;outline:0;resize:vertical;color:var(--text);font-size:.86rem;line-height:1.55;padding:16px}.code-box-output{background:#fbfcfe}.message{min-height:24px;margin:14px 0 0;font-weight:700}.message[data-status=success]{color:var(--success)}.message[data-status=error]{color:var(--error)}@media(max-width:820px){.page-shell{width:min(100vw - 24px,720px);padding:28px 0}.generator{grid-template-columns:1fr}.panel{min-height:430px}}