@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600;8..60,700&family=Playfair+Display:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,600;9..144,700&display=swap";:root{--bg-page: #f6f4f1;--bg-surface: #ffffff;--bg-panel-1: #faf9f7;--bg-panel-2: #f1eeea;--bg-panel-3: var(--bg-panel-2);--bg-light-1: #ececec;--bg-light-2: var(--bg-light-1);--text-primary: #1f2328;--text-on-dark: #f8f6f3;--text-secondary: #3b4046;--text-muted: #61656b;--text-muted-2: var(--text-muted);--text-muted-3: var(--text-muted);--text-muted-4: var(--text-secondary);--text-soft: #7a8087;--text-dark: #1f2328;--text-dark-2: #2b3137;--text-dark-3: #444b52;--text-dark-4: var(--text-dark-3);--accent: #b51c1c;--accent-dark: color-mix(in srgb, var(--accent) 80%, #000);--white: #ffffff;--black: #0b0d10;--overlay-1: rgba(11, 13, 16, .06);--overlay-2: rgba(11, 13, 16, .12);--overlay-3: rgba(255, 255, 255, .18);--overlay-4: rgba(11, 13, 16, .24);--overlay-5: rgba(11, 13, 16, .3);--overlay-6: rgba(11, 13, 16, .38);--overlay-7: rgba(11, 13, 16, .6);--glass-1: rgba(255, 255, 255, .5);--glass-2: rgba(255, 255, 255, .7);--glass-3: rgba(255, 255, 255, .85);--white-50: rgba(255, 255, 255, .5);--white-60: rgba(255, 255, 255, .6);--white-90: rgba(255, 255, 255, .9);--border-light-1: rgba(17, 24, 39, .08);--border-light-2: rgba(17, 24, 39, .12);--border-light-3: rgba(17, 24, 39, .18);--border-light-4: var(--border-light-3);--border-light-5: rgba(17, 24, 39, .24);--border-light-6: rgba(17, 24, 39, .35);--border-dark-1: #e3e6ea;--border-dark-2: #cfd5dc;--border-dark-3: var(--border-dark-2);--border-dark-4: var(--border-dark-2);--border-error: #f1b5b5;--status-available: #3b6b3f;--status-green-bg: #e7f2ea;--status-green-text: #2f5d3a;--status-blue-bg: #e6eef5;--status-blue-text: #2f4f6f;--status-yellow-bg: #f7f1dd;--status-yellow-text: #7a5a1f;--status-orange-bg: #f4e7d9;--status-orange-text: #8c4d1c;--status-red-bg: #f3e1e1;--status-red-text: #8a2f2f;--status-purple-bg: #ede7f4;--status-purple-text: #4b3a6a;--status-pink-bg: #f6e6ee;--status-pink-text: #7a3c5a;--status-brown-bg: #efe6dd;--status-brown-text: #6b4a35;--status-gray-bg: var(--bg-light-1);--status-gray-text: var(--text-dark-3);--error-bg: #f3e1e1;--error-text: #8a2f2f;--disabled-bg: #d9dde2;--disabled-text: #7a8087;--dark: var(--bg-page);--light: var(--text-primary);--red: var(--accent);--red-dark: var(--accent-dark);--font-option-1: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-option-2: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-option-3: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-option-4: "Source Serif 4", "Times New Roman", serif;--font-option-5: "Playfair Display", "Times New Roman", serif;--font-option-6: "Fraunces", "Times New Roman", serif;--font-sans: var(--font-option-2);--font-display: var(--font-option-6);--font-logo: "Futura", sans-serif;--font-base: 1.6rem;--line-height: 1.6;--space-1: .4rem;--space-2: .8rem;--space-3: 1.2rem;--space-4: 1.6rem;--space-5: 2.4rem;--space-6: 3.2rem;--space-7: 4rem;--space-8: 4.8rem;--space-9: 6.4rem;--space-10: 8rem;--content-max: 1200px;--margin: var(--space-10);--radius-sm: .6rem;--radius-md: 1.2rem;--radius-lg: 1.6rem;--radius-pill: 999px;--shadow-sm: 0 .4rem 1.2rem rgba(0, 0, 0, .2);--shadow-lg: 0 1.5rem 3rem rgba(0, 0, 0, .25);--shadow-color: rgba(0, 0, 0, .25);--tablet-width: 768px;--phone-width: 425px;--desktop-width: 1440px;--ink: var(--text-primary);--muted: var(--text-muted);--bg: var(--bg-page);--panel: var(--bg-surface);--line: var(--border-dark-1);--shadow: var(--shadow-lg)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);background-image:radial-gradient(circle at top left,#fffdf9,#f1e7db 35%,#e9dccf);background-repeat:no-repeat;background-size:cover;background-position:center;color:var(--ink);min-height:100vh;position:relative;line-height:var(--line-height)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/pattern.svg);background-repeat:repeat;background-size:240px 240px;opacity:.18;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.page{max-width:980px;margin:0 auto;padding:48px 24px 64px;display:grid;gap:28px}.hero{padding:24px 28px;background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}h1{margin:0 0 10px;font-size:clamp(2.1rem,3vw,3.3rem);font-weight:600;font-family:var(--font-display)}.lede{margin:0;font-size:1.05rem;color:var(--muted);display:grid;gap:8px}.lede p{margin:0}.panel{padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.view-toggle{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#f2e7dc;border:1px solid var(--line);margin-bottom:16px}.tab{border:none;border-radius:999px;padding:8px 16px;font-weight:600;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease}.tab:hover{color:#fff;background:var(--accent)}.tab.active{background:var(--accent);color:#fff}.label{display:block;font-weight:600;margin-bottom:10px}textarea{width:100%;border-radius:16px;border:1px solid var(--line);padding:14px 16px;font-size:1rem;font-family:IBM Plex Mono,Cascadia Code,Source Code Pro,Menlo,monospace;background:#fffdfb;color:var(--ink);resize:vertical;min-height:120px}.output-box{width:100%;border-radius:16px;border:1px solid var(--line);padding:14px 16px;font-size:1rem;font-family:IBM Plex Mono,Cascadia Code,Source Code Pro,Menlo,monospace;background:#fffdfb;color:var(--ink);min-height:140px;white-space:pre-wrap;word-break:break-word}.output-line{white-space:pre-wrap}.output-line-error{color:#b42318}.actions{margin-top:12px;display:flex;gap:10px}button{border:none;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:transform .2s ease,background .2s ease}button:hover{transform:translateY(-2px);background:var(--accent-dark)}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.ghost:hover{background:#cf4b3214;transform:translateY(-2px)}.builder-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.builder-tabs{margin:18px 0 12px;display:flex;gap:8px;flex-wrap:wrap}.tab-pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fffdfb;color:var(--muted);font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.tab-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-pill:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.builder-grid{margin:18px 0;display:grid;gap:18px}.builder-group h3{margin-bottom:8px}.chip-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}button.chip{background:#fffdfb;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-weight:600;font-size:.92rem;font-family:IBM Plex Mono,Cascadia Code,Source Code Pro,Menlo,monospace;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}button.chip:hover{transform:translateY(-1px);border-color:#d9c9b8;box-shadow:0 8px 20px #00000014}.has-tooltip{position:relative}@media (hover: hover) and (pointer: fine){.has-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(6px);background:#1f2324;color:#fff7ef;padding:8px 10px;border-radius:10px;font-size:.78rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 12px 24px #0003;transition:opacity .2s ease,transform .2s ease;z-index:10}.has-tooltip:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%) translateY(6px);border-width:6px 6px 0 6px;border-style:solid;border-color:#1f2324 transparent transparent transparent;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:9}.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(0)}}.subhead{margin:0 0 12px;font-size:1.2rem}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));color:var(--muted)}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.legend-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--muted)}.legend-list li{line-height:1.4}h3{margin:0 0 6px;font-size:1rem;color:var(--ink)}.hint{margin-top:10px;color:var(--muted);font-size:.95rem}.code{font-family:IBM Plex Mono,Cascadia Code,Source Code Pro,Menlo,monospace;background:#f2e7dc;padding:2px 6px;border-radius:6px;border:1px solid #e1d1c1}@media (max-width: 720px){.page{padding:32px 16px 48px}.actions{flex-direction:column}button{width:100%}.view-toggle{width:100%;justify-content:space-between}.tab{flex:1;text-align:center}.builder-actions{width:100%}.builder-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tab-pill{width:100%;justify-content:center}}