.window-frame{position:relative;padding-top:2.4rem}.app{--chrome: 13px;position:relative;display:flex;flex-direction:column;overflow:hidden;aspect-ratio:16 / 12;border-radius:12px;background:var(--background);font-size:var(--chrome);line-height:18px;box-shadow:0 0 0 1px var(--border),0 2px 4px -1px light-dark(oklch(0 0 0 / .1),oklch(0 0 0 / .55)),0 40px 80px -32px light-dark(oklch(0 0 0 / .22),oklch(0 0 0 / .75))}.app-header{display:flex;flex-shrink:0;align-items:center;gap:.6rem;padding:.55rem .85rem;border-bottom:1px solid var(--border)}.traffic{display:flex;gap:5px;margin-right:.35rem}.traffic i{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.app[data-focus] .traffic i:nth-child(1){background:#ff5f57}.app[data-focus] .traffic i:nth-child(2){background:#febc2e}.app[data-focus] .traffic i:nth-child(3){background:#28c840}.app-brand{display:flex;align-items:center;gap:.4rem;font-weight:600;letter-spacing:-.01em}.tri{width:13px;height:13px;fill:var(--foreground)}.app-header .spacer{margin-left:auto}.chip-kbd{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--faint);font-size:11px}.icon-btn{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--muted)}.app-main{position:relative;flex:1;min-height:0;overflow:hidden}.app-footer{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem .85rem;border-top:1px solid var(--border);color:var(--faint);font-size:11px}.app-footer .who{display:flex;align-items:center;gap:.4rem}.avatar{width:14px;height:14px;border-radius:50%;background:linear-gradient(140deg,#567cd3,#65389f)}.app-footer .where{font-family:var(--font-mono)}.pill{display:none;align-items:center;gap:.3rem;padding:.1rem .45rem;border-radius:var(--radius-sm);border:1px solid;font-size:11px}.pill-warning{color:var(--warning);border-color:color-mix(in oklab,var(--warning) 30%,transparent);background:color-mix(in oklab,var(--warning) 10%,transparent)}.app[data-act=held] .pill-warning{display:inline-flex}.dash-bar{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem .55rem}.dash-count{color:var(--muted);font-variant-numeric:tabular-nums}.field{flex:1;max-width:190px;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-well);color:var(--faint);font-size:11px}.seg{display:flex;margin-left:auto;padding:2px;gap:2px;border-radius:var(--radius-sm);background:var(--vbg-gray-alpha-100)}.seg span{padding:.1rem .4rem;border-radius:4px;color:var(--faint);font-size:11px}.seg span[data-on]{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-raised)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:0 .9rem .9rem}@media(max-width:560px){.app{aspect-ratio:3 / 4}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card[data-i="6"],.card[data-i="7"]{display:none}.app[data-act=detect] .grid,.app[data-act=build] .grid,.app[data-act=live] .grid,.app[data-act=save] .grid,.app[data-act=held] .grid{grid-template-columns:60%}}.app[data-act=detect] .grid,.app[data-act=build] .grid,.app[data-act=live] .grid,.app[data-act=save] .grid,.app[data-act=held] .grid{grid-template-columns:min(300px,46%)}.card.is-out{visibility:hidden;opacity:0;transform:scale(.96)}.card{--fw: var(--fw-static);--card-bg: color-mix(in oklab, var(--fw) 5%, var(--surface));position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:14px;background:linear-gradient(150deg,color-mix(in oklab,var(--fw) 22%,var(--surface)),var(--card-bg));box-shadow:0 4px 16px -8px light-dark(oklch(0 0 0 / .16),oklch(0 0 0 / .5)),0 0 0 1px light-dark(oklch(0 0 0 / .07),oklch(0 0 0 / .1));contain:layout paint;transition:opacity .26s ease,transform .26s cubic-bezier(.16,1,.3,1)}.card:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 1px #ffffff4d}.shot{position:absolute;inset:0;display:flex;flex-direction:column;gap:2.5%;padding:5%;background:color-mix(in oklab,var(--fw) 12%,light-dark(white,oklch(.14 0 0)))}.shot i,.shot b{display:block;border-radius:3px;background:color-mix(in oklab,var(--fw) 80%,transparent)}.shot .w-bar{height:4.5%;flex:none}.shot .w-hero{height:34%;flex:none;background:color-mix(in oklab,var(--fw) 62%,transparent)}.shot .w-line{height:2.5%;width:78%;flex:none}.shot .w-line.short{width:52%}.shot .w-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;height:20%;flex:none}.shot .w-tiles i{height:100%}.card .glass{position:absolute;inset:0;pointer-events:none;background:#ffffff0f;backdrop-filter:blur(7px) saturate(180%);-webkit-backdrop-filter:blur(7px) saturate(180%);transition:backdrop-filter .2s ease-out,background-color .2s ease-out}.card:hover .glass{background:#ffffff05;backdrop-filter:blur(2px) saturate(180%);-webkit-backdrop-filter:blur(2px) saturate(180%);transition-duration:.32s}.card .scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgb(0 0 0 / .3) 0%,rgb(0 0 0 / .12) 16%,transparent 32%),linear-gradient(to top,rgb(0 0 0 / .62) 0%,rgb(0 0 0 / .5) 10%,rgb(0 0 0 / .26) 22%,rgb(0 0 0 / .07) 31%,transparent 38%)}.card-top{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:.5rem .55rem 0}.fw-chip{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--fwc, var(--fwc-static));box-shadow:inset 0 1px #ffffff59,0 1px 2px #00000059;outline:1px solid rgb(255 255 255 / .2);outline-offset:-1px}.fw-chip img{width:13px;height:13px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 1px oklch(0 0 0 / .35))}.kebab{color:#ffffffbf;opacity:0;transition:opacity .14s ease}.card:hover .kebab{opacity:1}.card-bottom{position:absolute;inset:auto 0 0;padding:0 .55rem .5rem;min-width:0}.card-name{overflow:hidden;color:#fff;font-size:14px;font-weight:600;line-height:1.15;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.card-url{display:flex;align-items:center;gap:.25rem;margin-top:2px;color:#fffc;font-family:var(--font-mono);font-size:10px}.card-url svg{flex:none}.card-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-note{margin-top:2px;color:#fff9;font-size:11px}.card-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.badge{display:inline-flex;align-items:center;gap:3px;padding:0 5px;border-radius:999px;background:#ffffff29;color:#ffffffe6;font-size:9px;line-height:15px;backdrop-filter:blur(4px)}.badge.warn{background:color-mix(in oklab,var(--vbg-amber-900) 30%,rgb(0 0 0 / .3))}.card[data-state=build] .shot,.card[data-state=build] .glass,.card[data-state=build] .scrim,.card[data-state=build] .card-bottom,.card[data-state=build] .card-top{display:none}.card[data-state=build]{background:#090a0e}.card[data-state=build]:after{box-shadow:inset 0 0 0 1px #ffffff1a}.term{display:none;position:absolute;inset:0;flex-direction:column}.card[data-state=build] .term{display:flex;animation:terminal-in .22s cubic-bezier(.16,1,.3,1)}@keyframes terminal-in{0%{opacity:0;transform:scale(.965)}}.term-bar{position:relative;display:flex;flex-shrink:0;align-items:center;padding:5px 7px;border-bottom:1px solid rgb(255 255 255 / .1);background:#ffffff0d;box-shadow:inset 0 1px #ffffff24}.term-bar .traffic i{width:7px;height:7px}.term-bar .title{position:absolute;inset-inline:0;top:50%;translate:0 -50%;margin-inline:auto;width:max-content;max-width:58%;overflow:hidden;color:#fff9;font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.term-log{flex:1;min-height:0;overflow:hidden;padding:6px 7px;color:#ffffffb8;font-family:var(--font-mono);font-size:10px;line-height:1.6}.term-log>span{display:block;overflow:hidden;opacity:0;text-overflow:ellipsis;white-space:nowrap;transition:opacity .12s ease}.term-log>span.on{opacity:1}.term-log .dim{color:#ffffff6b}.term-log .ok{color:#07c952}.term-log .hold{color:oklch(77% .19 64)}.caret{display:inline-block;width:5px;height:9px;translate:0 1px;background:#ffffffb3;animation:caret 1.06s step-end infinite}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.term-status{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:4px 7px;border-top:1px solid rgb(255 255 255 / .1);background:#ffffff0a;color:#ffffff73;font-family:var(--font-mono);font-size:9px}.term-status .state{display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:999px;background:#ffffff1a;color:#ffffffbf;line-height:15px}.dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.dot.building{background:var(--warning);animation:pulse-soft 1.6s ease-in-out infinite}.dot.ready{background:var(--success)}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.35}}.overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .16s ease-out}.overlay[data-on]{opacity:1}.empty{background:var(--background);text-align:center}.empty .art{display:grid;place-items:center;width:74px;height:74px;margin:0 auto .75rem;border-radius:14px;border:1px dashed var(--border-strong);color:var(--faint)}.empty h4{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.empty p{margin-top:.2rem;color:var(--muted);font-size:12px}.drop{display:block;background:color-mix(in oklab,var(--background) 90%,transparent);backdrop-filter:blur(12px)}.drop .rain{position:absolute;inset:0;width:100%;height:100%;color:var(--foreground)}.drop-copy{position:absolute;inset:auto 0 12%;padding-inline:1.5rem;text-align:center;opacity:0;translate:0 4px;transition:opacity .22s ease-out,translate .22s ease-out}.drop[data-beat=carry] .drop-copy[data-beat=carry],.drop[data-beat=landed] .drop-copy[data-beat=landed]{opacity:1;translate:0 0}.drop-title{font-size:clamp(1rem,2.6cqw,1.5rem);font-weight:600;letter-spacing:-.02em}.drop-sub{margin-top:.25rem;color:var(--muted);font-size:clamp(.7rem,1.5cqw,.875rem)}.folder-ghost{position:absolute;left:50%;top:50%;width:13%;max-width:76px;translate:calc(-50% + var(--dx, 0px)) calc(-50% + var(--dy, 0px));rotate:var(--rot, -8deg);scale:var(--scale, 1);opacity:var(--fade, 1);filter:drop-shadow(0 12px 18px oklch(0 0 0 / .45))}.folder-ghost svg{display:block;width:100%}.folder-name{display:block;margin-top:5px;border-radius:999px;background:color-mix(in oklab,var(--background) 82%,transparent);backdrop-filter:blur(6px);box-shadow:0 0 0 1px var(--border);color:var(--foreground);font-family:var(--font-mono);font-size:10px;line-height:17px;text-align:center}.toast{position:absolute;z-index:4;right:.9rem;bottom:.9rem;display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-raised);font-size:11px;opacity:0;translate:0 6px;transition:opacity .2s ease-out,translate .2s ease-out}.toast[data-on]{opacity:1;translate:0 0}.toast code{color:var(--muted)}.editor{position:absolute;z-index:4;right:5%;top:26%;width:46%;overflow:hidden;border-radius:10px;border:1px solid var(--border-strong);background:light-dark(oklch(.99 0 0),oklch(.09 0 0));box-shadow:0 24px 48px -18px #0009;opacity:0;translate:0 10px;transition:opacity .2s ease-out,translate .2s ease-out}.editor[data-on]{opacity:1;translate:0 0}.editor-bar{display:flex;align-items:center;gap:.4rem;padding:4px 8px;border-bottom:1px solid var(--border);color:var(--faint);font-family:var(--font-mono);font-size:10px}.editor-bar .mod{width:6px;height:6px;border-radius:50%;background:var(--warning)}.editor pre{margin:0;padding:8px 10px;color:var(--muted);font-family:var(--font-mono);font-size:10px;line-height:1.7}.editor .add{display:block;margin-inline:-10px;padding-inline:10px;background:color-mix(in oklab,var(--success) 14%,transparent);color:var(--foreground)}.editor .save{display:flex;align-items:center;justify-content:space-between;padding:3px 10px;border-top:1px solid var(--border);color:var(--faint);font-family:var(--font-mono);font-size:9px}.palette{position:absolute;inset:0;z-index:5;display:flex;justify-content:center;padding-top:12%;background:color-mix(in oklab,black 45%,transparent);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .18s ease-out}.palette[data-on]{opacity:1}.palette-panel{width:66%;height:max-content;overflow:hidden;border-radius:10px;border:1px solid var(--border-strong);background:color-mix(in oklab,var(--background) 92%,transparent);backdrop-filter:blur(20px) saturate(160%);box-shadow:0 24px 48px -16px #0009}.palette[data-on] .palette-panel{animation:panel-in .2s cubic-bezier(.16,1,.3,1)}@keyframes panel-in{0%{opacity:0;transform:scale(.96) translateY(4px)}}.palette-input{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid var(--border);color:var(--faint);font-size:12px}.palette-input .typed{color:var(--foreground)}.palette-list{padding:4px}.palette-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border-radius:var(--radius-sm);color:var(--muted);font-size:12px}.palette-row[data-sel]{background:var(--vbg-gray-alpha-100);color:var(--foreground)}.palette-row .hint{margin-left:auto;color:var(--faint);font-family:var(--font-mono);font-size:10px}.palette-row.is-action{padding-left:1.7rem}.palette-row .mark{width:16px;height:16px;border-radius:4px;background:var(--fwc, var(--fwc-static))}.palette-group{padding:6px 8px 2px;color:var(--faint);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.menubar{position:absolute;z-index:6;top:.4rem;right:6%;display:flex;align-items:center;gap:.45rem;padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow-raised);color:var(--muted);font-size:11px;opacity:0;translate:0 6px;transition:opacity .22s ease-out,translate .22s ease-out}.menubar[data-on]{opacity:1;translate:0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage[data-astro-cid-j7pv25f6]{height:calc(var(--acts) * 72svh)}