.rn-root{display:inline-block;position:relative;white-space:pre;unicode-bidi:isolate;vertical-align:baseline}.rn-root>.rn-measure,.rn-root>.rn-visual{display:none}.rn-root[data-rn-measuring]>.rn-measure{display:inline-flex;position:relative;visibility:hidden;white-space:pre;padding:0;border:0}.rn-token{display:inline-block;padding:0;border:0}.rn-root[data-rn-measuring]>.rn-value,.rn-react[data-rn-hydrated]>.rn-semantic,.rn-solid[data-rn-hydrated]>.rn-semantic{position:absolute;inset:0;padding:0;margin:0;color:transparent;z-index:1}.rn-value::selection,.rn-semantic::selection{color:HighlightText;background:Highlight}.rn-root[data-rn-ready]>.rn-visual{display:block;position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.rn-slot{position:absolute;left:0;overflow:hidden;box-sizing:content-box;padding-inline:.15em;margin-inline-start:-.15em;-webkit-mask-image:var(--rn-mask, linear-gradient( to bottom, transparent, #000 var(--rn-edge-fade, .12em), #000 calc(100% - var(--rn-edge-fade, .12em)), transparent ));mask-image:var(--rn-mask, linear-gradient( to bottom, transparent, #000 var(--rn-edge-fade, .12em), #000 calc(100% - var(--rn-edge-fade, .12em)), transparent ));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports (overflow: clip){.rn-slot{overflow-x:visible;overflow-y:clip}}.rn-slot:not([data-rn-wheel]){overflow:visible;-webkit-mask-image:none;mask-image:none}.rn-enter,.rn-reel,.rn-face{display:block}.rn-reel{position:relative}.rn-ink{display:block;position:absolute;inset:0;will-change:transform}.rn-smear .rn-ink{will-change:auto}.rn-slot[data-rn-flap]{-webkit-mask-image:none;mask-image:none}:where(.rn-slot[data-rn-flap]) .rn-face{background:var(--rn-flap-background, Canvas)}.rn-flap{position:absolute;inset:0;transform-origin:50% 50%;backface-visibility:hidden}.rn-flap-top{clip-path:inset(0 0 calc(50% + var(--rn-crease, 1px) / 2) 0)}.rn-flap-bottom{clip-path:inset(calc(50% + var(--rn-crease, 1px) / 2) 0 0 0)}.rn-sharp,.rn-smear{display:block}.rn-smear{position:absolute;inset:0;pointer-events:none}.rn-blur-defs{position:absolute;width:0;height:0;overflow:hidden}.rn-face{text-align:center;white-space:pre}.rn-react,.rn-solid{display:inline-block;position:relative;white-space:pre;unicode-bidi:isolate}.rn-mount{display:inline-block;-webkit-user-select:none;user-select:none}.rn-mount .rn-value{pointer-events:none}.rn-react:not([data-rn-hydrated])>.rn-mount,.rn-solid:not([data-rn-hydrated])>.rn-mount{display:none}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}:root{font-family:IBM Plex Mono,monospace;background:#999991;font-synthesis:none;-webkit-font-smoothing:antialiased}.inspiration-page{--paper: #f4f3ef;--text: #242523;height:100dvh;display:flex;flex-direction:column;padding:30px 40px 0;background:var(--paper);color:var(--text);color-scheme:light;isolation:isolate;font-size:12px}.inspiration-header,.inspiration-title,.inspiration-tools,.inspiration-toolbar,.inspiration-toolbar nav,.inspiration-meta,.inspiration-caption,.inspiration-dialog header,.inspiration-detail-actions{display:flex;align-items:center;gap:20px}.inspiration-header{justify-content:space-between;padding-bottom:36px;flex-wrap:wrap}.inspiration-title{gap:30px}.inspiration-title h1{font-size:18px;font-weight:400;margin:0}.inspiration-page .page-button{color:#777970}.inspiration-tools{gap:24px;color:#686a61}.inspiration-page button{cursor:pointer}.inspiration-page button:hover,.inspiration-import:hover{color:#6c754d}.inspiration-page :focus-visible{outline:2px solid #6c754d;outline-offset:4px}.inspiration-toolbar{gap:16px;flex-wrap:wrap}.inspiration-toolbar nav{gap:4px}.inspiration-toolbar nav button{padding:9px 12px}.inspiration-toolbar nav span{opacity:.45;font-variant-numeric:tabular-nums}.inspiration-toolbar button[aria-pressed=true]{background:#e5e5de}.inspiration-toolbar input{margin-left:auto;width:min(300px,100%)}.inspiration-page input,.inspiration-page select{font:inherit;color:inherit;background:#eaeae4;border:0;border-radius:0;padding:10px 12px}.inspiration-meta{justify-content:space-between;padding:22px 0 16px;color:#777970;font-size:11px;font-variant-numeric:tabular-nums}.inspiration-scroll{touch-action:pan-y;flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}.inspiration-scroll:focus-visible{outline:none}.inspiration-grid{position:relative}.inspiration-row{position:absolute;top:0;left:0;width:100%;display:grid;gap:20px}.inspiration-card{min-width:0;min-height:0;height:100%;padding-bottom:20px}.inspiration-image{position:relative;width:100%;height:calc(100% - 46px);display:flex;justify-content:center;align-items:center;overflow:hidden;background:#e8e8e1}.inspiration-image .inspiration-animated-thumbnail{position:absolute;inset:0}.inspiration-media-label{position:absolute;bottom:8px;left:8px;padding:3px 5px;background:#242523;color:#f4f3ef;font-size:10px;pointer-events:none}.inspiration-image img,.inspiration-image video{width:100%;height:100%;object-fit:contain}.inspiration-caption{height:46px;justify-content:space-between;gap:8px}.inspiration-caption>div{flex:1;min-width:0}.inspiration-caption>div>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inspiration-caption small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#85867e;font-size:10px}.inspiration-caption button{width:36px;height:36px;font-size:20px;flex-shrink:0}.inspiration-caption button[aria-pressed=true]{color:#6c754d}.inspiration-empty{padding:80px 0;text-align:center}.inspiration-empty h2{font-size:18px;font-weight:400}.inspiration-empty p{color:#777970;margin:18px 0}.inspiration-help{max-width:800px;padding-bottom:24px;color:#686a61;line-height:1.8}.inspiration-import{position:relative;cursor:pointer}.inspiration-import input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.inspiration-import:focus-within{outline:2px solid #6c754d}.inspiration-dialog{background:#f4f3ef;color:#242523;border:0;padding:16px 24px;width:100vw;height:100dvh;max-width:none;max-height:none}.inspiration-dialog[open]{display:flex;flex-direction:column}.inspiration-dialog::backdrop{background:#151611cc}.inspiration-dialog header{justify-content:space-between;margin-bottom:8px}.inspiration-density,.inspiration-viewer-tools{display:flex;align-items:center;gap:12px}.inspiration-density input[type=range]{width:110px;padding:0;accent-color:#686e57}.inspiration-density button,.inspiration-viewer-tools button{min-width:32px;min-height:32px}.inspiration-page button:disabled{opacity:.35;cursor:default}.inspiration-viewer{flex:1;min-height:180px;display:flex;flex-direction:column}.inspiration-viewer-tools{flex-shrink:0;justify-content:flex-end;padding-bottom:8px}.inspiration-viewer-tools span{margin-right:auto;color:#777970}.inspiration-image-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e8e8e1}.inspiration-image-surface{position:relative}.inspiration-image-surface img,.inspiration-image-surface video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.inspiration-image-viewport{background:#e8e8e1}.inspiration-detail{max-height:30dvh;overflow:auto;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:22px}.inspiration-detail h2{font-size:14px;font-weight:400;margin:0;flex:1 1 40%}.inspiration-detail label{display:flex;align-items:center;gap:16px;width:100%}.inspiration-detail input{flex:1;min-width:0}.inspiration-detail textarea{flex:1;min-width:0;min-height:54px;resize:vertical;border:0;background:#eaeae4;color:inherit;font:inherit;padding:10px 12px}.inspiration-provenance{width:100%;color:#777970;font-size:10px}.inspiration-source-heading{position:absolute;inset:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px}.inspiration-source-heading small,.inspiration-source-heading a{color:#777970}.inspiration-source-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspiration-source-heading>a{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspiration-toolbar select{max-width:100%}.inspiration-card[data-active=true] .inspiration-image{outline:2px solid #6c754d;outline-offset:-2px}.inspiration-key-help{width:min(660px,92vw);max-height:90dvh;padding:24px;border:0;background:#f4f3ef;color:#242523}.inspiration-key-help::backdrop{background:#151611aa}.inspiration-key-help header{display:flex;justify-content:space-between;align-items:center;gap:24px}.inspiration-key-help h2{font-size:16px;font-weight:400}.inspiration-key-help dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:16px;padding-top:24px}.inspiration-key-help dd{margin:0;color:#777970}.inspiration-detail-actions{flex-wrap:wrap}.inspiration-detail-actions button{padding:10px 16px;background:#e5e5de}@media(max-width:700px){.inspiration-page{padding:22px 18px 0}.inspiration-header{gap:20px;padding-bottom:22px}.inspiration-tools{gap:16px;font-size:10px}.inspiration-toolbar{gap:10px}.inspiration-toolbar nav{width:100%}.inspiration-toolbar nav button{padding:8px 10px}.inspiration-toolbar input{margin-left:0;flex:1;width:120px}.inspiration-meta span:last-child{display:none}}.sound-lab{max-width:1080px;margin:0 auto;padding:42px 32px 80px}.sound-nav,.sound-heading,.sound-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.sound-nav{margin-bottom:48px}.sound-heading h2{font-size:22px}.sound-intro{color:var(--muted);margin:16px 0 40px}.sound-driving{margin-bottom:36px}.sound-driving summary{cursor:pointer}.sound-driving>p{max-width:680px;color:var(--muted);line-height:1.7;margin-top:16px}.sound-driving button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.sound-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}.sound-catalog section+section{margin-top:24px}.sound-catalog h2{font-size:11px;color:var(--muted);margin:0 12px 8px}.sound-catalog button{width:100%;display:flex;justify-content:space-between;padding:9px 12px;text-align:left}.sound-catalog button[aria-pressed=true]{background:color-mix(in srgb,var(--leaf) 12%,transparent)}.sound-catalog button span:last-child{opacity:.4}.sound-wave{width:100%;height:180px;display:block;margin:20px 0;background:color-mix(in srgb,var(--leaf) 4%,transparent)}.sound-description{min-height:48px;color:var(--muted);line-height:1.6}.sound-actions{justify-content:flex-start;flex-wrap:wrap;margin:20px 0}.sound-actions button{padding:8px 0}.sound-actions .sound-play{padding:10px 24px;color:var(--ground);background:var(--leaf)}.sound-knobs{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin:32px 0}.sound-knobs label{display:flex;flex-direction:column;gap:12px}.sound-knobs label>span{display:flex;justify-content:space-between;gap:12px}.sound-knobs output{color:var(--muted);font-variant-numeric:tabular-nums}.sound-knobs input[type=range]{width:100%;margin:0;accent-color:var(--leaf)}.sound-knobs input[type=number]{width:100%;padding:6px 8px;border:1px solid var(--line);background:transparent}.sound-status{min-height:48px;font-size:11px;line-height:1.7;color:var(--muted)}.sound-recipe{margin-top:20px}.sound-recipe summary{cursor:pointer}.sound-recipe pre{overflow-x:auto;font-size:11px;line-height:1.6}.sound-footnote{margin-top:32px;color:var(--muted);font-size:11px;line-height:1.8}.field-sound-button{min-height:40px;padding:0 8px;white-space:nowrap}.field-sound-button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.field-sound-status{position:absolute;top:112px;right:20px;max-width:calc(100% - 40px);background:var(--ground);padding:8px;z-index:2}@media(max-width:680px){.sound-lab{padding:24px 20px 48px}.sound-nav{margin-bottom:32px}.sound-heading{align-items:baseline;flex-wrap:wrap;gap:8px}.sound-layout{grid-template-columns:1fr;gap:32px}.sound-catalog{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px}.sound-catalog section{min-width:140px}.sound-catalog section+section{margin-top:0}.sound-knobs{gap:24px 18px}}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}h1,h2{font-weight:400}h1{font-size:22px}h2{font-size:16px}button,a,input,canvas{outline-offset:4px}:focus-visible{outline:1px solid var(--leaf)}::selection{color:var(--ground);background:var(--leaf)}.app{--text: var(--leaf);--muted: color-mix(in srgb, var(--leaf) 65%, var(--ground));--line: color-mix(in srgb, var(--leaf) 25%, var(--ground));color:var(--text);min-height:100dvh;background:var(--ground);isolation:isolate;font-size:13px;color-scheme:dark}button:hover,a:hover{text-decoration:underline;text-underline-offset:4px}.sprite{display:inline-block;width:32px;height:32px;flex-shrink:0;image-rendering:pixelated}.eyebrow{font-size:11px;font-variant-numeric:tabular-nums}.quiet{color:var(--muted)}.field{position:relative;height:100dvh;width:100%;overflow:hidden;outline:none;touch-action:manipulation}.field:focus-visible{outline:none}.field-canvas{position:absolute;width:var(--canvas-width);height:var(--canvas-height);left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated}.workshop-link{width:40px;height:40px;display:grid;place-items:center;z-index:2;background:var(--ground)}.field-tools{position:absolute;top:20px;right:20px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 40px);align-items:center;gap:16px;background:var(--ground)}.field-vehicle-button{min-width:40px;height:40px;padding:0 8px;background:var(--ground)}.variant-picker{display:flex;gap:24px;padding:22px 0 2px}.variant-picker button{color:var(--muted);min-height:36px;font-size:12px}.variant-picker button[aria-pressed=true]{color:var(--leaf);text-decoration:underline;text-underline-offset:5px}.variant-picker.compact{gap:0;padding:0}.variant-picker.compact button{width:32px;height:40px;font-size:11px}.field-palette-button{width:40px;height:40px;display:grid;place-items:center}.palette-colors{display:inline-flex;border:1px solid var(--line);flex-shrink:0}.palette-colors i{display:block;width:10px;height:14px}.world-controls{position:absolute;top:70px;right:20px;width:min(340px,calc(100% - 32px));max-height:calc(100dvh - 155px);overflow-y:auto;z-index:3;border:1px solid var(--leaf);padding:14px;background:var(--ground)}.world-controls-heading,.world-controls-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.world-controls-heading{font-size:12px}.world-controls-heading button{width:28px;height:28px;font-size:20px}.world-controls-bottom{flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.palette-lab{max-width:560px;padding:18px 0;font-size:11px}.palette-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.palette-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:44px}.palette-presets button[aria-pressed=true],.palette-favorites button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.palette-current{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px}.palette-current>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-current>button{flex-shrink:0;min-height:32px}.palette-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0}.palette-channels label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}.palette-channels input{width:100%;height:28px;padding:0;border:1px solid var(--line);background:transparent;cursor:pointer}.palette-save{display:flex;gap:12px;margin-top:8px}.palette-save input{min-width:0;width:100%;padding:8px;border:1px solid var(--line);background:transparent}.palette-save button{white-space:nowrap}.palette-save button:disabled{color:var(--muted);cursor:default}.palette-favorites{display:flex;flex-direction:column;gap:8px;margin-top:14px}.palette-favorites>div{display:flex;justify-content:space-between;gap:12px}.palette-favorites button{display:flex;align-items:center;gap:10px;min-height:30px}.palette-favorites>div>button:last-child{width:30px;justify-content:center}.palette-status{color:var(--muted);font-size:10px;line-height:1.6;min-height:32px;padding-top:12px}.references-page{min-height:100dvh;padding:8px;background:#101010;color:#c8c8c3;color-scheme:dark}.references-header{display:flex;align-items:center;gap:18px;height:42px;padding:0 4px 8px;font-size:11px}.references-header h1{font-size:14px}.references-header>span{color:#777}.references-header>a:last-child{margin-left:auto}.reference-filters,.reference-reading{display:flex;flex-wrap:wrap;gap:4px 18px;padding:0 4px 10px;font-size:10px}.reference-filters button{min-height:28px;color:#999}.reference-filters button[aria-pressed=true]{color:#fff;text-decoration:underline;text-underline-offset:5px}.reference-reading{padding-top:16px;color:#999}.reference-study{margin:10px 0 0;font-size:11px;color:#aaa}.reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 4px}.reference-grid figure{margin:0;min-width:0}.reference-grid figure>button{display:block;width:100%;background:#000}.reference-grid img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain;image-rendering:pixelated}.reference-grid figcaption{display:flex;align-items:center;gap:8px;height:23px;padding:0 4px;font-size:9px}.reference-grid figcaption>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-grid figcaption>span:nth-child(2){color:#888;margin-left:auto}.reference-grid figcaption a{padding:4px}.reference-dialog{padding:0;border:0;max-width:96vw;max-height:96dvh;background:#101010;color:#ccc}.reference-dialog::backdrop{background:#000e}.reference-detail{padding:10px}.reference-detail header{display:flex;gap:20px;align-items:center;font-size:11px}.reference-detail header a{margin-left:auto;white-space:nowrap}.reference-detail header button{width:40px;height:40px;font-size:24px;flex-shrink:0}.reference-detail>img{display:block;width:min(90vw,1000px);height:75dvh;object-fit:contain;image-rendering:pixelated;background:#000}.reference-detail footer{display:flex;align-items:center;justify-content:center;gap:30px;font-size:11px}.reference-detail footer button{width:44px;height:40px}@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-detail header{gap:10px;font-size:10px}.variant-picker{gap:16px;flex-wrap:wrap}}.workshop-link svg{width:16px;height:16px;shape-rendering:crispEdges}.workshop-link:hover{outline:1px solid var(--leaf)}.crt .field-canvas,.crt .sprite{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--leaf) 17%,transparent))}.crt .field:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(transparent 0 3px,var(--ground) 3px 4px)}.crt .field[data-crt-renderer=webgl2] .field-canvas{filter:none}.crt .field[data-crt-renderer=webgl2]:after{display:none}.move-controls{display:none}.field-interaction{position:absolute;left:20px;bottom:20px;z-index:2;display:grid;gap:8px;padding:12px;background:var(--ground);font-size:11px}.field-interaction button{text-align:left;min-height:28px}.field-interaction span{color:var(--muted)}.driving-help{color:var(--muted);font-size:10px;line-height:1.6;padding-bottom:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workshop-page{max-width:1280px;margin-inline:auto;padding:28px 40px 40px}.workshop-header{display:flex;align-items:center;gap:24px}.workshop-header>a{min-width:32px;min-height:44px;display:grid;place-items:center;font-size:24px}.workshop-header .display-controls{margin-left:auto}.map-tools{display:flex;align-items:center;gap:30px}.seed-control{display:flex;align-items:center;gap:10px}.seed-input{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.seed-input input{width:56px;border:0;border-bottom:1px solid var(--line);padding:7px 0;background:none;color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.seed-input input::-webkit-inner-spin-button{-webkit-appearance:none}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;font-size:11px;color:var(--muted);white-space:nowrap}.text-button:hover{color:var(--text)}.toggle:before{content:"[ ]"}.toggle[aria-pressed=true]:before{content:"[×]";color:var(--leaf)}.display-controls{display:flex;flex-wrap:wrap;gap:18px}.distance-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.page-button{display:inline-flex;align-items:center;gap:16px;min-height:40px;white-space:nowrap}.page-button kbd{color:var(--muted);font:inherit;font-size:11px;border:1px solid var(--line);padding:3px 6px}.page-switcher{width:min(520px,calc(100vw - 32px));padding:0;color:var(--text);background:var(--ground);border:1px solid var(--line);max-height:80dvh}.page-switcher::backdrop{background:#0009}.page-switcher-top{display:flex;justify-content:space-between;padding:20px;color:var(--muted)}.page-switcher>input{width:calc(100% - 40px);margin:0 20px 16px;padding:14px 0;background:none;border:0;border-bottom:1px solid var(--line)}.page-switcher nav button{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;text-align:left;padding:18px 20px;gap:8px;border-top:1px solid var(--line)}.page-switcher nav button>span:last-child{grid-column:2;grid-row:1 / 3;align-self:center}.page-switcher .selected{background:color-mix(in srgb,var(--leaf) 8%,var(--ground));box-shadow:inset 2px 0 var(--accent)}.page-empty{padding:20px}.motion-viewer{display:flex;flex-direction:column;width:min(880px,calc(100% - 64px));min-height:100dvh;margin:0 auto;padding:clamp(48px,12dvh,140px) 0 48px}.example-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.example-list>button{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:16px;text-align:left;color:var(--muted)}.example-list>button:hover{color:var(--leaf)}.example-list>button[aria-current=true]{color:var(--leaf);background:color-mix(in srgb,var(--leaf) 7%,transparent)}.example-name{font-size:11px;line-height:1.6}.study-preview{display:flex;align-items:center;gap:10px;height:40px;color:currentColor}.study-preview .geometry{width:28px;height:28px;flex-shrink:0}.study-preview.travel .geometry{width:36px;height:36px}.study-preview.rolling{font-size:28px;letter-spacing:-.06em}.study-preview.flash .geometry:nth-child(2){opacity:.5}.study-preview.flash .geometry:nth-child(3){opacity:.2}.study-preview.stagger .geometry:first-child{transform:translateY(10px);opacity:.3}.study-preview.stagger .geometry:nth-child(2){transform:translateY(5px);opacity:.6}.study-preview.reveal .geometry:last-child{clip-path:inset(0 50% 0 0)}.example-detail{display:flex;flex-direction:column;min-width:0;padding-top:44px}.example-detail h1{margin:0;font-size:22px;font-weight:400;letter-spacing:-.04em}.motion-canvas{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}.motion-canvas.travel{overflow:visible}.motion-composition{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px)}.motion-symbol{width:clamp(56px,7vw,88px);height:clamp(56px,7vw,88px);color:var(--leaf)}.geometry{display:block;width:100%;height:100%;fill:currentColor;overflow:visible}.motion-composition.flash{gap:clamp(20px,3vw,40px)}.motion-composition.flash .motion-symbol{width:clamp(40px,5vw,56px);height:clamp(40px,5vw,56px);opacity:.14}.motion-viewer{--tint-1: color-mix(in oklch, var(--leaf) 66%, oklch(76% .12 155deg));--tint-2: color-mix(in oklch, var(--leaf) 66%, oklch(76% .12 60deg));--tint-3: color-mix(in oklch, var(--leaf) 66%, oklch(76% .12 290deg))}.tint-1{color:var(--tint-1)}.tint-2{color:var(--tint-2)}.tint-3{color:var(--tint-3)}.motion-canvas.reveal{--exit: calc(var(--pitch, 120px) * var(--feather, 20) / 100);--exit-ramp: transparent 0, rgb(0 0 0 / .1) calc(var(--exit) * .2), rgb(0 0 0 / .5) calc(var(--exit) * .5), rgb(0 0 0 / .9) calc(var(--exit) * .8), #000 var(--exit);-webkit-mask-image:linear-gradient(to right,var(--exit-ramp));mask-image:linear-gradient(to right,var(--exit-ramp))}.motion-tape{display:flex;width:100%;will-change:transform}.tape-cell{flex:0 0 var(--pitch, 120px);display:flex;align-items:center;justify-content:center;height:var(--pitch, 120px);--dim: color-mix(in oklch, var(--ground) 86%, var(--leaf));background:var(--dim);color:var(--leaf);--edge: calc(var(--feather, 30) * 1% / 6);--ramp: #000 calc(50% - var(--edge)), rgb(0 0 0 / .9) calc(50% - var(--edge) * .6), rgb(0 0 0 / .5) 50%, rgb(0 0 0 / .1) calc(50% + var(--edge) * .6), transparent calc(50% + var(--edge));-webkit-mask-image:linear-gradient(to right,var(--ramp));mask-image:linear-gradient(to right,var(--ramp));-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% 0%;mask-position:0% 0%}.tape-cell:nth-child(2n){background:var(--leaf);color:var(--dim)}.tape-cell .motion-symbol{width:calc(var(--pitch, 120px) * .78);height:calc(var(--pitch, 120px) * .78);color:inherit}.example-knobs{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:8px;color:var(--muted);font-size:11px}.example-knobs label{display:grid;grid-template-columns:9ch 120px 6ch;align-items:center;gap:10px;min-height:32px}.example-knobs input{appearance:none;height:2px;background:var(--line);cursor:pointer}.example-knobs input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background:var(--leaf)}.example-knobs input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:0;background:var(--leaf)}.example-knobs output{text-align:right;font-variant-numeric:tabular-nums}.motion-runways{display:flex;flex-direction:column;gap:24px;width:100%}.motion-runway{width:64%;margin:0 auto}.motion-runway .motion-symbol{width:clamp(44px,5vw,60px);height:clamp(44px,5vw,60px)}.library-number{font-size:clamp(56px,10vw,136px);line-height:1.2;letter-spacing:-.06em}.example-explanation{max-width:64ch;min-height:8lh;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.example-pages{display:flex;gap:20px;flex-wrap:wrap;margin-top:44px}.example-pages a{color:var(--muted);font-size:11px}.example-pages a:hover{color:var(--leaf)}.keyboard-help{min-width:280px;padding:20px 24px;border:0;background:var(--ground);color:var(--leaf);font-size:12px}.keyboard-help::backdrop{background:#0009}.keyboard-help dl{margin:0}.keyboard-help dl div{display:flex;justify-content:space-between;gap:24px;padding:8px 0}.keyboard-help dd{margin:0;color:var(--muted)}@media(max-width:760px){.motion-viewer{width:calc(100% - 32px);padding:24px 0}.motion-runway{width:70%}.example-explanation{min-height:12lh}.example-list{grid-auto-flow:column;grid-auto-columns:136px;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.example-list>button{padding:12px;gap:10px}.example-name{font-size:10px}.study-preview{height:32px;gap:6px}.study-preview .geometry{width:22px;height:22px}.study-preview.rolling{font-size:22px}.example-detail{padding-top:28px}.example-detail h1{font-size:20px}.motion-canvas{height:220px}.motion-composition{gap:24px}.motion-symbol{width:56px;height:56px}.motion-composition.flash .motion-symbol{width:44px;height:44px}.motion-runways{gap:20px}.motion-runway .motion-symbol{width:40px;height:40px}.example-explanation{margin-top:8px}}.workshop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0}.category-tabs{display:flex;align-items:center;gap:20px}.category-tabs button{font-size:12px;min-height:34px;color:var(--muted)}.category-tabs button[aria-pressed=true]{color:var(--text);text-decoration:underline;text-underline-offset:5px}.workshop-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.sprite-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.specimen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:134px;padding:20px 14px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.specimen .sprite{width:48px;height:48px}.specimen>div{display:flex;gap:12px;justify-content:space-between;width:100%;font-size:10px;color:var(--muted)}.specimen>div span{font-variant-numeric:tabular-nums}.specimen[aria-pressed=true]:after{content:"";position:absolute;inset:-1px 0 0 -1px;border:1px solid var(--leaf);pointer-events:none}.specimen[aria-pressed=true]>div,.specimen:hover>div{color:var(--text)}.sprite-inspector{position:sticky;top:24px;border:1px solid var(--line);padding:16px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;font-size:10px}.sprite-inspector h2{font-size:13px}.pixel-editor{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;cursor:crosshair;background:var(--ground);touch-action:none;border:1px solid var(--line)}.ink-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 8px}.ink-tools>div{display:flex;gap:9px}.ink-button{width:23px;height:23px;background:var(--swatch);font-size:22px;line-height:20px;color:var(--muted);border:1px solid var(--line)}.ink-button[aria-pressed=true]{outline:1px solid var(--leaf);outline-offset:3px}.editor-hint{font-size:10px;color:var(--muted)}.sprite-preview-strip{display:flex;gap:18px;align-items:end;margin:20px 0}.sprite-preview-strip .sprite:nth-child(1){width:8px;height:8px}.sprite-preview-strip .sprite:nth-child(2){width:16px;height:16px}.sprite-preview-strip .sprite:nth-child(3){width:24px;height:24px}.sprite-preview-strip .eyebrow{font-size:9px;color:var(--muted);margin-left:auto}.export-buttons{display:flex;gap:9px}.primary-button,.secondary-button{padding:12px;font-size:11px;min-height:42px;text-align:center;border:1px solid var(--line)}.primary-button{flex:1}.primary-button:hover,.secondary-button:hover{border-color:var(--text);color:var(--text)}.pattern-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.pattern-actions .text-button{font-size:10px}.export-status{color:var(--muted);font-size:10px;line-height:1.7}.export-status:not(:empty){margin-top:10px}@media(max-width:1000px){.workshop-page{padding-inline:28px}.workshop-toolbar{align-items:start;flex-direction:column;gap:12px}.workshop-toolbar .map-tools{justify-content:space-between;width:100%}.workshop-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.sprite-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.workshop-page{padding:18px}.workshop-header{flex-wrap:wrap;gap:12px}.workshop-header .display-controls{gap:12px}.map-tools{width:100%;justify-content:space-between;gap:18px}.text-button{min-height:40px}.category-tabs{gap:16px;width:100%;overflow-x:auto}.category-tabs button{font-size:11px;min-height:44px}.workshop-layout{display:flex;flex-direction:column;gap:24px}.workshop-layout>section{width:100%}.sprite-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:420px;overflow-y:auto}.specimen{min-height:110px;padding:15px 8px 10px;gap:15px}.specimen .sprite{width:40px;height:40px}.specimen>div{font-size:8px;gap:4px}.sprite-inspector{position:static;width:100%;padding:20px}.pixel-editor{max-width:320px;margin-inline:auto}.editor-hint,.export-status{font-size:11px}.ink-button{width:30px;height:30px}.primary-button,.secondary-button{font-size:13px}}@media(pointer:coarse){.move-controls{display:grid;grid-template-columns:repeat(3,44px);grid-template-areas:". up ." "left brake right" ". down boost";position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;gap:3px;z-index:2}.move-controls button{width:44px;height:44px;background:var(--ground);border:1px solid var(--line);font-size:22px;touch-action:none}.move-up{grid-area:up}.move-left{grid-area:left}.move-right{grid-area:right}.move-down{grid-area:down}.move-brake{grid-area:brake;font-size:14px}.move-boost{grid-area:boost}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.inspiration-sources{width:min(1100px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;padding:24px;color:#ddd;background:#141414;border:1px solid #333}.inspiration-sources[open]{display:flex;flex-direction:column;gap:18px}.inspiration-sources::backdrop{background:#000c}.inspiration-sources header{display:flex;justify-content:space-between;align-items:center;gap:16px}.inspiration-sources h2{margin:0;font-size:18px}.inspiration-sources nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inspiration-sources button,.inspiration-sources input{font:inherit;color:inherit;background:transparent;border:0}.inspiration-sources button{cursor:pointer;padding:8px}.inspiration-sources button[aria-pressed=true]{background:#292929}.inspiration-sources input{padding:12px;background:#202020;width:100%}.inspiration-sources-scroll{flex:1;min-height:0;overflow:auto}.inspiration-source-cards{display:grid;gap:20px}.inspiration-source-cards article{height:230px;min-width:0}.inspiration-container-open{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left}.inspiration-container-open:hover{background:#202020}.inspiration-container-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,67px);gap:2px;width:100%;background:#0c0c0c}.inspiration-container-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.inspiration-container-preview img:only-child{grid-area:1 / 1 / -1 / -1}.inspiration-container-open strong,.inspiration-container-open small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspiration-container-open strong{font-size:13px;font-weight:400}.inspiration-container-open small,.inspiration-source-cards a{font-size:11px;color:#aaa}.inspiration-source-cards a{margin-left:8px}