.auth-screen,.auth-loading{min-height:100dvh;padding:24px var(--gutter);background:var(--bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);gap:22px;width:100%;max-width:400px;padding:28px 28px 24px;display:grid}.auth-back{color:var(--muted);justify-self:start;font-size:13px}.auth-header{justify-items:start;gap:10px;display:grid}.auth-title{margin-top:8px;font-size:28px;line-height:1.1}.auth-subtitle{color:var(--muted)}.auth-form{gap:8px;display:grid}.auth-form input{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--bg);width:100%;min-height:42px;color:var(--ink);font:400 15px/1.4 var(--sans);padding:9px 14px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.auth-form input::placeholder{color:var(--faint)}.auth-submit{width:100%;min-height:42px;margin-top:8px}.auth-message{border-radius:var(--radius-md);border-left:2px solid;padding:8px 12px;font-size:14px}.auth-message.is-error{background:var(--danger-bg);border-color:var(--danger);color:var(--ink)}.auth-message.is-success{background:var(--accent-bg);border-color:var(--accent);color:var(--ink)}.auth-note{font:400 12px/1.5 var(--mono);color:var(--faint)}.spinner-sm{border-color:color-mix(in srgb, var(--on-accent) 35%, transparent);border-top-color:var(--on-accent);width:16px;height:16px}.auth-error{text-align:center;color:var(--ink-2);justify-items:center;gap:14px;display:grid}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdfbf5;--bg-2:#f8f3e7;--bg-3:#efe7d2;--line:#e2d5b3;--line-strong:#c4b58e;--ink:#1a1d18;--ink-2:#3d4238;--muted:#5e6358;--faint:#7a7f74;--accent:#1f4d34;--accent-pressed:#0f2a1c;--accent-2:#3a7a53;--accent-bg:#dde7df;--on-accent:#fdfbf5;--emph:#b85a2e;--danger:#9b4f45;--danger-bg:#f4dfd3;--canvas-paper:#fffdf8;--canvas-mat:#f8f3e7;--canvas-mat-line:#e2d5b3;--code-bg:#1a1d18;--code-ink:#ece6d2;--code-key:#8bbda1;--code-str:#e8b98e;--code-comment:#8f8a79;--overlay:#1a1d186b;--shadow-sm:0 1px 2px #1a1d180f;--shadow-md:0 8px 28px #1a1d181a;--shadow-lg:0 20px 60px #1a1d182e;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "SF Mono", Menlo, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--gutter:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15160f;--bg-2:#1d1e16;--bg-3:#2b2d23;--line:#3b3e31;--line-strong:#4b4e40;--ink:#ece6d2;--ink-2:#d6cfb8;--muted:#b9b29c;--faint:#8f8a79;--accent:#8bbda1;--accent-pressed:#71ab8a;--accent-2:#71ab8a;--accent-bg:#1d3628;--on-accent:#15160f;--emph:#e07d4f;--danger:#e07d4f;--danger-bg:#3a2218;--canvas-mat:#fdfbf5;--canvas-mat-line:#fdfbf5;--code-bg:#0f100b;--overlay:#0000008c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 28px #00000059;--shadow-lg:0 20px 60px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15160f;--bg-2:#1d1e16;--bg-3:#2b2d23;--line:#3b3e31;--line-strong:#4b4e40;--ink:#ece6d2;--ink-2:#d6cfb8;--muted:#b9b29c;--faint:#8f8a79;--accent:#8bbda1;--accent-pressed:#71ab8a;--accent-2:#71ab8a;--accent-bg:#1d3628;--on-accent:#15160f;--emph:#e07d4f;--danger:#e07d4f;--danger-bg:#3a2218;--canvas-mat:#fdfbf5;--canvas-mat-line:#fdfbf5;--code-bg:#0f100b;--overlay:#0000008c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 28px #00000059;--shadow-lg:0 20px 60px #00000080}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--ink)}body{font:400 15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:500}p{margin:0}a{color:var(--accent)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-bg)}.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.mono-label{font:500 11px/1.4 var(--mono);letter-spacing:.04em;color:var(--faint)}.serif-italic{font-family:var(--serif);font-style:italic;font-weight:400}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px}.mat>img,.mat>svg,.mat>canvas{background:var(--canvas-paper);border-radius:2px;width:100%;height:auto;display:block}.btn{border-radius:var(--radius-full);min-height:36px;font:500 13px/1.2 var(--sans);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 16px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-pressed)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-icon{width:36px;padding:0}.btn-link{min-height:0;color:var(--accent);font:500 14px/1.4 var(--sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.btn-link:hover{text-underline-offset:3px;text-decoration:underline}.chip{border-radius:var(--radius-full);border:1px solid var(--line);color:var(--muted);font:500 12px/1.2 var(--sans);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip[aria-pressed=true],.chip.is-on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.status-dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.is-live{background:var(--emph);animation:2.2s ease-in-out infinite pulse}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio{background:var(--bg);height:100dvh;color:var(--ink);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.studio-body{grid-template-columns:minmax(0,1fr) clamp(260px,26vw,320px);min-height:0;display:grid}.studio.with-debug .studio-body{grid-template-rows:minmax(0,1fr) 260px}.studio-debug{border-top:1px solid var(--line);grid-column:1/-1;min-height:0}.studio-bar{border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.studio-bar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.studio-bar-right{flex:none;align-items:center;gap:8px;display:flex}.studio-home{flex:none;display:flex}.studio-divider{background:var(--line);flex:none;width:1px;height:18px}.studio-title{font:italic 400 17px/1.25 var(--serif);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.status-pill{border-radius:var(--radius-full);background:var(--bg-3);color:var(--muted);font:500 11px/1.3 var(--mono);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-pill.is-painting,.status-pill.is-thinking,.status-pill.is-critique{background:var(--accent-bg);color:var(--accent)}.status-pill.is-error{background:var(--danger-bg);color:var(--danger)}.studio-conn{color:var(--emph);flex:none}.studio-stage{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;gap:14px;min-height:0;padding:18px 22px 16px;display:flex}.studio-canvas{flex:1;min-height:0;padding:11px}.canvas-fit{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.canvas-wrapper{background:var(--canvas-paper);max-width:100%;max-height:100%;box-shadow:0 0 0 10px var(--canvas-mat), 0 0 0 11px var(--canvas-mat-line), 0 6px 24px 11px #1a1d180f;border-radius:1px;position:relative}.canvas-wrapper svg{width:100%;height:100%;display:block;position:relative}.canvas-version-view{object-fit:fill;pointer-events:none;background:var(--canvas-paper);width:100%;height:100%;position:absolute;inset:0}.canvas-drawing-badge{border-radius:var(--radius-full);color:#fdfbf5;font:500 11px/1.3 var(--mono);pointer-events:none;background:#9b4f45;padding:3px 8px;position:absolute;top:8px;left:8px}.studio-under{flex:none;grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.studio-under.is-paint{align-content:start;height:64px;overflow:hidden}.stage-bar-wrap{gap:5px;min-width:0;display:grid}.stage-bar{gap:4px;display:flex}.stage-bar-caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-seg{flex-direction:column;gap:5px;min-width:0;display:flex}.stage-seg-bar{background:var(--line);border-radius:2px;height:4px;transition:background-color .3s}.stage-seg.is-done .stage-seg-bar{background:var(--accent)}.stage-seg.is-current .stage-seg-bar{background:var(--emph)}.stage-seg-label{font:500 11px/1.2 var(--mono);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-seg.is-current .stage-seg-label{color:var(--emph)}.studio-versions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:24px;display:flex}.version-chips{align-items:center;gap:10px;min-width:0;display:flex}.version-chips-list{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.version-chip{border-radius:var(--radius-full);border:1px solid var(--line-strong);color:var(--muted);font:500 11px/1.3 var(--mono);cursor:pointer;background:0 0;flex:none;padding:3px 9px}.version-chip:hover,.version-chip.is-live:not(.is-current){border-color:var(--accent);color:var(--accent)}.version-chip.is-current{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.back-to-live{font-size:13px}.notebook{background:var(--bg);flex-direction:column;min-height:0;display:flex}.notebook-head{padding:14px 16px 8px}.notebook-scroll{flex-direction:column;flex:1;gap:12px;min-height:0;padding:2px 16px 16px;display:flex;overflow-y:auto}.notebook-empty{font:italic 400 14px/1.5 var(--serif);color:var(--faint)}.nb-thought{font:400 14px/1.55 var(--serif);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.nb-caret{vertical-align:-.1em;background:var(--emph);width:6px;height:.95em;margin-left:3px;animation:1s ease-in-out infinite pulse;display:inline-block}.nb-tool{font:400 11.5px/1.4 var(--mono);color:var(--faint);background:var(--bg-2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:5px 8px}.nb-tool-running{animation:1.2s ease-in-out infinite pulse}.nb-tool.is-failed,.nb-tool-failed{color:var(--danger)}.nb-block{border-left:2px solid var(--line-strong);padding-left:10px}.nb-block-label{font:500 11px/1.3 var(--mono);color:var(--faint)}.nb-block-text{font:italic 400 13.5px/1.5 var(--serif);color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.nb-critique{border-left-color:var(--emph)}.nb-critique .nb-block-label{color:var(--emph)}.nb-nudge{border-left-color:var(--accent)}.nb-nudge .nb-block-label{color:var(--accent)}.nb-error{border-left-color:var(--danger)}.nb-error .nb-block-label{color:var(--danger)}.nb-housekeeping{font:400 11.5px/1.4 var(--mono);color:var(--faint);overflow-wrap:anywhere}.nb-md{font:400 13.5px/1.5 var(--serif);color:var(--muted);overflow-wrap:anywhere;margin-top:3px}.nb-md.is-clamped{max-height:6em;overflow:hidden}.nb-md p,.nb-md ul{margin:0}.nb-md p+p,.nb-md p+ul,.nb-md ul+p,.nb-md ul+ul{margin-top:.35em}.nb-md ul{padding-left:1.1em}.nb-md strong{color:var(--ink-2);font-weight:600}.nb-critique.is-pass{border-left-color:var(--accent)}.nb-critique.is-pass .nb-block-label{color:var(--accent)}.nb-more{color:var(--accent);font:500 11px var(--mono);cursor:pointer;background:0 0;border:0;margin-top:2px;padding:0}.nb-done{text-align:center}.nb-divider{align-items:center;gap:8px;margin-top:4px;display:flex}.nb-divider:before,.nb-divider:after{content:"";background:var(--line);flex:1;height:1px}.nudge-composer{border-radius:var(--radius-full);border:1px solid var(--line);background:var(--bg-2);flex:none;align-items:center;gap:6px;height:40px;margin:8px 12px 12px;padding:0 5px 0 14px;display:flex}.nudge-composer:focus-within{border-color:var(--accent)}.nudge-composer input{min-width:0;color:var(--ink);font:400 14px/1.4 var(--sans);background:0 0;border:0;outline:none;flex:1}.nudge-composer input::placeholder{font:italic 400 14px var(--serif);color:var(--faint)}.nudge-send{background:var(--accent);width:30px;height:30px;color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex}.nudge-send:disabled{background:var(--line);color:var(--faint);cursor:not-allowed}.studio-menu{position:relative}.studio-menu-list{z-index:50;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-md);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.studio-menu-item{color:var(--ink);font:400 14px/1.3 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:flex}.studio-menu-item:hover{background:var(--bg-2)}.studio-menu-check{font:500 11px var(--mono);color:var(--faint)}.studio-menu-sep{background:var(--line);height:1px;margin:4px 2px}.new-piece h2{margin-bottom:14px;font-size:24px}.new-piece form{gap:14px;display:grid}.new-piece textarea{resize:vertical;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-2);width:100%;min-height:86px;color:var(--ink);font:italic 400 16px/1.45 var(--serif);padding:12px 14px}.new-piece textarea:focus{border-color:var(--accent);outline:none}.new-piece textarea::placeholder{color:var(--faint)}.dialog-hint{color:var(--faint);margin-top:-8px;font-size:12px}.chip-group{border:0;min-width:0;margin:0;padding:0}.chip-group legend{margin-bottom:6px;padding:0}.chip-group .chip{margin:0 6px 6px 0}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.debug-panel{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.debug-tabs{background:var(--bg-2);border-bottom:1px solid var(--line);display:flex}.debug-tab{color:var(--faint);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px}.debug-tab:hover{color:var(--ink-2)}.debug-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.debug-content{font:400 12px/1.5 var(--mono);color:var(--ink-2);flex:1;padding:12px 14px;overflow-y:auto}.debug-content pre{white-space:pre-wrap;word-break:break-all;margin:0}@media (width<=900px){.studio{height:auto;min-height:100dvh}.studio-bar{z-index:20;padding:8px 12px;position:sticky;top:0}.studio-body{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.studio.with-debug .studio-body{grid-template-rows:none}.studio-debug{height:300px}.studio-stage{border-right:0;border-bottom:1px solid var(--line);padding:14px var(--gutter)}.studio-canvas{aspect-ratio:var(--canvas-aspect,4 / 3);flex:none;max-height:70vh}.notebook{min-height:40vh}.notebook-scroll{overflow:visible}.nudge-composer{height:auto;min-height:44px;padding:6px 8px 6px var(--gutter);padding-bottom:max(6px, env(safe-area-inset-bottom));background:var(--bg);border-width:1px 0 0;border-radius:0;margin:0;position:sticky;bottom:0}.nudge-composer input{font-size:16px}}@media (width<=640px){.studio-divider,.studio-bar .btn-label{display:none}.studio-bar .btn{width:36px;padding:0}.studio-title{font-size:15px}}.status-pill .status-dot{width:6px;height:6px}.painting-base{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.wordmark{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.wordmark-text{flex-direction:column;line-height:1;display:flex}.wordmark-code{font:500 11px/1 var(--mono);color:var(--accent);letter-spacing:.02em}.wordmark-monet{font:italic 400 20px/1.05 var(--serif)}.wordmark-sm .wordmark-monet{font-size:17px}.wordmark-lg{gap:12px}.wordmark-lg .wordmark-code{font-size:13px}.wordmark-lg .wordmark-monet{font-size:30px}.site{flex-direction:column;min-height:100vh;display:flex}.site main{flex:1}.site-section{width:100%;max-width:1120px;margin:0 auto;padding-inline:28px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:14px 28px;display:flex}.site-brand{flex:none;text-decoration:none}.site-header-right{align-items:center;gap:22px;min-width:0;display:flex}.site-nav{gap:22px;display:flex}.site-nav a,.site-crumbs a{color:var(--muted);font-size:14px;text-decoration:none}.site-nav a:hover,.site-crumbs a:hover{color:var(--accent)}.site-crumbs{min-width:0;color:var(--ink);align-items:center;gap:6px;font-size:14px;display:flex}.crumb-sep{color:var(--faint);font-size:13px}.crumb-current{text-overflow:ellipsis;white-space:nowrap;max-width:32ch;overflow:hidden}.site-footer{border-top:1px solid var(--line);margin-top:64px}.site-footer-inner{max-width:1120px;color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto;padding:20px 28px 28px;font-size:13px;display:flex}.site-footer-credit{align-items:center;gap:8px;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}.site-footer-links{flex-wrap:wrap;gap:16px;display:flex}.site-footer-links .mono-link{font:400 12px var(--mono);color:var(--faint);text-decoration:none}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:64px 56px;display:grid}.landing-title{letter-spacing:-.02em;margin-top:12px;font-size:clamp(40px,6vw,60px);line-height:1.02}.landing-title em{color:var(--accent);font-style:italic;font-weight:400}.landing-lede{color:var(--ink-2);max-width:46ch;margin-top:18px;font-size:17px;line-height:1.6}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:26px;display:flex}.landing-actions .btn{min-height:42px;padding-inline:20px;font-size:14px}.hero-painting{margin:0}.hero-painting-mat{padding:12px;transition:opacity .9s}.hero-painting-mat.is-fading{opacity:.25}.hero-painting-canvas{aspect-ratio:4/3}.hero-painting-status{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;display:flex}.hero-painting-state{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;display:inline-flex;overflow:hidden}.hero-painting-title{color:var(--faint);white-space:nowrap;font-size:14px}.landing-how{background:var(--bg-2);border-block:1px solid var(--line);padding-block:40px 44px}.how-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:16px 0 0;padding:0;list-style:none;display:grid}.how-steps li{align-content:start;gap:2px;display:grid}.how-step-n{font:500 12px var(--mono);color:var(--emph)}.how-step-title{font:500 21px/1.2 var(--serif)}.how-step-body{color:var(--muted);font-size:14px;line-height:1.5}.how-example{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;margin-top:28px;display:grid}.code-card{background:var(--code-bg);color:var(--code-ink);font:400 12.5px/1.75 var(--mono);border-radius:var(--radius-md);white-space:pre;margin:0;padding:16px 18px;overflow-x:auto}.code-card code{font:inherit}.tok-key{color:var(--code-key)}.tok-str{color:var(--code-str)}.tok-comment{color:var(--code-comment)}.how-figure{gap:8px;margin:0;display:grid}.landing-gallery{padding-block:44px 0}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.section-head h2{font-size:26px}.art-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}.art-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.art-card{color:var(--ink);gap:8px;text-decoration:none;display:grid}.art-card .mat{padding:6px;transition:border-color .15s}.art-card img{aspect-ratio:4/3;object-fit:cover}.art-card:hover .mat{border-color:var(--line-strong)}.art-card:hover .art-card-title{color:var(--accent)}.art-card-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.art-card-title{font:italic 400 15px/1.3 var(--serif);min-width:0}.art-card-meta .mono-label{flex:none}.gallery-main{padding-block:44px 0}.gallery-head{gap:8px;margin-bottom:28px;display:grid}.gallery-title{letter-spacing:-.02em;font-size:clamp(40px,6vw,56px);line-height:1.02}.gallery-filters{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.gallery-featured{margin-bottom:36px}.art-card-featured .mat{padding:12px}.gallery-featured{max-width:880px}.art-card-featured .art-card-title{font-size:22px}.gallery-status{color:var(--muted);text-align:center;justify-items:center;gap:16px;padding:72px 0;display:grid}.piece-main{padding-block:36px 0}.piece-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.piece-mat{padding:14px}.piece-frame{background:var(--canvas-paper);border-radius:2px;width:100%;position:relative;overflow:hidden}.piece-frame>img,.piece-frame>svg{object-fit:contain;width:100%;height:100%;display:block}.piece-frame>.piece-strokes-overlay{pointer-events:none;position:absolute;inset:0}.replay{align-items:center;gap:12px;margin-top:12px;display:flex}.replay-play{background:var(--accent);width:32px;height:32px;color:var(--on-accent);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;display:flex}.replay-play:hover{background:var(--accent-pressed)}.replay-track{background:var(--line);border-radius:2px;flex:1;height:4px;position:relative}.replay-fill{background:var(--accent);border-radius:2px;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.replay-tick{cursor:pointer;background:0 0;border:none;width:16px;height:16px;margin:-8px 0 0 -8px;padding:0;position:absolute;top:50%}.replay-tick:after{content:"";background:var(--faint);border-radius:1px;width:2px;height:10px;position:absolute;top:3px;left:7px}.replay-tick.is-current:after{background:var(--emph)}.replay-label{flex:none}.replay-speed{border:1px solid var(--faint);min-width:36px;color:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:4px 6px}.piece-info{align-content:start;gap:14px;display:grid}.piece-title{font-size:clamp(28px,3.4vw,36px);line-height:1.1}.piece-prompt{gap:4px;margin-top:6px;display:grid}.piece-prompt blockquote{color:var(--ink-2);margin:0;font-size:17px;line-height:1.45}.piece-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.piece-note{color:var(--muted);margin-top:8px;font-size:14px}.dialog-backdrop{z-index:100;background:var(--overlay);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);padding:22px;overflow:auto}.program-dialog{gap:12px;max-width:820px;display:grid}.program-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.program-actions{gap:8px;display:flex}.program-code{max-height:70vh;overflow:auto}.program-error{color:var(--muted)}@media (width<=900px){.landing-hero,.how-example,.piece-layout{grid-template-columns:minmax(0,1fr)}.landing-hero{gap:32px;padding-block:40px}.how-steps,.art-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site-section,.site-header-inner,.site-footer-inner{padding-inline:var(--gutter)}.site-header-right{gap:12px}.site-nav{display:none}.site-enter{min-height:32px;padding:5px 12px;font-size:12px}.crumb-current{max-width:14ch}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.art-card-meta{flex-direction:column;gap:2px}.code-card{padding:12px 14px;font-size:11.5px}}