@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(./ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-condensed-latin-500-normal-BqaLkUoX.woff2)format("woff2"),url(./ibm-plex-sans-condensed-latin-500-normal-BLe87hIu.woff)format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2)format("woff2"),url(./ibm-plex-sans-condensed-latin-600-normal-6XnkKYvF.woff)format("woff")}:root{--bg:#12120f;--elev:#1c1c19;--elev2:#262622;--ink:#f0efe8;--soft:#b8b7b0;--muted:#8e8d85;--line:#f0efe81a;--brand:#00b383;--on-brand:#0b1a14;--warn:#e05a4f;--consider:#d39a45;--info:#7c9be0;--glow:#00b38329;--tip-bg:#262622;--k-numeric:#00b383;--k-categorical:#c987ff;--k-datetime:#7c9be0;--k-boolean:#d39a45;--k-identifier:#9a998f;--k-text:#3ccbdb;--k-mixed:#e05a4f;--k-empty:#6e6d65;--display:"Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", sans-serif;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#faf8f1;--elev:#fffdf6;--elev2:#f1eee3;--ink:#1a1a17;--soft:#4a4a44;--muted:#6e6d66;--line:#1a1a171f;--brand:#00805c;--on-brand:#fff;--warn:#ae3030;--consider:#9a6522;--info:#3a5a96;--glow:#009e731a;--tip-bg:#fffdf6;--k-numeric:#00805c;--k-categorical:#9a4fd6;--k-datetime:#3a5a96;--k-boolean:#9a6522;--k-identifier:#6e6d66;--k-text:#1a8796;--k-mixed:#ae3030;--k-empty:#8e8d85;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#faf8f1;--elev:#fffdf6;--elev2:#f1eee3;--ink:#1a1a17;--soft:#4a4a44;--muted:#6e6d66;--line:#1a1a171f;--brand:#00805c;--on-brand:#fff;--warn:#ae3030;--consider:#9a6522;--info:#3a5a96;--glow:#009e731a;--tip-bg:#fffdf6;--k-numeric:#00805c;--k-categorical:#9a4fd6;--k-datetime:#3a5a96;--k-boolean:#9a6522;--k-identifier:#6e6d66;--k-text:#1a8796;--k-mixed:#ae3030;--k-empty:#8e8d85;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:progress}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0}h1,.brand{font-family:var(--display)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{padding-block:0 48px;padding-left:max(clamp(16px, 2.2vw, 48px), env(safe-area-inset-left,0px));padding-right:max(clamp(16px, 2.2vw, 48px), env(safe-area-inset-right,0px))}.top{align-items:center;gap:16px;padding:16px 0;display:flex}.brand{color:inherit;background:0 0;border:0;align-items:center;gap:8px;margin-right:auto;padding:0;font-size:20px;font-weight:700;display:flex}.brand .logo{color:var(--brand);font-size:22px}.brand .dot{color:var(--muted);font-weight:500}.py-status{color:var(--warn);font-size:13px}.py-status:not([data-failed=true]){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.activity{z-index:60;background:var(--elev);max-width:min(640px,100vw - 32px);color:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 16px 12px;font-size:13px;line-height:1.4;position:fixed;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 24px #00000040}.activity-bar{background:var(--glow);height:3px;position:absolute;bottom:0;left:0;right:0}.activity-bar:after{content:"";background:var(--brand);width:30%;animation:1.4s ease-in-out infinite sweep;position:absolute;top:0;bottom:0}@keyframes sweep{0%{left:-30%}to{left:100%}}@media (prefers-reduced-motion:reduce){.activity-bar:after{opacity:.6;width:100%;animation:none;left:0}}.theme{background:var(--elev2);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:13px}.drop{border:1px dashed var(--line);background:radial-gradient(1200px 400px at 10% 0%, var(--glow), transparent 70%), var(--elev);border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;padding:clamp(28px,5vw,72px);transition:border-color .2s,background .2s;display:grid}.drop.compact{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 0 0;display:flex}.drop.compact .drop-main{display:contents}.drop.compact h1{overflow-wrap:anywhere;min-width:0;font-size:24px}.drop.compact .drop-actions{gap:8px;margin:0 0 0 auto}.drop.compact .primary{border:1px solid #0000;padding:7px 14px;font-size:13px;font-weight:600}.drop.compact .load-error,.drop.compact>.drop-main>.read-notes{flex-basis:100%;order:2;margin-top:0}.try-menu{position:relative}.try-menu summary{cursor:pointer;list-style:none;display:block}.try-menu summary::-webkit-details-marker{display:none}.try-panel{z-index:20;width:min(560px,100vw - 32px);color:var(--ink);background:var(--elev);border:1px solid var(--line);gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 28px #00000047}.try-panel .examples{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}.try-panel .example{padding:7px 10px}.try-panel .format-list{margin:0}.try-panel .formats{margin:0;font-size:12px}.drop h1{font-size:clamp(30px,4vw,54px);line-height:1.05}.lede{color:var(--soft);max-width:60ch;margin:16px 0 0;font-size:17px}.drop-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.primary{background:var(--brand);color:var(--on-brand);border:0;border-radius:10px;padding:11px 20px;font-weight:600}.formats{color:var(--muted);font-size:13px}.examples{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px;display:grid}.example{text-align:left;background:var(--elev2);border:1px solid var(--line);border-radius:12px;gap:2px;padding:12px 16px;transition:transform .15s,border-color .15s;display:grid}.example:hover{border-color:var(--brand);transform:translateY(-1px)}.example span{color:var(--muted);font-size:13px}.error{color:var(--warn)}.load-error{max-width:70ch;color:var(--ink);background:var(--elev2);border-left:3px solid var(--warn);overflow-wrap:anywhere;margin-top:14px;padding:10px 14px;font-size:14px}.load-error p{margin:0}.load-error p+p{color:var(--soft);margin-top:4px}.load-error-head{font-weight:600}.load-error details{color:var(--muted);margin-top:8px;font-size:12px}.load-error pre{white-space:pre-wrap;max-height:240px;font-family:var(--mono);margin:6px 0 0;overflow:auto}main{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:16px;font-size:13px}.card{background:var(--elev);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.summary{flex-wrap:wrap;align-items:baseline;gap:6px 20px;display:flex}.stat b{font:600 19px/1.2 var(--display);font-variant-numeric:tabular-nums;margin-right:5px}.stat span{color:var(--muted);font-size:13px}.kinds{flex-wrap:wrap;gap:8px;display:flex}.kinds span{border:1px solid var(--kind);color:var(--kind);border-radius:999px;padding:2px 10px;font-size:13px}.read-info{color:var(--muted);flex-wrap:wrap;flex-basis:100%;align-items:baseline;gap:4px 16px;font-size:13px;display:flex}.sheet-pick select{background:var(--elev2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:6px;max-width:40ch;padding:3px 6px}.read-notes{color:var(--ink);background:var(--elev2);border-left:3px solid var(--consider);overflow-wrap:anywhere;flex-basis:100%;margin:4px 0 0;padding:6px 10px 6px 22px}.read-notes li+li{margin-top:2px}.col-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.col-card{border-top:3px solid var(--kind);flex-direction:column;gap:10px;min-width:0;display:flex}.col-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.col-head h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-family:var(--mono);overflow:hidden}.kind-badge{color:var(--kind);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.desc{color:var(--soft);margin:0;font-size:14px}.kstats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px 12px;margin:0;display:grid}.kstats dt{color:var(--muted);font-size:12px}.kstats dd{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;display:flex}.meta .warn{color:var(--warn)}.tag{background:var(--elev2);border-radius:6px;padding:1px 7px}.why{color:var(--brand);background:0 0;border:0;margin-left:auto;padding:0;font-size:12px}.evidence{color:var(--soft);margin:0;padding-left:18px;font-size:13px}.muted{color:var(--muted)}.suggs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sugg{background:var(--elev2);border-left:3px solid var(--sev);border-radius:10px;padding:9px 12px}.sev-warn{--sev:var(--warn)}.sev-consider{--sev:var(--consider)}.sev-info{--sev:var(--info)}.sugg-head{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;display:flex}.sev-dot{background:var(--sev);border-radius:50%;flex:none;width:7px;height:7px}.sugg-title{font-size:14px;font-weight:600}.chev{color:var(--muted);margin-left:auto}.sugg-plain{color:var(--soft);margin:4px 0 0;font-size:13px}.sugg-tech{color:var(--muted);margin:8px 0;font-size:13px}.code{border:1px solid var(--line);border-radius:8px;overflow:hidden}.code-tabs{background:var(--elev);gap:2px;padding:4px;display:flex}.code-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:2px 10px;font-size:12px}.code-tabs button.on{background:var(--elev2);color:var(--ink)}.code-tabs .copy{margin-left:auto}.code pre{font:12px/1.5 var(--mono);background:var(--bg);margin:0;padding:10px 12px;overflow-x:auto}.table-advice h2{margin-bottom:10px;font-size:15px}.table-advice .suggs{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.assoc{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:8px 32px;display:grid}.assoc-row{grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) auto;align-items:center;gap:12px;font-size:13px;display:grid}.assoc-cols{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assoc-cols i{color:var(--muted);font-style:normal}.bar{background:var(--elev2);border-radius:3px;height:6px;overflow:hidden}.bar span{background:var(--brand);border-radius:3px;height:100%;display:block}.assoc-val{color:var(--muted);white-space:nowrap}.lane{gap:12px;display:grid}.lane-head{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.lane-head h2{font:600 22px/1.2 var(--display)}.lane-head p{color:var(--muted);margin:0;font-size:14px}.idea-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px}.idea-tag.live{color:var(--brand);border-color:var(--brand)}.all-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:6px 24px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.all-list li{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.gallery-note{color:var(--muted);margin:0;font-size:13px}.gallery-wrap{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.secondary{background:var(--elev2);border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.secondary:hover{border-color:var(--brand)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.foot{color:var(--muted);margin-top:8px;font-size:12px}.spark-tip{font:12px var(--sans)!important;background:var(--tip-bg)!important;color:var(--ink)!important;border-color:var(--line)!important}.kstats dd,.assoc-val{font-variant-numeric:tabular-nums}@media (hover:none){.drop-hint{display:none}}@media (width<=760px){.drop:not(.compact){grid-template-columns:minmax(0,1fr);padding:22px 18px}.drop.compact h1{flex-basis:100%;font-size:21px}.drop.compact .drop-actions{margin-left:0}.col-grid,.assoc,.table-advice .suggs{grid-template-columns:minmax(0,1fr)}.drop.compact{position:relative}.try-menu{position:static}.try-panel{width:auto;margin-top:6px;top:100%;left:0;right:0}.assoc-row{grid-template-columns:1fr;gap:4px}}.tabs-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs{gap:4px;display:flex}.tabs button{font:600 15px var(--sans);color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;display:flex}.tabs button.on{color:var(--ink);border-bottom-color:var(--brand)}.badge{background:var(--warn);color:var(--bg);border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.lane{gap:10px}.lane-head h2{font-size:19px}.plot-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:10px;display:grid}.plot-card,.idea-card{border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:10px 12px 12px;display:flex}.plot-card{cursor:zoom-in;transition:border-color .15s,transform .15s}@media (hover:hover){.plot-card:hover{border-color:var(--brand);transform:translateY(-1px)}}.plot-head{min-width:0}.plot-head h3{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.plot-cols{font:11px var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;overflow:hidden}.plot-view{aspect-ratio:16/9;background:var(--elev2);border-radius:8px;width:100%;max-width:100%;position:relative;overflow:hidden}.plot-view img,.plot-view iframe,.studio-plot img,.studio-plot iframe{object-fit:contain;border:0;width:100%;height:100%;display:block}.plot-card .plot-view iframe{pointer-events:none}.plot-status{color:var(--muted);margin:0;font-size:12px}.plot-status.overlay{background:var(--elev);border:1px solid var(--line);border-radius:6px;padding:4px 8px;position:absolute;inset:auto 8px 8px}.idea-card{border-style:dashed}.idea-body{aspect-ratio:16/9;background:repeating-linear-gradient(135deg, var(--elev2) 0 10px, transparent 10px 20px);border-radius:8px;place-items:center;display:grid}.drop-overlay{z-index:70;background:color-mix(in srgb, var(--bg) 82%, transparent);outline:3px dashed var(--brand);outline-offset:-12px;pointer-events:auto;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay div{text-align:center;pointer-events:none;gap:4px;display:grid}.drop-overlay b{font:600 clamp(24px, 4vw, 38px)/1.1 var(--display)}.drop-overlay span{color:var(--soft)}[hidden]{display:none!important}.download-note{color:var(--soft);margin:12px 0 0;font-size:13px}.phone-libs{color:var(--muted);text-transform:none;font-size:12px}.palette-picker{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;display:flex}.landing-scheme{margin-top:14px}.palette-walk{align-items:stretch;min-width:0;display:flex}.palette-walk select{appearance:none;color:var(--ink);border:1px solid var(--line);font:13px var(--sans);background-color:var(--elev2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(-45deg,#0000 50%,currentColor 50%);background-position:right 14px center,right 9px center;background-repeat:no-repeat;background-size:5px 5px;border-width:1px 0;border-radius:0;width:170px;min-width:0;padding:6px 24px 6px 10px}.palette-walk .step{appearance:none;background:var(--elev2);color:var(--ink);border:1px solid var(--line);min-width:32px;min-height:32px;padding:0 10px;font-size:16px;line-height:1}.palette-walk .step:first-child{border-radius:8px 0 0 8px}.palette-walk .step:last-child{border-radius:0 8px 8px 0}.palette-reverse{color:var(--ink);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}@media (width<=600px){.top{flex-wrap:wrap;gap:8px 10px}.top .py-status{flex-basis:100%;order:3}.tabs-row{flex-wrap:wrap;gap:0 12px;padding-bottom:8px}.tabs-row .tabs{flex-basis:100%}.tabs-row .palette-picker>label:first-child{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tabs-row .palette-picker .swatches{display:none}.palette-walk select{width:150px}}.site-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:28px;padding-top:14px;font-size:13px;display:flex}.contact-links{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.contact-links a{color:var(--soft)}.contact-links a:hover{color:var(--brand)}.about{gap:12px;max-width:72ch;padding-block:8px 24px;display:grid}.about h1{font-size:clamp(28px,3.4vw,42px);line-height:1.1}.about h2{margin-top:12px;font-size:18px}.about p{color:var(--soft);margin:0}.about .lede{margin:0}.about a{color:var(--brand)}.about-back{justify-self:start}.about-license summary{cursor:pointer;color:var(--muted);font-size:13px}.about-license pre{font:12px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--soft);background:var(--elev);margin:8px 0 0;padding:12px}.about-libs{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:4px 20px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.about-libs b{font-weight:600}.about-libs span{color:var(--muted)}.format-examples{grid-column:1/-1}.try-menu.format-examples{position:relative}.format-examples>summary.example{box-sizing:border-box;align-content:start;gap:2px;height:100%;display:grid}.format-examples>summary b:after{content:" ▾"}.format-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.format-example{border:1px solid var(--line);background:0 0;border-radius:8px;padding:5px 10px;font-size:13px}.format-example:hover{border-color:var(--brand)}.format-example small{color:var(--muted);font-family:var(--mono);margin-left:4px;font-size:11px}.form-nav{flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.form-nav a{color:var(--soft);text-decoration:none}.form-nav a:hover{color:var(--brand)}.form-nav small,.form-group>h3 small{color:var(--muted);font-size:12px;font-weight:400}.form-group{gap:8px;margin-top:10px;scroll-margin-top:12px;display:grid}.form-group>h3{font-size:14px}.studio{z-index:50;background:var(--bg);padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) 340px;gap:12px;display:grid;position:fixed;inset:0}.studio-plot{background:var(--elev2);border-radius:10px;min-width:0;min-height:0;position:relative;overflow:hidden}.studio-side{background:var(--elev);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.studio-side header{padding-right:64px;position:relative}.studio-side h2{font:600 20px/1.2 var(--display)}.studio-side .close{background:var(--elev2);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:13px;position:absolute;top:0;right:0}.studio-reason{color:var(--soft);overflow-wrap:anywhere;margin:0;font-size:13px}.studio-group{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.opt{color:var(--muted);text-transform:capitalize;grid-template-columns:minmax(0,1fr);gap:4px;font-size:12px;display:grid}.opt input[type=text],.opt input[type=number],.opt select{background:var(--bg);color:var(--ink);border:1px solid var(--line);font:13px var(--sans);text-transform:none;border-radius:8px;padding:7px 9px}.opt select{min-width:0}.opt input:focus,.opt select:focus{border-color:var(--brand);outline:none}.opt-check{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.seg{border:1px solid var(--line);border-radius:8px;width:max-content;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);text-transform:capitalize;background:0 0;border:0;padding:6px 14px;font-size:13px}.seg button.on{background:var(--elev2);color:var(--ink)}.studio-actions{border-top:1px solid var(--line);color:var(--muted);flex:none;align-items:center;gap:10px;padding:10px 16px 12px;font-size:12px;display:flex}.studio-actions .seg{flex:1;grid-template-columns:repeat(4,1fr);width:auto;display:grid}.studio-actions .seg button{color:var(--ink);padding:7px 4px;font-weight:600}.studio-actions .seg button+button{border-left:1px solid var(--line)}.studio:focus{outline:none}@media (width<=900px) and (orientation:portrait){.studio{padding-top:calc(max(12px, env(safe-area-inset-top,0px)) + 44px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-plot{height:45dvh;min-height:200px}.studio-plot.fixed-aspect{aspect-ratio:16/9;height:auto;min-height:0}.studio-side .close{top:max(12px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));z-index:51;position:fixed}.studio-side header{padding-right:0}}@media (width<=599px) and (orientation:portrait){.studio-plot{height:36dvh}}@media (height<=600px) and (orientation:landscape){.studio{grid-template-columns:minmax(0,1fr) 300px;gap:8px}.studio-scroll{gap:10px;padding:12px}}.swatches{flex:none;gap:2px;width:120px;height:10px;display:flex}.swatches i{border-radius:2px;flex:1;min-width:0;display:block}.palette-grid{z-index:2;overscroll-behavior:contain;background:var(--bg);flex-direction:column;gap:12px;padding:0 12px 12px;display:flex;position:absolute;inset:0;overflow-y:auto}.palette-grid-bar{z-index:1;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 0;font-size:13px;display:flex;position:sticky;top:0}.palette-grid-bar h3{font:600 16px/1.2 var(--display);margin-right:auto}.palette-grid-bar p{color:var(--muted);flex-basis:100%;margin:0;font-size:12px}.palette-grid h4{color:var(--soft);margin:0 0 6px;font-size:13px;font-weight:600}.palette-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;display:grid}.palette-tile{text-align:left;background:var(--elev);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:6px;display:flex}.palette-tile:hover{border-color:var(--soft)}.palette-tile.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.palette-tile-head{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.palette-tile-head b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.palette-tile-head .swatches{width:72px;height:8px}.palette-tile .plot-view{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.palette-tile .plot-view img,.palette-tile .plot-view iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}@media (width<=900px),(height<=600px){.palette-grid{z-index:52;padding-top:env(safe-area-inset-top,0px);position:fixed;inset:0}.palette-tile-head{flex-wrap:wrap;gap:2px 8px}.palette-tile-head b{flex-basis:100%}}@media (width<=599px){.palette-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.opt input[type=range]{accent-color:var(--brand)}.role-multi{border:0;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;display:flex}.role-multi legend{color:var(--soft);margin-bottom:4px;padding:0;font-size:13px}.role-multi small{color:var(--muted)}.role-multi .opt-check{text-transform:none;font-size:13px}.table-preview{max-height:380px;padding:0;overflow:auto}.table-preview table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.table-preview th,.table-preview td{text-overflow:ellipsis;text-align:left;border-bottom:1px solid var(--line);max-width:260px;padding:4px 12px;overflow:hidden}.table-preview th{z-index:1;background:var(--elev);font-weight:600;position:sticky;top:0}.table-preview .num{text-align:right}.table-preview .missing{color:var(--muted)}.preview-note{color:var(--muted);margin:6px 0 0;font-size:13px}.to-check{font:inherit;color:var(--warn);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;align-self:center;padding:0;font-size:13px;text-decoration:underline}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wall{display:none}[data-look] .wall{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin-top:14px;display:grid}.wall button{text-align:left;color:var(--muted);background:0 0;border:0;gap:4px;min-width:0;padding:0;font-size:12px;display:grid}.wall img{aspect-ratio:16/9;background:#faf8f1;width:100%;height:auto;display:block}.wall button:hover span{color:var(--ink)}[data-look] .drop:not(.compact){grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:start;padding:clamp(20px,3vw,36px)}[data-look] .drop:not(.compact) h1{font-size:clamp(28px,3.4vw,46px)}[data-look] .drop:not(.compact) .lede{margin-top:10px;font-size:16px}[data-look] .drop:not(.compact) .drop-actions{margin-top:16px}[data-look] .example span{font-size:12px;line-height:1.3}[data-look] .examples{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:8px}@media (width>=1000px){.drop:not(.compact) .examples{grid-template-columns:repeat(3,minmax(0,1fr))}.drop:not(.compact) .format-examples{grid-column:auto}}@media (width<=760px){[data-look] .drop:not(.compact){grid-template-columns:minmax(0,1fr)}.drop:not(.compact) .examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.drop:not(.compact) .example{padding:8px 10px}.drop:not(.compact) .example span{display:none}}:root[data-look=sheet]{--bg:#1e1f21;--elev:#2a2b2e;--elev2:#36373b;--ink:#f3f2ed;--soft:#c5c5c0;--muted:#a2a29c;--warn:#e8877f;--line:#f3f2ed24;--brand:#f4c430;--on-brand:#1e1f21;--glow:transparent;--tip-bg:#36373b;--display:"IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root[data-look=sheet]:not([data-theme=dark]){--bg:#e2e2df;--elev:#eeeeeb;--elev2:#f6f6f3;--ink:#161615;--soft:#3c3c39;--muted:#5c5c57;--line:#16161533;--brand:#a3211b;--on-brand:#fff;--tip-bg:#e9e9e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--warn:#ae3030;--consider:#87591e;--k-numeric:#007151;--k-categorical:#8b34d0;--k-boolean:#87591e;--k-identifier:#5c5c57;--k-text:#156c78}}:root[data-look=sheet][data-theme=light]{--bg:#e2e2df;--elev:#eeeeeb;--elev2:#f6f6f3;--ink:#161615;--soft:#3c3c39;--muted:#5c5c57;--line:#16161533;--brand:#a3211b;--on-brand:#fff;--tip-bg:#e9e9e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--warn:#ae3030;--consider:#87591e;--k-numeric:#007151;--k-categorical:#8b34d0;--k-boolean:#87591e;--k-identifier:#5c5c57;--k-text:#156c78}[data-look=sheet] .drop,[data-look=sheet] .drop:not(.compact){background:0 0;border:0;border-radius:0;padding-inline:0}[data-look=sheet] .try-panel{border-radius:2px}[data-look=sheet] h1{letter-spacing:-.015em;font-weight:600}[data-look=sheet] .example{background:var(--elev);border-radius:2px}[data-look=sheet] .primary,[data-look=sheet] .card{border-radius:2px}[data-look=sheet] .plot-grid{gap:14px 10px}[data-look=sheet] .plot-card{background:0 0;border:0;border-radius:0;flex-direction:column-reverse;gap:4px;padding:0;position:relative}[data-look=sheet] .plot-card:hover{transform:none}[data-look=sheet] .plot-view{background:#faf8f1;border-radius:0;box-shadow:0 1px 3px #00000059}[data-look=sheet] .plot-card:focus-visible .plot-view{outline:3px solid var(--brand);outline-offset:2px}@media (hover:hover){[data-look=sheet] .plot-card:hover .plot-view,[data-look=sheet] .wall button:hover img{outline:3px solid var(--brand);outline-offset:2px}}[data-look=sheet] .plot-card:focus-visible{outline:none}[data-look=sheet] .plot-head{align-items:baseline;gap:8px;min-width:0;display:flex}[data-look=sheet] .plot-head h3{font:500 12px/1.3 var(--mono);letter-spacing:0;flex:0 auto}[data-look=sheet] .plot-cols{color:var(--muted);flex:1 1 0;min-width:0;margin:0}[data-look=sheet] .lane-head h2{font:600 15px/1.2 var(--display);text-transform:uppercase;letter-spacing:.06em}[data-look=sheet] .lane-head p{font-size:13px}[data-look=sheet] .tabs button.on{border-bottom-width:3px}[data-look=sheet] .form-group>h3{font:600 13px/1.2 var(--display);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--line);padding-top:8px}[data-look=sheet] .form-nav{font-family:var(--mono);font-size:12px}[data-look=sheet] .format-example{border-radius:2px}[data-look=sheet] .palette-walk .step:first-child{border-radius:2px 0 0 2px}[data-look=sheet] .palette-walk .step:last-child{border-radius:0 2px 2px 0}[data-look=sheet] .wall img{box-shadow:0 1px 3px #00000059}[data-look=sheet] .wall span{font-family:var(--mono)}[data-look=sheet] .studio-side,[data-look=sheet] .studio-plot{border-radius:2px}[data-look=sheet] .studio-plot{background:#faf8f1}[data-look=sheet] .sugg,[data-look=sheet] .code,[data-look=sheet] .tag,[data-look=sheet] .theme,[data-look=sheet] .secondary,[data-look=sheet] .seg,[data-look=sheet] .activity,[data-look=sheet] .plot-status.overlay,[data-look=sheet] .studio-side .close,[data-look=sheet] .opt input[type=text],[data-look=sheet] .opt input[type=number],[data-look=sheet] .opt select{border-radius:2px}:root[data-look=clean]{--bg:#f4f6f8;--elev:#fff;--elev2:#edf0f3;--ink:#10161d;--soft:#435060;--muted:#66727f;--line:#10161d17;--brand:#1f5fd6;--on-brand:#fff;--glow:transparent;--tip-bg:#fff;--display:"Instrument Sans Variable", ui-sans-serif, system-ui, sans-serif;--sans:"Instrument Sans Variable", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-look=clean]:not([data-theme=light]){--bg:#0f141a;--elev:#182029;--elev2:#222c37;--ink:#edf1f5;--soft:#aeb9c5;--muted:#84909c;--line:#edf1f51a;--brand:#6c9ef8;--on-brand:#0f141a;--tip-bg:#222c37;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-look=clean][data-theme=dark]{--bg:#0f141a;--elev:#182029;--elev2:#222c37;--ink:#edf1f5;--soft:#aeb9c5;--muted:#84909c;--line:#edf1f51a;--brand:#6c9ef8;--on-brand:#0f141a;--tip-bg:#222c37;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-look=clean] h1{letter-spacing:-.025em;font-weight:600}[data-look=clean] .drop{background:var(--elev);border:1px dashed #64738259;border-radius:16px}[data-look=clean] .example{background:var(--bg);border-color:#0000;border-radius:10px}[data-look=clean] .plot-card{border:0;border-radius:12px;box-shadow:0 1px 2px #10161d0f,0 4px 14px #10161d0d}@media (hover:hover){[data-look=clean] .plot-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #10161d14,0 10px 26px #10161d1c}}[data-look=clean] .drop.compact{padding:10px 14px}[data-look=clean] .try-panel{border-radius:10px}[data-look=clean] .plot-view{background:0 0;border-radius:6px}[data-look=clean] .plot-head h3{font-weight:600}[data-look=clean] .plot-cols{font-family:var(--sans);font-size:12px}[data-look=clean] .lane-head h2{letter-spacing:-.015em;font-size:18px;font-weight:600}[data-look=clean] .wall img{border-radius:8px;box-shadow:0 1px 2px #10161d0f,0 4px 14px #10161d0d}[data-look=clean] .wall button:hover img{box-shadow:0 10px 26px #10161d29}:root[data-look=swatch]{--bg:#fff;--elev:#fff;--elev2:#f0f0ee;--ink:#15151a;--soft:#3d3d45;--muted:#63636c;--line:#15151a;--brand:#4467a3;--on-brand:#fff;--glow:transparent;--tip-bg:#fff;--band-1:#009e73;--band-2:#c475fd;--band-3:#bd8233;--band-4:#2abccd;--band-ink:#15151a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-look=swatch]:not([data-theme=light]){--bg:#15151a;--elev:#1f1f26;--elev2:#2a2a33;--ink:#f5f5f2;--soft:#c9c9cf;--muted:#9a9aa3;--line:#f5f5f2;--brand:#8faee6;--on-brand:#15151a;--tip-bg:#2a2a33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-look=swatch][data-theme=dark]{--bg:#15151a;--elev:#1f1f26;--elev2:#2a2a33;--ink:#f5f5f2;--soft:#c9c9cf;--muted:#9a9aa3;--line:#f5f5f2;--brand:#8faee6;--on-brand:#15151a;--tip-bg:#2a2a33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-look=swatch] h1{letter-spacing:-.03em;font-weight:800}[data-look=swatch] .drop{background:var(--band-2);color:var(--band-ink);border:2px solid var(--line);border-radius:0}[data-look=swatch] .drop .lede,[data-look=swatch] .drop .formats{color:var(--band-ink)}[data-look=swatch] .drop .example{color:var(--band-ink);border:2px solid var(--band-ink);background:#fff;border-radius:0}[data-look=swatch] .drop .example span{color:#3d3d45}[data-look=swatch] .drop .primary{background:var(--band-ink);color:#fff;border-radius:0}[data-look=swatch] .drop .format-examples summary,[data-look=swatch] .drop .format-example,[data-look=swatch] .drop .format-example small{color:var(--band-ink)}[data-look=swatch] .drop .format-example{border:2px solid var(--band-ink);background:#fff;border-radius:0}[data-look=swatch] .drop .example:hover{box-shadow:4px 4px 0 var(--band-ink);border-color:var(--band-ink);transform:translate(-2px,-2px)}[data-look=swatch] .card,[data-look=swatch] .secondary,[data-look=swatch] .theme{border-width:2px;border-radius:0}[data-look=swatch] .plot-card{border:2px solid var(--line);border-radius:0;gap:0;padding:0}@media (hover:hover){[data-look=swatch] .plot-card:hover{box-shadow:4px 4px 0 var(--line);border-color:var(--line);transform:translate(-2px,-2px)}}[data-look=swatch] .drop.compact{padding:10px 14px}[data-look=swatch] .try-panel{border:2px solid var(--line)}[data-look=swatch] .plot-head{border-bottom:2px solid var(--line);padding:7px 10px}[data-look=swatch] .plot-head h3{font:700 14px/1.2 var(--display);letter-spacing:-.01em}[data-look=swatch] .plot-view{background:#faf8f1;border-radius:0}[data-look=swatch] .lane-head{color:var(--band-ink);background:var(--band-1);border:2px solid var(--line);padding:8px 12px}[data-look=swatch] .lane-head p,[data-look=swatch] .lane-head h2{color:var(--band-ink)}[data-look=swatch] .lane:nth-of-type(2n) .lane-head{background:var(--band-3)}[data-look=swatch] .lane:nth-of-type(3n) .lane-head{background:var(--band-4)}[data-look=swatch] .lane-head h2{letter-spacing:-.02em;font-size:20px;font-weight:800}[data-look=swatch] .wall{border:2px solid var(--line);gap:0}[data-look=swatch] .wall button{outline:1px solid var(--line);background:var(--elev);gap:0}[data-look=swatch] .wall span{color:var(--ink);padding:4px 8px;font-weight:600}[data-look=swatch] .wall button:hover span{background:var(--band-2);color:var(--band-ink)}[data-look=swatch] .studio-side,[data-look=swatch] .studio-plot{border:2px solid var(--line);border-radius:0}