:root{--ink: #101315;--muted: #5f6b6d;--accent: #cf4b32;--accent-dark: #9e3724;--bg: #f4efe8;--panel: #fff8f1;--line: #e2d7cb;--shadow: 0 24px 60px rgba(0, 0, 0, .12)}*{box-sizing:border-box}body{margin:0;font-family:Freight Text Pro,Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,serif;background:radial-gradient(circle at top left,#fffdf9,#f1e7db 35%,#e9dccf);color:var(--ink);min-height:100vh}.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}.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.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}.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{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}}