:root{--paper: #faf6ef;--paper-deep: #f2ece1;--ink: #211d18;--ink-soft: #5c554b;--line: #e2d9ca;--accent: #3947c6;--accent-soft: #e7e9fb;--ok: #1e7a46;--ok-soft: #e2f2e7;--warn: #9a6210;--warn-soft: #f7ecd8;--code-bg: #1b1712;--code-panel: #241f18;--code-line: #37302636;--c-key: #ffc46b;--c-str: #b4d9a9;--c-num: #a5b8ff;--c-punct: #948b7e;--c-plain: #ede6da;--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:0 auto;padding:0 24px 80px}header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:28px 0 8px;border-bottom:2px solid var(--ink)}.brand{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.01em;text-decoration:none;color:inherit}.brand .bang{color:var(--accent)}.brand .studio{font-weight:500;color:var(--ink-soft);margin-left:10px;font-size:18px}.header-note{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-soft)}.hero{padding:34px 0 26px}.hero h1{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,48px);line-height:1.05;letter-spacing:-.02em;margin:0 0 10px;max-width:720px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin:0;color:var(--ink-soft);max-width:560px}.pills{display:flex;gap:8px;overflow-x:auto;padding:18px 0 22px;scrollbar-width:thin}.pill{flex:0 0 auto;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.pill:hover{border-color:var(--ink)}.pill[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pill:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}@media(max-width:900px){.grid{grid-template-columns:1fr}}.form-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:26px}.form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.form-head h2{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:21px;margin:0;letter-spacing:-.01em}.btn{font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:9px;cursor:pointer;border:1.5px solid var(--ink);background:#fff;color:var(--ink);transition:background .15s,color .15s}.btn:hover{background:var(--ink);color:var(--paper)}.btn-accent{border-color:var(--accent);color:var(--accent)}.btn-accent:hover{background:var(--accent);color:#fff}.field{margin-bottom:16px}.field label{display:block;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink-soft);margin-bottom:6px}.field label .req{color:var(--accent);font-weight:600}.field input,.field textarea,.field select{width:100%;font-family:IBM Plex Sans,sans-serif;font-size:15px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:9px;padding:10px 12px;transition:border-color .15s}.field input:hover,.field textarea:hover,.field select:hover{border-color:#c9bda8}.field textarea{resize:vertical;min-height:78px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235C554B' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.row2{grid-template-columns:1fr}}fieldset.group{border:1.5px solid var(--line);border-radius:11px;padding:16px 16px 2px;margin:0 0 18px}fieldset.group legend{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:var(--accent);padding:0 8px;letter-spacing:.04em}.repeat-item{border:1.5px solid var(--line);border-left:4px solid var(--accent);border-radius:11px;padding:16px 16px 2px;margin-bottom:12px;position:relative;background:var(--paper)}.repeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.repeat-head .idx{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:var(--ink-soft)}.remove-btn{font-family:IBM Plex Mono,monospace;font-size:12px;border:none;background:none;color:var(--ink-soft);cursor:pointer;padding:4px 6px;border-radius:6px}.remove-btn:hover{color:#a0332b;background:#f6e4e1}.add-btn{width:100%;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;padding:11px;border-radius:9px;cursor:pointer;border:1.5px dashed var(--line);background:none;color:var(--ink-soft);transition:border-color .15s,color .15s;margin-bottom:18px}.add-btn:hover{border-color:var(--accent);color:var(--accent)}.code-col{position:sticky;top:20px}@media(max-width:900px){.code-col{position:static}}.code-panel{background:var(--code-bg);border-radius:var(--radius);overflow:hidden;border:1.5px solid #100d09;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}@media(max-width:900px){.code-panel{max-height:none}}.code-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;background:var(--code-panel);border-bottom:1px solid #37302666}.code-head .tab{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:#b8ae9e;letter-spacing:.03em}.status-pill{font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:7px}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill.ok{background:var(--ok-soft);color:var(--ok)}.status-pill.warn{background:var(--warn-soft);color:var(--warn)}.code-scroll{overflow:auto;flex:1}pre.code{margin:0;padding:20px 22px 26px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.65;color:var(--c-plain);white-space:pre;tab-size:2}pre.code .k{color:var(--c-key)}pre.code .s{color:var(--c-str)}pre.code .n{color:var(--c-num)}pre.code .p{color:var(--c-punct)}pre.code .tag{color:#8d857b}.code-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 18px;background:var(--code-panel);border-top:1px solid #37302666}.code-actions .btn{background:transparent;color:var(--c-plain);border-color:#4a4234}.code-actions .btn:hover{background:var(--c-plain);color:var(--code-bg);border-color:var(--c-plain)}.code-actions .btn.copied{border-color:var(--c-str);color:var(--c-str);background:transparent}.rrt-link{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:var(--c-key);text-decoration:none;border-bottom:1px solid #ffc46b55;padding-bottom:1px}.rrt-link:hover{border-bottom-color:var(--c-key)}@media(max-width:520px){.rrt-link{margin-left:0}}.content{margin-top:64px;max-width:820px}.content h2{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(24px,3vw,32px);line-height:1.1;letter-spacing:-.02em;margin:40px 0 14px}.content h2:first-child{margin-top:0}.content h3{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em;margin:26px 0 8px}.content p{color:var(--ink-soft);margin:0 0 16px;max-width:720px}.content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft)}.content a:hover{border-bottom-color:var(--accent)}.content strong{color:var(--ink);font-weight:600}.type-list{list-style:none;padding:0;margin:8px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}@media(max-width:620px){.type-list{grid-template-columns:1fr}}.type-list li{padding-left:18px;position:relative;color:var(--ink-soft);font-size:14.5px}.type-list li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--accent)}.type-list li strong{font-family:IBM Plex Mono,monospace;font-size:13px}footer{margin-top:56px;padding-top:18px;border-top:1.5px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}