:root{color-scheme:dark;--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, serif;--font-mono:"Geist Mono", ui-monospace, Menlo, monospace;--text-2xs:.625rem;--text-mono:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.75rem;--text-2xl:2rem;--text-3xl:2.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.1;--leading-snug:1.4;--leading-normal:1.5;--leading-mono:1.6;--tracking-eyebrow:.14em;--underline-offset:.25em;--ground:#001124;--surface:#002042;--raised:#0b2a4f;--sunken:#000a16;--line:#1c3e62;--line-strong:#58799c;--text:#e5859a;--text-soft:#dc6589;--muted:#90a6bd;--faint:#466a91;--primary:#dc6589;--on-primary:#001124;--focus:#0ae5f5;--link:#0ae5f5;--ink-compress:#59bbf8;--ink-expand:#47d1af;--ink-reflect:#fac342;--ink-execute:#ff577e;--text-compress:#59bbf8;--text-expand:#47d1af;--text-reflect:#fac342;--text-execute:#ff577e;--wash-amount:15%;--highlight-amount:20%;--mark-line:url(/marks/line.svg);--mark-wavy:url(/marks/wavy.svg);--mark-highlight:url(/marks/highlight.svg);--mark-arrow:url(/marks/arrow.svg);--icon-clear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");--space-half:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:4px;--radius:8px;--radius-lg:12px;--control-h:2.75rem;--segment-h:2.75rem;--icon:1rem;--shape:.75rem;--tile:1.25rem;--fade:1.5rem;--measure:46rem;--shadow-raised:0 1px 2px #00000080, inset 0 1px 0 #ffffff0f;--shadow-inset:inset 0 1px 2px #0006;--stripe:repeating-linear-gradient(45deg, var(--sunken) 0 1px, transparent 1px 8px);--motion-fast:.15s;--motion-base:.2s;--motion-slow:.3s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-standard:cubic-bezier(.22, .61, .36, 1);--nudge:2px}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-weight:var(--weight-regular);line-height:var(--leading-tight);margin:0}button{font:inherit;cursor:pointer}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-mode]{--wash:color-mix(in srgb, var(--ink) var(--wash-amount), var(--surface))}[data-mode=compress]{--ink:var(--ink-compress);--mode-text:var(--text-compress);--mark:var(--mark-line);--mark-left:-1%;--mark-width:102%;--mark-bottom:-.32em;--mark-height:.5em;--mark-layer:0}[data-mode=expand]{--ink:var(--ink-expand);--mode-text:var(--text-expand);--mark:var(--mark-wavy);--mark-left:-2%;--mark-width:104%;--mark-bottom:-.4em;--mark-height:.7em;--mark-layer:0}[data-mode=reflect]{--ink:var(--ink-reflect);--mode-text:var(--text-reflect);--mark-ink:color-mix(in srgb, var(--ink) var(--highlight-amount), transparent);--mark:var(--mark-highlight);--mark-left:-4%;--mark-width:108%;--mark-bottom:-.08em;--mark-height:1.15em;--mark-layer:-1}[data-mode=execute]{--ink:var(--ink-execute);--mode-text:var(--text-execute);--mark:var(--mark-arrow);--mark-left:-1%;--mark-width:106%;--mark-bottom:-.45em;--mark-height:.8em;--mark-layer:0}.ink{isolation:isolate;display:inline-block;position:relative}.ink:after{content:"";z-index:var(--mark-layer);left:var(--mark-left);bottom:var(--mark-bottom);width:var(--mark-width);height:var(--mark-height);background:var(--mark-ink,var(--ink));mask:var(--mark) no-repeat center / 100% 100%;pointer-events:none;position:absolute}.page{max-width:var(--measure);padding:var(--space-5) var(--space-4) var(--space-8);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.masthead h1{font-family:var(--font-serif);font-size:var(--text-2xl)}.masthead .ink{--ink:linear-gradient(90deg, var(--ink-compress) 0 25%, var(--ink-expand) 25% 50%, var(--ink-reflect) 50% 75%, var(--ink-execute) 75%);--mark:var(--mark-wavy);--mark-left:-1%;--mark-width:102%;--mark-bottom:-.22em;--mark-height:.3em;--mark-layer:0}.masthead .credit{margin:var(--space-5) 0 0;font-size:var(--text-lg);color:var(--muted)}.masthead .credit a{color:var(--link);text-decoration-color:var(--faint);text-underline-offset:var(--underline-offset);transition:text-decoration-color var(--motion-fast) ease}.masthead .credit a:hover{text-decoration-color:var(--link)}.controls{z-index:2;gap:var(--space-3);padding:var(--space-4) var(--space-3);margin:var(--space-6) calc(-1 * var(--space-3)) 0;background:var(--ground);border-bottom:1px solid var(--line);display:grid;position:sticky;top:0}.controls .search{color:var(--muted);position:relative}.controls .search .icon{top:50%;left:var(--space-3);width:var(--icon);height:var(--icon);pointer-events:none;position:absolute;transform:translateY(-50%)}.controls .search input{width:100%;height:var(--control-h);padding:0 var(--space-3) 0 calc(var(--space-3) * 2 + var(--icon));border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-base)}.controls .search input::placeholder{color:var(--muted)}.controls .search input::-webkit-search-cancel-button{-webkit-appearance:none;width:var(--icon);height:var(--icon);background:var(--muted);mask:var(--icon-clear) no-repeat center / contain;cursor:pointer}.controls .search input:focus-visible{outline-offset:-1px}.modes{scrollbar-width:none;mask-image:linear-gradient(to right, black calc(100% - var(--fade)), transparent);overflow-x:auto}.modes .track{gap:var(--space-1);padding:var(--space-1);margin:var(--space-1) var(--fade) var(--space-1) 0;border-radius:var(--radius-lg);background:var(--sunken);box-shadow:var(--shadow-inset);display:inline-flex}.modes .segment{align-items:center;gap:var(--space-2);min-height:var(--segment-h);padding:0 var(--space-4);border-radius:var(--radius);color:var(--text-soft);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;background:0 0;border:none;display:inline-flex}.modes .segment:hover{color:var(--text)}.modes .segment.active{background:var(--raised);color:var(--text);box-shadow:var(--shadow-raised)}.modes .segment .shape{width:var(--shape);height:var(--shape);color:var(--mode-text)}.modes .segment .ink:after{opacity:0;transition:opacity var(--motion-base) ease}.modes .segment.active .ink:after{opacity:1}.list{display:grid}.row{grid-template-columns:var(--tile) 1fr var(--icon);gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-3);margin:0 calc(-1 * var(--space-3));border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;transition:background-color var(--motion-fast) ease;background:0 0;border:none;align-items:start;list-style:none;display:grid;position:relative}.row::-webkit-details-marker{display:none}.row .tile{width:var(--tile);height:var(--tile);border-radius:var(--radius-sm);color:var(--mode-text);place-items:center;display:grid}.row .shape{width:var(--shape);height:var(--shape)}.row .heading{column-gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug);flex-direction:column;display:flex}.row .title{font-weight:var(--weight-semibold)}.row .slash{color:var(--faint);display:none}.row .mode{color:var(--muted)}.row .desc{margin:var(--space-1) 0 0;-webkit-line-clamp:2;line-clamp:2;color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-snug);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.row .chevron{width:var(--icon);height:var(--tile);color:var(--muted);transition:transform var(--motion-fast) var(--ease-out)}@media (hover:hover){.row:hover{background:var(--raised)}.row:hover .chevron{transform:translateX(var(--nudge))}}.prompt[open]:not(.collapsed) .row .chevron{transform:rotate(90deg)}.hidden{display:none}.empty{margin:var(--space-4) 0 0;padding:var(--space-8) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--stripe);color:var(--text-soft);font-size:var(--text-sm);text-align:center}.prompt .panel{transition:grid-template-rows var(--motion-slow) var(--ease-standard);grid-template-rows:1fr;display:grid}.prompt.collapsed .panel{grid-template-rows:0fr}.prompt.instant .panel{transition:none}.prompt .body{min-height:0;padding-left:calc(var(--tile) + var(--space-3));overflow:clip}.prompt .section+.section{margin:var(--space-5) 0 0}.prompt .section:first-child{padding-top:var(--space-3)}.prompt .section:last-child{padding-bottom:var(--space-6)}.prompt .section h3{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted)}.prompt .section p{margin:0}.prompt .section ul{padding-left:var(--space-5);margin:0}.prompt .gen{gap:var(--space-3);display:grid}.prompt .gen label{gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-soft);display:grid}.prompt .gen input{height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-base);font-weight:var(--weight-regular)}.prompt .gen input::placeholder{color:var(--muted)}.prompt .gen input:focus-visible{outline-offset:-1px}.prompt .frame{margin:var(--space-3) 0 0;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--stripe)}.prompt .preview{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-mono);line-height:var(--leading-mono);white-space:pre-wrap}.prompt .preview mark{padding:0 var(--space-half);border-radius:var(--radius-sm);background:var(--wash);color:inherit}.prompt .copy{align-items:center;gap:var(--space-2);min-height:var(--control-h);margin:var(--space-3) 0 0;padding:0 var(--space-4);border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--motion-fast) ease;border:none;display:inline-flex}.prompt .copy:hover{background:color-mix(in srgb, var(--primary) 85%, var(--ground))}.prompt .copy .icons{width:var(--icon);height:var(--icon);position:relative}.prompt .copy .icon{width:var(--icon);height:var(--icon);transition:opacity var(--motion-base) ease-out;position:absolute;inset:0}.prompt .copy .done,.prompt .copy.copied .idle{opacity:0}.prompt .copy.copied .done{opacity:1;transition-duration:var(--motion-slow);transition-delay:var(--motion-base)}.prompt .tools{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.prompt .tools a{color:var(--link);font-size:var(--text-sm);text-decoration-color:var(--faint);text-underline-offset:var(--underline-offset);transition:text-decoration-color var(--motion-fast) ease}.prompt .tools a:hover{text-decoration-color:var(--link)}@media (prefers-reduced-motion:reduce){.prompt .panel,.modes .segment,.modes .segment .ink:after,.row,.row .chevron,.prompt .copy .icon{transition:none}.row:hover .chevron{transform:none}}@media (width>=720px){.page{padding:var(--space-8) var(--space-5)}.masthead h1{font-size:var(--text-3xl)}.modes{overflow-x:visible;mask-image:none}.modes .track{margin-right:0}.row .heading{flex-flow:wrap}.row .slash{display:inline}.modes .segment{--segment-h:2.25rem}.controls .search input,.prompt .gen input{--control-h:2.5rem}}