@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f7f5;--paper:#fffffe;--ink:#00473e;--text:#475d5b;--line:#b8cec4;--soft:#e5eee9;--gold:#faae2b;--gold-hover:#ef9e18;--on-gold:#00332c;--pink:#ffa8ba;--code:#00332c;--on-code:#f2f7f5;--sidebar:228px;--mono:"IBM Plex Mono", monospace;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:100px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#004643;--paper:#07524d;--ink:#fffffe;--text:#abd1c6;--line:#427a70;--soft:#0a5750;--gold:#f9bc60;--gold-hover:#ffd089;--on-gold:#001e1d;--pink:#eaa5a7;--code:#001e1d;--on-code:#e8e4e6}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-size:14px;line-height:1.65}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}button{background:0 0;border:0}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:4px;text-decoration:underline}button:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{color:var(--on-gold);background:var(--gold)}h1,h2,h3,p,pre,dl{margin:0}code,.mono{font-family:var(--mono)}[hidden]{display:none!important}[data-v2]{white-space:pre-line}.icon-library{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--paper);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.topbar{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);min-height:72px;display:flex;position:sticky;top:0}.brand{flex:0 0 var(--sidebar);letter-spacing:-.8px;border-right:1px solid var(--line);align-items:center;gap:9px;padding:0 25px;font-size:21px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.beta{border:1px solid var(--line);font:9px/1.7 var(--mono);letter-spacing:0;color:var(--text);border-radius:3px;align-self:center;margin-left:2px;padding:0 4px}.logo-dark,.dark-only,[data-theme=dark] .logo-light,[data-theme=dark] .light-only{display:none}[data-theme=dark] .logo-dark,[data-theme=dark] .dark-only{display:block}.topbar-content{flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:0 40px;display:flex}.header-caption{color:var(--text);font-size:12px}.header-controls{align-items:center;gap:20px;font-size:12px;display:flex}.header-controls button{min-width:26px;padding:6px 0}.icon-button{border-radius:3px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{background:var(--soft)}.github-link{border-left:1px solid var(--line);align-items:center;gap:5px;padding-left:20px;display:inline-flex}.github-link .icon{width:14px}#nav-toggle{display:none}.site-layout{grid-template-columns:var(--sidebar) minmax(0, 1fr);display:grid}.sidebar{flex-direction:column;justify-content:space-between;height:calc(100dvh - 72px);max-height:1000px;padding:35px 20px 22px;display:flex;position:sticky;top:72px;overflow-y:auto}.nav-label{font:9px/1.6 var(--mono);letter-spacing:1.4px;color:var(--text);margin:28px 0 10px;padding:0 12px}.nav-label:first-child{margin-top:0}.nav-link{color:var(--text);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;margin:2px 0;padding:8px 12px;font-size:13px;display:flex;position:relative}.nav-link:hover{background:var(--soft);text-decoration:none}.nav-link.active{background:var(--soft);color:var(--ink);font-weight:600}.nav-link.active:before{content:"";background:var(--gold);width:3px;position:absolute;top:8px;bottom:8px;left:-20px}.nav-index{font:10px var(--mono);color:var(--text)}.nav-link .icon{width:12px;height:12px}.nav-new{font:8px var(--mono);color:var(--on-gold);background:var(--gold);border-radius:2px;padding:3px 4px}.sidebar-bottom{border-top:1px solid var(--line);color:var(--text);margin-top:48px;padding:18px 10px 0;font-size:11px}.sidebar-bottom p{align-items:center;gap:7px;margin-bottom:7px;font-size:10px;display:flex}.sidebar-bottom>span{line-height:1.8;display:block}.status-dot{background:var(--ink);border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}main{border-left:1px solid var(--line);min-width:0;padding:44px clamp(32px,4.7vw,76px) 0}main>section,.footer{max-width:1100px;margin-inline:auto}.eyebrow{color:var(--text);align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow>span:last-child{font:9px var(--mono);letter-spacing:.8px}.eyebrow-rule{background:var(--line);width:28px;height:1px;margin-left:auto}.section-number{font:10px var(--mono);color:var(--text);flex:none}.intro-heading{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}h1{letter-spacing:-1.9px;font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.2}h1 em{letter-spacing:-.9px;font-family:Instrument Serif,Georgia,serif;font-size:1.16em;font-weight:400}.intro-mark{color:var(--gold);font-size:70px;line-height:.9;display:inline-block;transform:rotate(8deg)}.intro-copy{max-width:620px;color:var(--text);margin-top:19px;font-size:15px;line-height:1.8}.intro-meta{color:var(--text);flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;font-size:10px;display:flex}.intro-meta>i{background:var(--line);border-radius:50%;width:3px;height:3px}.intro-meta>a{color:var(--ink);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.intro-meta .icon{width:14px}.workbench{border:1px solid var(--line);background:var(--paper);box-shadow:0 5px 18px color-mix(in srgb, var(--ink) 4%, transparent);border-radius:9px;margin-top:29px;overflow:hidden}.workbench-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;display:flex}.workbench-title{align-items:center;gap:9px;font-size:11px;font-weight:500;display:flex}.workbench-title .icon{width:14px;height:14px}.sample-label{color:var(--text);letter-spacing:1px;font-size:8px}.workbench-tabs{border-bottom:1px solid var(--line);background:var(--bg);gap:25px;padding:0 19px;display:flex}.workbench-tabs button{color:var(--text);align-items:center;gap:7px;padding:13px 0;font-size:11px;display:inline-flex;position:relative}.workbench-tabs .icon{width:14px;height:14px}.workbench-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}.workbench-tabs button[aria-selected=true]:after{background:var(--gold);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.workbench-stage{grid-template-columns:minmax(0,1fr) 300px;display:grid}.sample-canvas{background-color:var(--soft);background-image:radial-gradient(color-mix(in srgb, var(--ink) 13%, transparent) .6px, transparent .6px);background-size:12px 12px;min-width:0;padding:21px 26px 20px}.canvas-caption{color:var(--text);align-items:center;gap:6px;font-size:8px;display:flex}.canvas-caption .status-dot{width:4px;height:4px}.canvas-caption .icon{width:11px;height:11px;margin-left:auto}.workspace-card{background:var(--paper);border:1px solid var(--line);box-shadow:0 5px 9px color-mix(in srgb, var(--ink) 3%, transparent);border-radius:7px;margin-top:22px;padding:25px 23px 22px}.workspace-heading{align-items:center;gap:10px;display:flex}.workspace-icon{background:var(--gold);width:37px;height:37px;color:var(--on-gold);border-radius:7px;place-items:center;font-family:Instrument Serif,Georgia,serif;font-size:25px;display:grid;position:relative}.workspace-icon>span{font:12px var(--mono);position:absolute;top:0;right:3px}.tiny-label{font:7px var(--mono);letter-spacing:1.1px;color:var(--text);margin-bottom:2px;display:block}.workspace-heading h3{letter-spacing:-.2px;font-size:13px;font-weight:600}.workspace-menu{align-self:start;margin-left:auto;font-size:15px}.workspace-description{color:var(--text);margin-top:18px;font-size:10px}.workspace-team{color:var(--text);align-items:center;gap:10px;margin:15px 0 26px;font-size:9px;display:flex}.avatars{padding-left:4px;display:flex}.avatars span{border:2px solid var(--paper);background:var(--soft);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-4px;font-size:6px;font-weight:600;display:grid}.avatars span:nth-child(2){background:var(--pink);color:var(--on-gold)}.avatars span:nth-child(3){background:var(--gold);color:var(--on-gold)}.workspace-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:21px;display:flex}.workspace-footer>.mono{color:var(--text);letter-spacing:.5px;font-size:6px}.selection-frame{border:1px solid var(--ink);outline:3px solid color-mix(in srgb, var(--ink) 4%, transparent);margin-left:auto;padding:3px;position:relative}.selection-frame:before,.selection-frame:after{background:var(--paper);border:1px solid var(--ink);content:"";width:4px;height:4px;position:absolute}.selection-frame:before{top:-3px;left:-3px}.selection-frame:after{bottom:-3px;right:-3px}.workspace-save{white-space:nowrap;background:var(--gold);min-height:36px;color:var(--on-gold);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:8px 24px;font-size:11px;font-weight:600;transition:padding .15s;display:flex}.workspace-save .icon{width:12px;height:12px}.workspace-save:hover{background:var(--gold-hover);color:var(--on-gold)}.target-label{background:var(--ink);color:var(--paper);white-space:nowrap;padding:1px 4px;font-size:6px;position:absolute;bottom:calc(100% + 4px);right:-1px}.sample-marker{border:1px solid var(--ink);background:var(--gold);width:19px;height:19px;color:var(--on-gold);font:10px var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;right:-9px}.canvas-foot{color:var(--text);align-items:center;gap:7px;margin-top:17px;font-size:9px;display:flex}.bracket{font:17px var(--mono)}.context-panels{border-left:1px solid var(--line);min-width:0;padding:22px 20px}.context-heading{align-items:center;gap:8px;margin-bottom:21px;font-size:11px;display:flex}.context-heading>.mono{color:var(--text);margin-left:auto;font-size:8px}.note-number{background:var(--gold);width:18px;height:18px;color:var(--on-gold);font:9px var(--mono);border-radius:50%;place-items:center;display:grid}.field-label{color:var(--text);font:8px var(--mono);letter-spacing:1px;margin-bottom:8px;display:block}#feedback-input{resize:vertical;border:1px solid var(--line);background:var(--bg);border-radius:4px;width:100%;min-height:90px;padding:12px;font-size:12px;line-height:1.65;display:block}.context-attached{align-items:center;gap:6px;margin-top:20px;font-size:9px;display:flex}.context-attached .icon{width:12px;height:12px}.context-data{margin-top:10px;font-size:9px}.context-data>div{justify-content:space-between;gap:8px;padding:5px 0;display:flex}.context-data dt{color:var(--text)}.context-data dd{font-family:var(--mono);margin:0;font-size:8px}.range-label{justify-content:space-between;align-items:center;margin:26px 0 12px;font-size:11px;display:flex}.range-label output{font:11px var(--mono);background:var(--soft);border-radius:3px;padding:3px 6px}#padding-control{width:100%;accent-color:var(--ink);margin:0 0 22px}.style-property{font:10px var(--mono);justify-content:space-between;gap:8px;margin:7px 0;display:flex}.style-property>span{color:var(--text)}.panel-description{color:var(--text);margin-top:20px;font-size:10px;line-height:1.7}.direction-options{border:none;gap:7px;margin:0;padding:0;display:grid}.direction-options label{border:1px solid var(--line);cursor:pointer;border-radius:4px;align-items:center;gap:9px;padding:9px 10px;font-size:10px;display:flex;position:relative}.direction-options label:has(input:checked){border-color:var(--ink);background:var(--soft)}.direction-options input{width:12px;height:12px;accent-color:var(--ink);margin:0}.direction-options .mono{color:var(--text);margin-left:auto;font-size:8px}.direction-swatch{border:1px solid #0000;border-radius:2px;width:19px;height:12px}.original-swatch{background:var(--gold)}.outline-swatch{border-color:var(--ink)}.solid-swatch{background:var(--ink)}[data-direction=outline] .workspace-save{border-color:var(--ink);background:var(--paper);color:var(--ink)}[data-direction=solid] .workspace-save{background:var(--ink);color:var(--paper)}.workbench-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:11px 18px;font-size:10px;display:flex}.workbench-foot>span{color:var(--text);align-items:center;gap:6px;display:flex}.workbench-foot button{align-items:center;gap:6px;padding:0;font-size:10px;font-weight:500;display:inline-flex}.workbench-foot .icon{width:12px;height:12px}.workflow-line{color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:10px;display:flex}.workflow-line>span{align-items:center;gap:7px;display:flex}.workflow-line b{font:8px var(--mono);color:var(--ink)}.workflow-line .icon{width:13px;height:13px;color:var(--line)}.content-section{border-top:1px solid var(--line);margin-top:53px;padding-top:53px}.section-heading{align-items:center;gap:14px;display:flex}h2{letter-spacing:-.7px;font-size:24px;font-weight:500;line-height:1.3}.section-side{letter-spacing:1px;color:var(--text);margin-left:auto;font-size:8px}.section-description{color:var(--text);margin-top:14px;font-size:14px}.setup-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:31px;display:grid}.setup-step{min-width:0}.setup-step h3{align-items:center;gap:9px;margin-bottom:15px;font-size:12px;font-weight:500;display:flex}.step-letter{font:italic 23px Instrument Serif,Georgia,serif}.setup-step h3>.mono{color:var(--text);margin-left:auto;font-size:8px}.command-block{border:1px solid var(--line);background:var(--paper);border-radius:5px;margin-bottom:12px;overflow:hidden}.command-head,.code-head{border-bottom:1px solid var(--line);font:10px var(--mono);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.package-tabs,.output-tabs{gap:14px;display:flex}.package-tabs button,.output-tabs button{font:inherit;color:inherit;padding:0}.package-tabs button[aria-pressed=true]{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.command-block pre{padding:13px 14px;font-size:12px;overflow-x:auto}.code-block{background:var(--code);color:var(--on-code);border-radius:5px;overflow:hidden}.code-block .code-head{color:#abd1c6;border-color:#376456}.code-head .icon{width:12px;height:12px}.code-block .icon-button:hover{color:#fff;background:#174d40}.code-block pre{font:12px/1.9 var(--mono);tab-size:2;padding:17px 16px 21px;overflow-x:auto}.syntax-key{color:#abd1c6}.syntax-string{color:#f9bc60}.small-note{color:var(--text);margin-top:14px;font-size:12px;line-height:1.8}.text-link{align-items:center;gap:9px;margin-top:12px;font-size:11px;display:inline-flex}.text-link .icon{width:14px}.requirements{border-top:1px dashed var(--line);font:9px var(--mono);color:var(--text);align-items:center;gap:9px;margin-top:25px;padding:13px 0 0;display:flex}.requirements .icon{width:14px}.requirements a{color:var(--ink);margin-left:auto;font:11px DM Sans,sans-serif}.key-hints{color:var(--text);flex-wrap:wrap;gap:18px;margin-top:17px;font-size:10px;display:flex}.key-hints>span{align-items:center;gap:7px;display:flex}kbd{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:9px/1.6 var(--mono);border-bottom-width:2px;border-radius:3px;padding:1px 5px}.feature-card{border:1px solid var(--line);background:var(--soft);border-radius:6px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;margin-top:28px;padding:29px 28px 0;display:grid;position:relative;overflow:hidden}.mini-eyebrow{color:var(--text);font:8px var(--mono);letter-spacing:1px;align-items:center;gap:8px;display:flex}.mini-eyebrow .icon{width:14px;height:14px}.feature-card h3{letter-spacing:-.7px;margin-top:19px;font:36px/1.1 Instrument Serif,Georgia,serif}.feature-card-copy>p{color:var(--text);max-width:290px;margin-top:16px;font-size:11px;line-height:1.8}.feature-card .text-link{margin-top:18px;padding:0}.feature-art{justify-content:center;align-items:center;min-width:0;min-height:228px;padding-top:10px;display:flex}.mini-specimen{background:var(--paper);border:1px solid var(--line);width:132px;box-shadow:0 4px 12px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:5px;flex-shrink:0;padding:15px 13px;position:relative}.mini-specimen .mono{letter-spacing:.4px;font-size:6px;display:block}.mini-specimen i{background:var(--line);border-radius:1px;width:70%;height:5px;margin-top:22px;display:block}.mini-specimen i+i{opacity:.65;width:90%;height:3px;margin-top:7px}.mini-specimen b{background:var(--gold);color:var(--on-gold);text-align:center;border-radius:3px;margin-top:23px;padding:6px;font-size:8px;font-weight:500;display:block}.mini-specimen.first{transform:rotate(-8deg)translateY(9px)}.mini-specimen.second{margin-left:-34px;transform:translateY(-4px)}.mini-specimen.second b{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.mini-specimen.third{border-color:var(--ink);margin-left:-31px;transform:rotate(7deg)translateY(14px)}.mini-specimen.third b{background:var(--ink);color:var(--paper)}.specimen-check{background:var(--gold);width:25px;height:25px;color:var(--on-gold);border:1px solid var(--on-gold);font:12px var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-9px;right:-9px}.feature-footnote{border-top:1px solid var(--line);color:var(--text);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;margin:0;padding:14px 0 16px;font-size:9px;display:flex}.feature-footnote>[data-v2]{flex:1;min-width:0}.illustration-stage{width:min(320px,100%);height:210px;font-size:9px;position:relative}.illustration-stage .mono{letter-spacing:.6px;color:var(--text);font-size:7px}.mini-window,.mini-feedback,.mini-spacing,.mini-style-panel,.mini-capture{border:1px solid var(--line);background:var(--paper);box-shadow:0 4px 12px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:5px;position:absolute}.illustration-line{background:var(--line);border-radius:1px;width:85%;height:4px;margin-top:18px;display:block}.illustration-line.short{width:60%;height:3px;margin-top:7px}.mini-window{width:70%;padding:17px;top:14px;left:3%;transform:rotate(-5deg)}.mini-selected{border:1px solid var(--ink);width:74%;margin-top:24px;padding:3px;position:relative}.mini-selected>.mono{white-space:nowrap;font-size:6px;position:absolute;bottom:calc(100% + 3px);left:-1px}.mini-selected b{background:var(--gold);color:var(--on-gold);text-align:center;border-radius:3px;padding:7px 4px;font-size:8px;font-weight:500;display:block}.mini-pin{border:1px solid var(--ink);background:var(--gold);width:18px;height:18px;color:var(--on-gold);font:9px var(--mono);border-radius:50%;place-items:center;display:grid}.mini-selected>.mini-pin{position:absolute;top:-10px;right:-10px}.mini-feedback{width:51%;padding:13px;bottom:4px;right:0;transform:rotate(5deg)}.mini-feedback>div{align-items:center;gap:7px;display:flex}.mini-feedback .illustration-line{margin-top:13px}.mini-feedback .short{margin-top:6px}.mini-feedback code{border-top:1px solid var(--line);color:var(--text);margin-top:13px;padding-top:9px;font-size:7px;display:block}.mini-spacing{width:49%;padding:16px;top:18px;left:2%;transform:rotate(-5deg)}.spacing-guide{border:1px dashed var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);margin:23px 0 13px;padding:15px;position:relative}.spacing-guide b{border:1px solid var(--ink);background:var(--paper);text-align:center;font:32px/1.7 Instrument Serif,Georgia,serif;display:block}.spacing-value{background:var(--paper);padding-inline:3px;position:absolute;top:-8px;left:calc(50% - 9px)}.mini-style-panel{width:51%;padding:16px 12px;top:33px;right:1%;transform:rotate(5deg)}.mini-style-panel>div{border-bottom:1px solid var(--line);font:8px var(--mono);justify-content:space-between;align-items:center;gap:4px;padding:8px 4px;display:flex}.mini-style-panel .highlighted{background:var(--soft);margin-top:13px}.mini-style-panel .highlighted code{background:var(--gold);color:var(--on-gold);border-radius:2px;padding:2px 4px}.style-swatch-row{gap:7px;padding:15px 4px 0;display:flex}.style-swatch-row i{border:1px solid var(--line);background:var(--ink);border-radius:50%;width:13px;height:13px}.style-swatch-row i:nth-child(2){background:var(--gold)}.style-swatch-row i:nth-child(3){background:var(--pink)}.style-swatch-row i:nth-child(4){background:var(--paper)}.mini-capture{width:84%;height:170px;top:15px;left:5%;overflow:hidden;transform:rotate(-4deg)}.capture-bar{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:26px;padding:0 11px;display:flex}.capture-bar>span{background:var(--line);border-radius:50%;width:4px;height:4px}.capture-bar code{color:var(--text);margin-left:7px;font-size:6px}.capture-content{align-items:center;gap:14px;padding:24px 16px;display:flex}.capture-image{background:var(--soft);width:40%;height:72px;color:var(--gold);border:1px solid var(--line);border-radius:3px;place-items:center;font-size:38px;display:grid}.capture-lines{flex:1}.capture-lines .illustration-line{margin-top:0}.capture-lines .short{margin-top:8px}.capture-lines b{background:var(--ink);border-radius:3px;width:74%;height:20px;margin-top:17px;display:block}.capture-marks{fill:none;width:100%;height:100%;stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0}.capture-marks ellipse{stroke:var(--pink)}.crop-corners{border:1px dashed var(--line);width:94%;height:127px;position:absolute;top:39px;left:1%;transform:rotate(3deg)}.crop-corners i{border:solid var(--ink);border-width:0;width:11px;height:11px;position:absolute}.crop-corners i:first-child{border-width:2px 0 0 2px;top:-1px;left:-1px}.crop-corners i:nth-child(2){border-width:2px 2px 0 0;top:-1px;right:-1px}.crop-corners i:nth-child(3){border-width:0 2px 2px 0;bottom:-1px;right:-1px}.crop-corners i:nth-child(4){border-width:0 0 2px 2px;bottom:-1px;left:-1px}.capture-attachment{border:1px solid var(--line);background:var(--paper);border-radius:4px;align-items:center;gap:7px;padding:8px 10px;display:flex;position:absolute;bottom:1px;right:0;transform:rotate(4deg)}.capture-attachment .icon{width:12px;height:12px}.handoff-layout{grid-template-columns:.85fr 1.15fr;gap:30px;margin-top:28px;display:grid}.handoff-layout>div>p:first-child{color:var(--text);font-size:14px;line-height:1.8}.context-list{gap:10px;margin:20px 0;padding:0;font-size:12px;list-style:none;display:grid}.context-list li{align-items:center;gap:8px;display:flex}.context-list .icon{width:13px;height:13px}.output-tabs button[aria-pressed=true]{color:#f9bc60}.output-block{align-self:start}.output-block pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:185px;font-size:11px}.output-foot{color:#abd1c6;border-top:1px solid #376456;align-items:center;gap:6px;padding:11px 14px;font-size:8px;display:flex}.output-foot .status-dot{background:#f9bc60;width:4px;height:4px}.principles-list{margin-top:20px}.principles-list>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 78px;gap:20px;padding:19px 0;display:grid}.principles-list dt{font-size:12px;font-weight:500}.principles-list dd{max-width:570px;color:var(--text);margin:0;font-size:13px;line-height:1.8}.principles-list .mono{color:var(--text);place-self:start end;font-size:8px}.footer{flex-wrap:wrap;align-items:center;gap:20px;padding:32px 0 37px;font-size:10px;display:flex}.footer>span:first-child{letter-spacing:-.4px;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.footer-cross{color:var(--gold);font-size:23px;font-weight:400}.footer>span:nth-child(2){color:var(--text)}.footer>a{margin-left:auto}.toast{z-index:2147483647;background:var(--ink);max-width:calc(100vw - 32px);color:var(--paper);border-radius:5px;padding:12px 19px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00332c26}.demo-controls{z-index:2147483647;left:calc(var(--sidebar) + 20px);background:var(--code);max-width:550px;color:var(--on-code);border:1px solid var(--line);border-radius:6px;align-items:center;gap:15px;padding:12px 16px;font-size:11px;display:flex;position:fixed;bottom:18px;box-shadow:0 4px 20px #00332c26}.demo-controls button{border:1px solid #427a70;border-radius:3px;flex-shrink:0;padding:5px 9px}.copied{color:var(--gold)!important}.nav-backdrop{z-index:20;background:#00332c45;position:fixed;inset:72px 0 0}@media (width>=1680px){:root{--sidebar:260px}.sidebar{padding-inline:32px}.brand{padding-inline:36px}main{padding-inline:7vw}}@media (width<=1150px){:root{--sidebar:205px}.brand{gap:7px;padding-inline:20px;font-size:19px}.brand img{width:25px;height:25px}.topbar-content{padding-inline:28px}main{padding-inline:30px}.workbench-stage{grid-template-columns:minmax(0,1fr) 270px}.sample-canvas,.workspace-card{padding-inline:18px}.workspace-footer>.mono{display:none}.intro-mark{font-size:56px}.section-side{display:none}.feature-card{grid-template-columns:1fr 1fr;padding-inline:22px}.mini-specimen{width:110px}.principles-list>div{grid-template-columns:125px 1fr 68px}}@media (width<=900px){:root{--sidebar:220px}.topbar{min-height:64px}.brand{border-right:0;flex-basis:auto}.header-caption{display:none}.topbar-content{justify-content:flex-end;padding-inline:15px}.header-controls{gap:17px}.github-link{border:0;padding-left:0}#nav-toggle{display:inline-flex}.site-layout{display:block}.sidebar{z-index:25;width:var(--sidebar);background:var(--bg);border-right:1px solid var(--line);height:calc(100dvh - 64px);max-height:none;display:none;position:fixed;top:64px;left:0}.nav-open .sidebar{display:flex}.nav-backdrop{inset-block-start:64px}main{border-left:0;padding:33px 32px 0}.demo-controls{max-width:calc(100vw - 105px);left:16px}.intro-mark{font-size:62px}}@media (width<=640px){main{padding:27px 20px 0}.brand{padding-left:17px;padding-right:0;font-size:18px}.beta{display:none}.header-controls{gap:14px}.github-link{font-size:11px}.github-link .icon{display:none}.eyebrow>span:last-child{letter-spacing:.4px;font-size:7px}.intro-heading{gap:10px;margin-top:23px}h1{letter-spacing:-1.2px;max-width:310px;font-size:36px}h1 em{white-space:nowrap}.intro-mark{align-self:flex-start;margin-top:5px;font-size:40px}.intro-copy{margin-top:17px;font-size:13px}.intro-meta{gap:8px;margin-top:16px;font-size:9px}.intro-meta>a{font-size:10px}.workbench{margin-top:24px}.sample-label{display:none}.workbench-tabs{gap:19px;padding-inline:14px}.workbench-tabs button{gap:5px;font-size:10px}.workbench-tabs .icon{width:12px}.workbench-stage{grid-template-columns:1fr}.sample-canvas{padding:17px 22px 15px}.workspace-card{margin-top:17px;padding:22px}.workspace-footer>.mono{display:inline}.context-panels{border-left:0;border-top:1px solid var(--line);padding:19px 20px}.context-heading{margin-bottom:15px}.context-data{flex-wrap:wrap;justify-content:space-between;gap:5px 12px;display:flex}.context-data>div{flex-wrap:wrap}.context-data>div:first-child{flex-basis:100%}#feedback-input{height:70px;min-height:70px;font-size:16px}.context-attached{margin-top:14px}.workbench-foot{align-items:flex-start;gap:10px;padding-inline:14px;font-size:8px}.workbench-foot button{font-size:9px}.workbench-foot .status-dot{display:none}.workflow-line{flex-wrap:wrap;justify-content:flex-start;gap:7px 13px;font-size:8px}.workflow-line>span{gap:5px}.workflow-line .icon{width:10px}.content-section{margin-top:37px;padding-top:34px}h2{font-size:22px}.section-description{font-size:12px}.setup-grid{grid-template-columns:1fr;gap:25px;margin-top:26px}.setup-step h3{font-size:13px}.command-block pre,.code-block pre{font-size:11px}.requirements{flex-wrap:wrap;row-gap:12px;font-size:8px}.requirements a{margin-left:23px}.feature-card{grid-template-columns:1fr;gap:14px;padding-inline:23px}.feature-card h3{font-size:33px}.feature-card-copy>p{max-width:none}.feature-art{min-height:188px;padding:0}.mini-specimen{width:min(120px,38%)}.feature-footnote{align-items:flex-start;font-size:9px}.feature-footnote .status-dot{margin-top:5px}.handoff-layout{grid-template-columns:1fr;gap:22px}.principles-list>div{grid-template-columns:1fr auto;gap:8px 14px}.principles-list dd{grid-area:2/1/auto/-1}.principles-list .mono{grid-area:1/2}.footer{gap:12px;padding-bottom:25px}.footer>span:nth-child(2){order:3;width:100%}.demo-controls{max-width:none;font-size:10px;bottom:72px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}