.artifact-page{--artifact-min:260px}.artifact-wall{grid-template-columns:repeat(auto-fill, minmax(var(--artifact-min), 1fr));gap:16px;display:grid}@media (min-width:640px){.artifact-page{--artifact-min:300px}}@media (min-width:1024px){.artifact-wall{grid-template-columns:repeat(3,1fr)}}.artifact-card{cursor:pointer;background:#0000000d;position:relative}html[data-theme=dark] .artifact-card{background:#ffffff0f}.artifact-stage{pointer-events:none}.artifact-card:focus-visible{outline:2px solid var(--accent,#c6281c);outline-offset:3px}.artifact-pill{pointer-events:none;opacity:0;z-index:2;color:#101013;max-width:calc(100% - 20px);font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:500;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);position:absolute;top:10px;left:10px;overflow:hidden;transform:translateY(-6px);box-shadow:0 1px 2px #00000017,0 6px 16px #0000001a}@media (hover:hover) and (pointer:fine){.artifact-card:hover .artifact-pill,.artifact-card:focus-within .artifact-pill{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.artifact-pill{transition:opacity .12s linear;transform:none}}.artifact-scrim{z-index:90;-webkit-backdrop-filter:blur(7px);background:#0a0a0c6b;justify-content:center;align-items:center;padding:20px;animation:.18s both artifact-scrim-in;display:flex;position:fixed;inset:0}.artifact-stack{justify-content:center;align-items:flex-start;gap:16px;width:100%;max-height:calc(100dvh - 40px);display:flex}.artifact-frame{overscroll-behavior:contain;background:var(--card,#fff);min-width:0;max-height:calc(100dvh - 40px);color:var(--foreground,#101013);border-radius:18px;flex-direction:column;flex:0 min(760px,100dvh - 122px);animation:.26s cubic-bezier(.22,1,.36,1) both artifact-frame-in;display:flex;overflow-y:auto;box-shadow:0 1px 2px #00000024,0 30px 70px #00000057}@keyframes artifact-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes artifact-frame-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.artifact-frame-head{border-bottom:.5px solid var(--grid-line);align-items:center;gap:10px;padding:12px 12px 10px 14px;display:flex}.artifact-work{overscroll-behavior:contain;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex;overflow-y:auto}.artifact-console{background:var(--card,#fff);width:clamp(196px,24vw,268px);max-height:100%;color:var(--foreground,#101013);border-radius:18px;flex-direction:column;flex:none;animation:.26s cubic-bezier(.22,1,.36,1) 40ms both artifact-frame-in;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000024,0 30px 70px #00000057}.artifact-console-body{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:14px;display:flex;overflow-y:auto}.artifact-console-section{flex-direction:column;gap:7px;display:flex}.artifact-console-title{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.14em;opacity:.38;font-size:9px}.artifact-console-fold{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;transition:opacity .12s ease-out;display:flex}.artifact-console-fold:hover{opacity:.85}.artifact-console-fold__sign{font-family:var(--font-geist-mono), ui-monospace, monospace;opacity:.5;font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.artifact-console-fold__n{font-family:var(--font-geist-mono), ui-monospace, monospace;opacity:.3;font-variant-numeric:tabular-nums;font-size:9px}.artifact-frame-title{font-family:var(--font-geist-sans), system-ui, sans-serif;font-size:13.5px;font-weight:500}.artifact-close{background:var(--grid-line,#00000014);width:26px;height:26px;color:inherit;cursor:pointer;border:0;border-radius:999px;margin-left:auto;font-size:15px;line-height:1}.artifact-frame-stage{border:.5px solid var(--grid-line);border-radius:12px;width:100%;position:relative;overflow:hidden}.artifact-frame-blurb{width:100%;font-family:var(--font-geist-sans), system-ui, sans-serif;opacity:.75;margin:0;font-size:13px;line-height:1.45}.artifact-controls{background:var(--card,#fff);border:.5px solid var(--grid-line);border-radius:10px;flex-direction:column;gap:9px;padding:11px;display:flex}.artifact-frame-meta{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;font-size:10px}.artifact-console-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.artifact-console-said{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;opacity:.5;font-size:10px;animation:.16s both artifact-scrim-in}.artifact-reset{border:.5px solid var(--grid-line);color:inherit;font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:10px}.artifact-reset--go{background:var(--foreground);color:var(--background);border-color:#0000}.artifact-reset:disabled{opacity:.34;cursor:default}.artifact-reset--quiet{opacity:.5;border-color:#0000}.artifact-frame-meta-block{flex-direction:column;gap:2px;display:flex}.artifact-frame-meta{opacity:.5;word-break:break-all}.artifact-frame-dim{opacity:.34}.artifact-close:focus-visible,.artifact-reset:focus-visible{outline:2px solid var(--accent,#c6281c);outline-offset:2px}@media (max-width:1080px){.artifact-stack{gap:12px}.artifact-work{padding:12px}.artifact-console-body{gap:14px;padding:12px}}@media (max-width:560px){.artifact-scrim{align-items:flex-start;padding:8px}.artifact-stack{overscroll-behavior:contain;flex-direction:column;align-items:center;gap:8px;width:100%;max-height:calc(100dvh - 16px);overflow-y:auto}.artifact-frame,.artifact-console{border-radius:14px;flex:none;width:100%;max-height:none}.artifact-console-body{overflow:visible}.artifact-work{padding:8px}.artifact-frame-stage,.artifact-frame-blurb{width:100%}.artifact-frame-head{padding:10px 10px 8px 12px}.artifact-console-body{gap:12px;padding:10px}}@media (prefers-reduced-motion:reduce){.artifact-scrim,.artifact-console,.artifact-frame{animation:none}}.artifact-pick{z-index:3;color:#101013;width:26px;height:26px;font-family:var(--font-geist-mono), ui-monospace, monospace;cursor:pointer;opacity:0;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:10px;right:10px;transform:translateY(-6px);box-shadow:0 1px 2px #00000017,0 6px 16px #0000001a}.artifact-pick[data-picked],.artifact-card:hover .artifact-pick,.artifact-card:focus-within .artifact-pick{opacity:1;transform:translateY(0)}.artifact-pick[data-picked]{color:#fff;background:#101013}.artifact-pick:focus-visible{outline:2px solid var(--accent,#c6281c);outline-offset:2px}.artifact-clapper [data-clap-field]{transition:background-color .18s}.artifact-clapper [data-clap-field=feed]{color:var(--feed-menu-ground,#f2c21b)}.artifact-clapper [data-clap-field=labs]{color:#c6281c}.artifact-clapper [data-clap-field=about]{color:#f7f7f7}.artifact-clapper [data-clap-field]:hover{filter:brightness(1.35)}.artifact-clapper [data-clap-field]:active{filter:none}.artifact-clapper [data-clap-field=feed]:active{background-color:var(--feed-menu-ground,#f2c21b);color:#101013}.artifact-clapper [data-clap-field=labs]:active{color:#f7f7f7;background-color:#8e1b12}.artifact-clapper [data-clap-field=about]:active{color:#101013;background-color:#f7f7f7}.artifact-clapper--plain [data-clap-field],.artifact-clapper--plain [data-clap-field]:hover,.artifact-clapper--plain [data-clap-field]:active{color:revert;background-color:revert;filter:none}.artifact-clapper [data-clap-catcher]{pointer-events:none!important}.artifact-chip{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out}.artifact-chip__val{opacity:0;transition:opacity .16s ease-out}.artifact-chips:hover .artifact-chip{transform:rotate(0)!important}.artifact-chip:hover{box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--foreground) 26%, transparent), 0 14px 34px #0000004d;z-index:40!important;transform:translateY(-10px)rotate(0)!important}.artifact-chip:hover .artifact-chip__val{opacity:.85}@media (prefers-reduced-motion:reduce){.artifact-chip,.artifact-chip__val{transition:none}}.artifact-reel::-webkit-scrollbar{width:0;height:0}@keyframes artifact-xo-in{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){@keyframes artifact-xo-in{0%{opacity:0}to{opacity:1}}}.artifact-pillctl{border:.5px solid var(--grid-line);background:color-mix(in srgb, currentColor 4%, transparent);width:100%;color:inherit;font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:left;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:999px;align-items:baseline;gap:10px;padding:7px 12px;font-size:11.5px;transition:background .14s,border-color .14s,opacity .14s;display:flex;position:relative;overflow:hidden}.artifact-pillctl-fill{width:calc(var(--t,0) * 100%);background:color-mix(in srgb, currentColor 16%, transparent);pointer-events:none;border-radius:999px;min-width:0;transition:background-color .16s ease-out;position:absolute;top:0;bottom:0;left:0}.artifact-pillctl:hover .artifact-pillctl-fill,.artifact-pillctl:focus-visible .artifact-pillctl-fill,.artifact-pillctl[data-live] .artifact-pillctl-fill{background:currentColor}.artifact-pillctl-name,.artifact-pillctl-val{color:#fff;mix-blend-mode:difference;position:relative}.artifact-pillctl--switch{cursor:pointer}.artifact-pillctl-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;flex:1;min-width:0;overflow:hidden}.artifact-pillctl-val{opacity:.62;font-variant-numeric:tabular-nums;flex:none}.artifact-pillctl[data-live]{border-color:color-mix(in srgb, currentColor 55%, transparent)}.artifact-pillctl:focus-visible{outline-offset:2px;outline:2px solid}@media (hover:hover) and (pointer:fine){.artifact-pillctl:hover{border-color:color-mix(in srgb, currentColor 38%, transparent)}}.artifact-puck{z-index:200;pointer-events:none;border-radius:999px;place-items:center;transition:width .12s,height .12s;display:grid;position:fixed;top:0;left:0;box-shadow:0 2px 10px #00000059,0 12px 40px #00000047}.artifact-puck-num{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;animation:.16s cubic-bezier(.22,1,.36,1) both artifact-tick}@keyframes artifact-tick{0%{opacity:.35;transform:translateY(-22%)scale(.86)}to{opacity:1;transform:none}}.artifact-hintfloat{z-index:199;border:.5px solid var(--grid-line);background:var(--card,#fff);max-width:268px;color:var(--foreground,#101013);font-family:var(--font-geist-sans), system-ui, sans-serif;pointer-events:none;border-radius:10px;padding:9px 12px 10px;font-size:12px;line-height:1.4;animation:.14s both artifact-scrim-in;position:fixed;top:0;left:0;box-shadow:0 1px 2px #00000024,0 14px 40px #0000004d}@media (prefers-reduced-motion:reduce){.artifact-puck{transition:none}.artifact-puck-num,.artifact-hintfloat{animation:none}}@media (max-width:560px){.artifact-pillctl{padding:10px 13px;font-size:12px}}.artifact-wave{opacity:.9;flex:none;width:1.35em;height:1.35em;display:block}.artifact-head{z-index:20;margin-bottom:24px;border-bottom:.5px solid #0000;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-inline:-12px;padding:10px 12px;transition:padding .26s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s;display:flex;position:sticky;top:0}@media (min-width:768px){.artifact-head{margin-inline:-20px;padding-inline:20px}}.artifact-head-id{flex-direction:column;flex:100%;gap:10px;min-width:0;transition:flex-basis .26s cubic-bezier(.22,1,.36,1);display:flex}.artifact-head-eyebrow{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.14em;opacity:.45;font-size:10px}.artifact-head-title{letter-spacing:-.01em;border:.5px solid #0000;border-radius:999px;align-self:flex-start;padding:0;font-size:28px;font-weight:600;line-height:1;transition:font-size .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}@media (min-width:768px){.artifact-head-title{font-size:34px}}.artifact-head-blurb{opacity:.6;max-width:52ch;margin:0;font-size:13px;line-height:1.6}.artifact-head-eyebrow,.artifact-head-blurb{grid-template-rows:1fr;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),opacity .16s;display:grid;overflow:hidden}.artifact-head-eyebrow>*,.artifact-head-blurb>*{min-height:0}.artifact-tabs{transition:transform .3s cubic-bezier(.22,1,.36,1)}.artifact-head[data-nav]{background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--grid-line);padding-block:8px}.artifact-head[data-nav] .artifact-head-id{flex:none;gap:0}.artifact-head[data-nav] .artifact-head-title{border-color:var(--grid-line);background:color-mix(in srgb, currentColor 8%, transparent);padding:5px 12px;font-size:13px}.artifact-head[data-nav] .artifact-head-eyebrow,.artifact-head[data-nav] .artifact-head-blurb{opacity:0;grid-template-rows:0fr}.artifact-head[data-nav] .artifact-tabs{animation:.32s cubic-bezier(.22,1,.36,1) both artifact-tabs-in}@keyframes artifact-tabs-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.artifact-head,.artifact-head-id,.artifact-head-title,.artifact-head-eyebrow,.artifact-head-blurb,.artifact-tabs{transition:none}.artifact-head[data-nav] .artifact-tabs{animation:none}}.artifact-sound{background:var(--card,#fff);width:clamp(196px,24vw,268px);max-height:100%;color:var(--foreground,#101013);border-radius:18px;flex-direction:column;flex:none;animation:.26s cubic-bezier(.22,1,.36,1) 20ms both artifact-frame-in;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000024,0 30px 70px #00000057}.artifact-wave--head{opacity:.85;width:16px;height:16px}.artifact-sound-note{font-family:var(--font-geist-sans), system-ui, sans-serif;opacity:.62;margin:0;font-size:12.5px;line-height:1.45}@media (max-width:1180px){.artifact-sound{order:3;width:min(760px,94vw);max-height:none}.artifact-sound .artifact-console-body{overflow:visible}}@media (max-width:560px){.artifact-sound{border-radius:14px;flex:none;width:100%;max-height:none}}@media (prefers-reduced-motion:reduce){.artifact-sound{animation:none}}.artifact-pillctl--swatch{cursor:pointer}.artifact-pillctl-chip{width:14px;height:14px;box-shadow:inset 0 0 0 .5px color-mix(in srgb, currentColor 45%, transparent);background-image:linear-gradient(45deg, color-mix(in srgb, currentColor 12%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, currentColor 12%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, currentColor 12%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, currentColor 12%, transparent) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;border-radius:999px;flex:none}.artifact-pillctl-chip>i{border-radius:inherit;background:var(--swatch,transparent);width:100%;height:100%;display:block}.artifact-pillctl-color{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.c4-tl{flex-direction:column;gap:3px;margin-top:2px;display:flex;position:relative}.c4-tl--live{cursor:ew-resize;touch-action:none}.c4-tl__row{font-family:var(--font-geist-mono), ui-monospace, monospace;align-items:center;gap:6px;font-size:9.5px;display:flex}.c4-tl__name{text-overflow:ellipsis;white-space:nowrap;opacity:.5;flex:none;width:62px;transition:opacity .12s ease-out;overflow:hidden}.c4-tl__name--on{opacity:1}.c4-tl__bar{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:999px;flex:1;height:7px;position:relative;overflow:hidden}.c4-tl__bar>i{background:currentColor;border-radius:999px;min-width:1.5px;height:100%;transition:opacity .12s ease-out;position:absolute;top:0}.c4-tl__bar--open>i,.c4-tl__span--open{opacity:.5;background:repeating-linear-gradient(-45deg,currentColor 0 2px,#0000 2px 5px)}.c4-tl__ms{text-align:right;opacity:.4;font-variant-numeric:tabular-nums;flex:none;width:52px}.c4-tl__head{cursor:ew-resize;touch-action:none;z-index:1;justify-content:center;width:14px;margin-left:-7px;display:flex;position:absolute;top:-2px;bottom:-2px}.c4-tl__head-line{opacity:.85;background:currentColor;width:1px;height:100%;display:block}.c4-tl__head-knob{color:var(--card,#fff);font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:currentColor;border-radius:999px;margin-bottom:3px;padding:1px 5px;font-size:9px;font-weight:500;line-height:1.4;position:absolute;bottom:100%}.c4-tl--live{padding-top:14px}.c4-group{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.c4-group__mark{font-family:var(--font-geist-mono), ui-monospace, monospace;opacity:.4;font-size:11px;line-height:1;transition:opacity .14s ease-out}.c4-group:hover .c4-group__mark{opacity:.85}