@font-face{font-family:RainMaker Studio Trueno;font-weight:600;font-display:swap;src:url(/assets/TruenoSBd-D0FhFCf7.otf) format("opentype")}.app{--void: #0a0d14;--slate: #141a24;--slate-line: #232b39;--on-void: #e8ecf4;--on-void-muted: #8b97ab;--paper: #ffffff;--paper-sunk: #f2f4f8;--rule: #e2e6ee;--rule-strong: #cad1de;--ink: #0e131c;--ink-muted: #5c6779;--ink-subtle: #8b95a6;--esp: #e8362d;--esp-sunk: #fdedec;--live: #3ddc97;--danger: #c42b22;--danger-sunk: #fdeae8;--focus: #3b82f6;--brand: #e8362d;--topbar-h: 56px;--rail-nav-w: 60px;--rail-w: clamp(396px, 25vw, 440px);--input-h: 36px;--ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--display: "RainMaker Studio Trueno", var(--ui);--neo-sweep: linear-gradient(90deg, #f04e37, #c76a9d 38%, #9b79d9 62%, #3d84f2);display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:var(--rail-w) 1fr;grid-template-areas:"topbar topbar" "rail   stage";height:var(--studio-height, 100vh);font-family:var(--ui);color:var(--ink);background:var(--void);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}@media(max-width:999px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "pane"}.app>.rail,.app>.stage{grid-area:pane}.app>.stage,.app>.rail .rail-panel{padding-bottom:72px}.app>.stage{padding-left:16px;padding-right:16px}.app:not([data-pane=preview])>.stage{visibility:hidden}.app[data-pane=preview]>.rail{display:none}}.app,.app *{box-sizing:border-box}.app button,.app input,.app select{font-family:inherit;letter-spacing:inherit}.app :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app input[type=range]{accent-color:var(--brand);width:100%}@media(prefers-reduced-motion:reduce){.app,.app *{transition:none!important}}.rail{grid-area:rail;background:var(--paper);border-right:1px solid var(--slate-line);display:grid;grid-template-columns:var(--rail-nav-w) minmax(0,1fr);min-height:0}.rail-nav{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-right:1px solid var(--slate-line);background:var(--slate);overflow-y:auto}.rail-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 0 8px;border:0;background:none;color:var(--on-void-muted);cursor:pointer}.rail-tab-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:30px;border-radius:999px;transition:background .14s ease,color .14s ease}.rail-tab-icon svg{display:block}.rail-tab-label{font-size:11px;font-weight:500;line-height:1.2;letter-spacing:0}.rail-tab:hover .rail-tab-icon{background:#ffffff12}.rail-tab:hover,.rail-tab[aria-selected=true]{color:var(--on-void)}.rail-tab[aria-selected=true] .rail-tab-icon{background:color-mix(in srgb,var(--brand) 30%,transparent);color:color-mix(in srgb,var(--brand) 45%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent)}.rail-tab[aria-selected=true] .rail-tab-label{font-weight:650}.rail-tab:focus-visible{outline:none}.rail-tab:focus-visible .rail-tab-icon{outline:2px solid var(--focus);outline-offset:1px}.rail-tab-badge{position:absolute;top:-3px;right:2px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--slate);border-radius:999px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;line-height:13px;text-align:center}.rail-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}.rail-head{padding:18px 18px 14px;border-bottom:1px solid var(--rule)}.rail-title{margin:0;font-family:var(--display);font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}.rail-sub{margin:3px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-body{overflow-y:auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:26px;min-height:0}.rail-body>*{animation:rail-in .3s cubic-bezier(.2,.8,.2,1) both}.rail-body>:nth-child(2){animation-delay:35ms}.rail-body>:nth-child(3){animation-delay:70ms}.rail-body>:nth-child(4){animation-delay:105ms}.rail-body>:nth-child(5){animation-delay:.14s}.rail-body>:nth-child(n+6){animation-delay:175ms}@keyframes rail-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.rail-body>*{animation:none}}.group{display:flex;flex-direction:column;gap:12px}.group-label{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.005em;color:var(--ink);margin:0}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12px;font-weight:500;color:var(--ink-muted)}.field input[type=text],.field input[type=url]{height:var(--input-h);font-size:13.5px;padding:0 11px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.field input[type=text]:hover,.field input[type=url]:hover{border-color:var(--ink-subtle)}.field input::placeholder{color:var(--ink-subtle)}.field input:focus,.field input:focus:hover{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.field input.mono,.mono{font-family:var(--mono);font-size:12.5px}.hint{font-size:11.5px;line-height:1.45;color:var(--ink-subtle)}.error{font-size:11.5px;font-weight:500;color:var(--danger)}.asset-field-row{display:flex;gap:6px;align-items:center}.asset-field-row input{flex:1;min-width:0}.asset-foot{display:flex;gap:9px;align-items:center;min-height:16px}.asset-thumb{width:30px;height:30px;flex-shrink:0;object-fit:contain;border-radius:8px;border:1px solid var(--rule);background:var(--paper-sunk);padding:2px}.palette-name{font-size:12px;font-weight:650;color:var(--ink)}.role-label{display:flex;flex-direction:column;font-size:12px;color:var(--ink);flex:1;min-width:0}.role-hint{font-size:10.5px;color:var(--ink-subtle)}.role-reset{font-family:var(--mono);font-size:10px;padding:3px 7px;border:1px solid var(--rule-strong);border-radius:6px;background:var(--paper);color:var(--ink-muted);cursor:pointer}.role-reset:hover{border-color:var(--ink);color:var(--ink)}.segmented{display:flex;background:var(--paper-sunk);border-radius:9px;padding:3px;gap:3px}.segmented button{flex:1;font-size:12.5px;font-weight:600;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink-muted);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #0e131c1f}.rail-foot{border-top:1px solid var(--rule);padding:14px 20px 16px;display:flex;flex-direction:column;gap:9px;background:var(--paper)}.rail-foot:empty{display:none}.btn{font-size:13.5px;font-weight:600;padding:10px 14px;border-radius:9px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--rule-strong)}.btn-ghost:hover:not(:disabled){background:var(--paper-sunk)}.btn-dark{background:#ffffff14;color:var(--on-void);border-color:var(--slate-line)}.btn-dark:hover:not(:disabled){background:#ffffff26}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{font-size:12.5px;padding:7px 12px}.role-col{min-width:0}.role-item-head{display:flex;align-items:center;gap:8px;padding:3px 5px;margin:0 -5px;border-radius:7px}.role-item-head:hover{background:var(--paper-sunk)}.option{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:9px;border:1px solid transparent;cursor:pointer}.option:hover{background:var(--paper-sunk)}.option:has(input:checked){border-color:color-mix(in srgb,var(--brand) 28%,var(--rule));background:color-mix(in srgb,var(--brand) 5%,transparent)}.option input{margin-top:1px;width:15px;height:15px;accent-color:var(--brand);flex-shrink:0}.option .name{font-size:13px;font-weight:600;display:block}.option .desc{font-size:11.5px;line-height:1.4;color:var(--ink-subtle);display:block;margin-top:1px}.issues{background:var(--danger-sunk);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-radius:9px;padding:10px 12px;margin:0;list-style:none;display:flex;flex-direction:column;gap:4px}.issues li{font-size:11.5px;line-height:1.4;color:var(--danger)}.issues-dismissable{flex-direction:row;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4;color:var(--danger)}.issues-dismissable>span{flex:1;min-width:0}.issues-close{flex-shrink:0;padding:0 2px;border:0;background:none;color:inherit;font-size:11px;cursor:pointer;opacity:.7}.issues-close:hover{opacity:1}.issue-jump{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.issue-jump:hover{text-decoration:underline;text-underline-offset:2px}.start-hero{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:18px 16px 14px;border-radius:16px;background:var(--slate);color:var(--on-void);overflow:hidden;isolation:isolate}.start-aura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.start-aura span{position:absolute;width:190px;height:190px;border-radius:50%;filter:blur(34px);opacity:calc(.5 + .35 * var(--beat, 0));transition:background .7s ease}.start-aura span:nth-child(1){right:-50px;top:-70px;background:var(--brand);animation:aura-a 14s ease-in-out infinite alternate}.start-aura span:nth-child(2){right:60px;top:40px;width:140px;height:140px;background:#9b79d9;opacity:calc(.28 + .3 * var(--beat, 0));animation:aura-b 18s ease-in-out infinite alternate}.start-aura span:nth-child(3){left:-60px;bottom:-90px;background:#3d84f2;opacity:calc(.22 + .3 * var(--beat, 0));animation:aura-c 22s ease-in-out infinite alternate}.start-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(#ffffff2e 1px,transparent 1.2px);background-size:14px 14px;-webkit-mask-image:radial-gradient(70% 60% at 100% 0%,#000,transparent);mask-image:radial-gradient(70% 60% at 100% 0%,#000,transparent)}.start-eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:-.005em;color:var(--on-void-muted)}.start-eyebrow img{display:block;height:20px;width:auto}.start-title{margin:14px 0 0;font-family:var(--display);font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.05;white-space:nowrap}.start-title-accent{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 70%,#fff),#b79cf0 60%,#6ea6f7);-webkit-background-clip:text;background-clip:text;color:transparent}.neo-word{background:var(--neo-sweep);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:neo-shimmer 6s ease-in-out infinite alternate}.start-lead{margin:10px 0 16px;font-size:12.5px;color:var(--on-void-muted)}.start-play{display:flex;align-items:center;gap:12px;width:100%;padding:9px;border:1px solid color-mix(in srgb,var(--brand) 60%,#ffffff30);border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 72%,#0a0d14),color-mix(in srgb,var(--brand) 38%,#1a1f2e));box-shadow:0 12px 30px -14px color-mix(in srgb,var(--brand) 80%,transparent),inset 0 1px #ffffff1f;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,background .6s ease}.start-play:hover{transform:translateY(-1px);box-shadow:0 16px 34px -12px color-mix(in srgb,var(--brand) 90%,transparent),inset 0 1px #ffffff26}.start-play-ring{position:relative;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#ffffff1a}.start-play-ring>svg{width:40px;height:40px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff26;stroke-width:2.5}.ring-fill{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress, 0))}.start-play-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-left:2px}.start-play[aria-pressed=true] .start-play-glyph{padding-left:0}.start-play-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.start-play-copy b{font-family:var(--display);font-size:14.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-play-copy span{font-size:10.5px;color:#ffffffb3}.start-play-sound{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#0003;color:#fff}.start-play-sound:hover{background:#0005}.start-play-sound[aria-checked=false]{color:#ffffff8c}.start-tour{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 2px;border:0;background:transparent;color:var(--on-void-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.start-tour:hover{color:var(--on-void)}.start-tour svg{transition:transform .16s ease}.start-tour:hover svg{transform:translate(3px)}@keyframes neo-shimmer{to{background-position:100% 0}}@keyframes aura-a{to{transform:translate(-40px,30px) scale(1.15)}}@keyframes aura-b{to{transform:translate(50px,-20px) scale(.85)}}@keyframes aura-c{to{transform:translate(60px,-30px) scale(1.2)}}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.brand-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:12px 12px 11px;border:1px solid var(--rule-strong);border-radius:14px;background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--card-accent) 9%,transparent),transparent 70%),var(--paper);overflow:hidden;cursor:pointer;text-align:left;font:inherit;animation:brand-card-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 45ms);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease}.brand-card:hover,.brand-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 55%,var(--rule-strong));box-shadow:0 16px 30px -16px color-mix(in srgb,var(--card-accent) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--card-accent) 22%,transparent)}.brand-card[aria-pressed=true]{border-color:var(--card-accent);background:radial-gradient(130% 80% at 0% 0%,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 72%),var(--paper);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-accent) 32%,transparent),0 14px 28px -18px color-mix(in srgb,var(--card-accent) 70%,transparent)}.brand-card-head{display:flex;align-items:flex-start;justify-content:space-between;align-self:stretch;margin-bottom:9px}.brand-card-icon{display:block;width:40px;height:40px;border-radius:10px;box-shadow:0 6px 14px -6px color-mix(in srgb,var(--card-accent) 70%,transparent),0 1px 2px #0000001f;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.brand-card:hover .brand-card-icon{transform:scale(1.06)}.brand-card-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--card-accent);color:#fff;opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.brand-card[aria-pressed=true] .brand-card-check{opacity:1;transform:none}.brand-card-name{max-width:100%;font-family:var(--display);font-size:12.5px;font-weight:600;line-height:1.25;letter-spacing:-.005em;color:var(--ink);overflow-wrap:anywhere}.brand-card-vertical{max-width:100%;margin-top:2px;font-size:10.5px;line-height:1.3;color:var(--ink-subtle);overflow-wrap:anywhere}.brand-card-family{display:flex;gap:5px;margin-top:auto;padding-top:10px}.brand-card-family img{display:block;width:24px;height:24px;filter:drop-shadow(0 1px 1.5px rgb(0 0 0 / 14%));transition:transform .22s cubic-bezier(.2,.8,.2,1)}.brand-card:hover .brand-card-family img{transform:translateY(-1px)}.brand-card:hover .brand-card-family img:nth-child(2){transition-delay:30ms}.brand-card:hover .brand-card-family img:nth-child(3){transition-delay:60ms}.brand-card:hover .brand-card-family img:nth-child(4){transition-delay:90ms}.area-list{margin:0;padding:0;list-style:none;border:1px solid var(--rule);border-radius:12px;background:var(--paper);overflow:hidden}.area-list>li{animation:brand-card-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.2s + var(--i, 0) * 30ms)}.area-list>li+li{border-top:1px solid var(--rule)}.area-row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px 9px 10px;border:0;background:transparent;font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background .12s ease}.area-row:hover,.area-row:focus-visible{background:var(--paper-sunk)}.area-row:focus-visible{outline-offset:-2px}.area-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--paper-sunk);color:var(--ink-muted);transition:background .12s ease,color .12s ease}.area-row[data-changed=true] .area-icon{background:color-mix(in srgb,var(--brand) 11%,var(--paper));color:color-mix(in srgb,var(--brand) 80%,var(--ink))}.area-row:hover .area-icon{background:var(--paper)}.area-copy{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.area-copy b{font-size:13px;font-weight:600;color:var(--ink)}.area-copy span{font-size:11.5px;line-height:1.35;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area-done{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--brand) 80%,var(--ink));color:#fff}.area-go{flex-shrink:0;color:var(--ink-subtle);transition:transform .14s ease,color .14s ease}.area-row:hover .area-go{color:var(--ink-muted);transform:translate(2px)}.stock-row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border:1px solid var(--rule-strong);border-radius:11px;background:var(--paper);font:inherit;text-align:left;cursor:pointer}.stock-row:hover{border-color:var(--ink-subtle);background:var(--paper-sunk)}.stock-row[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.stock-swatch{display:grid;grid-template-columns:1fr 1fr;width:34px;height:34px;flex-shrink:0;border:1px solid var(--rule);border-radius:8px;overflow:hidden}.stock-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.stock-copy b{font-size:13px;font-weight:600;color:var(--ink)}.stock-copy span{font-size:11.5px;line-height:1.35;color:var(--ink-muted)}kbd{padding:1px 5px;border:1px solid var(--rule-strong);border-bottom-width:2px;border-radius:5px;background:var(--paper-sunk);font-family:var(--mono);font-size:10px}@keyframes brand-card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@media(prefers-reduced-motion:reduce){.neo-word,.start-aura span{animation:none}.brand-card,.area-list>li{animation:none}.brand-card:hover,.brand-card:focus-visible{transform:none}.brand-card:hover .brand-card-icon,.brand-card:hover .brand-card-family img{transform:none}}@media(max-width:999px){.start-tour{display:none}}.ident-hero{padding:20px 16px 16px;border:1px solid var(--rule);border-radius:11px;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%),var(--paper);text-align:center}.ident-hero-name{margin:0;font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--ink);word-break:break-word}.ident-hero-tagline{margin:5px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink-muted);word-break:break-word}.ident-hero-name:has(+*):not(:has(b)){color:var(--ink)}.ident-hero-mark{display:inline-block;margin-top:12px;padding:4px 11px;border:0;border-radius:999px;background:var(--paper-sunk);cursor:pointer;font-size:11.5px;font-weight:500;color:var(--ink-muted)}.ident-hero-mark:hover{background:color-mix(in srgb,var(--brand) 12%,var(--paper-sunk));color:var(--ink)}.logo-stage{position:relative;display:flex;align-items:center;justify-content:center;height:136px;padding:28px 20px;border:1px solid var(--rule-strong);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.logo-stage[data-mode=dark]{border-color:var(--slate-line);background:#121212}.logo-stage:hover{border-color:var(--ink-subtle)}.logo-stage[data-over=true]{border-style:dashed;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 20%,transparent);background:color-mix(in srgb,var(--brand) 5%,#fff)}.logo-stage[data-mode=dark][data-over=true]{background:color-mix(in srgb,var(--brand) 12%,#121212)}.logo-stage[data-busy=true] .logo-stage-img{opacity:.4}.logo-stage-img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .16s ease}.logo-stage-tag{position:absolute;top:8px;left:8px;height:20px;padding:0 7px;border-radius:999px;background:var(--paper-sunk);color:var(--ink-muted);font-size:10.5px;font-weight:600;line-height:20px;pointer-events:none}.logo-stage[data-mode=dark] .logo-stage-tag{background:#ffffff14;color:var(--on-void-muted)}.logo-stage-hint{position:absolute;right:8px;bottom:7px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 72%,transparent);color:#fff;font-size:10.5px;opacity:0;transition:opacity .14s ease;pointer-events:none}.logo-stage[data-mode=dark] .logo-stage-hint{background:#ffffff24}.logo-stage:hover .logo-stage-hint,.logo-stage[data-over=true] .logo-stage-hint{opacity:1}.logo-find{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px 10px 10px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--rule));border-radius:13px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 60%),color-mix(in srgb,var(--brand) 5%,var(--paper));color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .16s ease,transform .16s ease}.logo-find:hover{border-color:var(--brand);box-shadow:0 10px 24px -16px var(--brand);transform:translateY(-1px)}.logo-find-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--brand);color:#fff;color:oklch(from var(--brand) clamp(.13,(.66 - l) * 1000,1) 0 0);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--brand) 80%,transparent)}.logo-find-icon svg{width:17px;height:17px}.logo-find-label{flex:1;font-size:14px;font-weight:650}.logo-actions{container-type:inline-size;display:flex;flex-wrap:wrap;gap:2px;margin:-4px -6px 0}@container (max-width: 307px){.logo-action svg{display:none}}.logo-action{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 6px;border:0;border-radius:7px;background:none;color:var(--ink-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .14s ease,color .14s ease}.logo-action:hover{background:var(--paper-sunk);color:var(--ink)}.logo-action[aria-expanded=true]{color:var(--ink)}.logo-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.logo-action-end{margin-left:auto}.logo-action-inline{margin-left:-6px}.logo-link input::placeholder{font-family:var(--ui)}.logo-warning{margin:0;padding:9px 11px;border:1px solid color-mix(in srgb,#b25b00 35%,transparent);border-radius:9px;background:#fff6e0;color:#7a3e00;font-size:11.5px;line-height:1.5;animation:logo-warning-in .4s ease-out}.logo-warning b{font-weight:600;color:#5c2e00}@keyframes logo-warning-in{0%{transform:translateY(-4px);opacity:0}}.logo-scale-label{display:flex;justify-content:space-between}.logo-scale-label span{font-weight:500;color:var(--ink-subtle);font-variant-numeric:tabular-nums}#logo-scale{accent-color:var(--brand)}.logo-dark-row{display:flex;align-items:center;gap:12px}.logo-dark-tile{display:flex;align-items:center;justify-content:center;width:96px;height:58px;flex-shrink:0;padding:8px 10px;border:1px dashed rgb(255 255 255 / 22%);border-radius:10px;background:#121212;cursor:pointer}.logo-dark-tile:hover{border-color:#ffffff73}.logo-dark-tile img{max-width:100%;max-height:100%;object-fit:contain}.logo-dark-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:11.5px;line-height:1.45;color:var(--ink-muted)}.link-button{padding:0;border:0;background:none;font:inherit;color:var(--ink-muted);text-decoration:underline;cursor:pointer}@media(prefers-reduced-motion:reduce){.logo-stage,.logo-stage-img,.logo-stage-hint{transition:none}.logo-warning{animation:none}}.logo-themes{display:flex;flex-direction:column;gap:8px;margin-top:12px}.logo-themes-head{display:flex;align-items:baseline;gap:8px;margin:0;font-size:12.5px;font-weight:600;color:var(--ink)}.logo-themes-note{font-weight:400;color:var(--ink-muted)}.logo-themes-undo{align-self:center;height:28px;margin:-6px -6px -6px auto;padding:0 6px;border:0;border-radius:7px;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer}.logo-themes-undo:hover{background:var(--paper-sunk);color:var(--ink)}.logo-themes-row{display:flex;flex-wrap:wrap;gap:6px}.logo-theme-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px 0 8px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font:inherit;font-size:12px;font-weight:550;color:var(--ink);cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.logo-theme-chip:hover{border-color:var(--ink-muted)}.logo-theme-chip[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.logo-theme-dots{display:inline-flex}.logo-theme-dots i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1.5px var(--paper),inset 0 0 0 1px #0000001a}.logo-theme-dots i+i{margin-left:-4px}.lgallery-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:max(32px,10vh) 16px 32px;background:#0a0d149e;animation:lgallery-fade .12s ease-out}.lgallery{position:relative;display:flex;flex-direction:column;width:min(640px,100%);max-height:min(720px,100%);border:1px solid var(--rule);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 30px 70px -20px #0000008c;overflow:hidden;animation:lgallery-rise .16s cubic-bezier(.2,.8,.2,1)}.lgallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 14px 0 20px}.lgallery-head h2{margin:0;font-family:var(--display);font-size:17px;font-weight:600}.lgallery-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;margin-top:-4px;padding:0;border:0;border-radius:8px;background:none;color:var(--ink-muted);cursor:pointer}.lgallery-close svg{width:14px;height:14px}.lgallery-close:hover{background:var(--paper-sunk);color:var(--ink)}.lgallery-field{position:relative;display:flex;align-items:center;margin:14px 20px 0}.lgallery-search-icon{position:absolute;left:13px;width:16px;height:16px;color:var(--ink-subtle);pointer-events:none;transition:color .14s ease}.lgallery-field:focus-within .lgallery-search-icon{color:var(--ink-muted)}.lgallery-field input{flex:1;min-width:0;height:44px;font-size:14.5px;padding:0 12px 0 38px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper);color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}.lgallery-field input::placeholder{color:var(--ink-subtle)}.lgallery-field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.lgallery-field input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lgallery-body{flex:1;min-height:0;padding:12px 20px 20px;overflow-y:auto}.lgallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.lgallery-showcase{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding-top:6px}.lgallery-showcase-tile{display:grid;place-items:center;aspect-ratio:1.45;border:1px solid var(--rule);border-radius:14px;background:var(--paper);cursor:pointer;animation:lgallery-rise .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 45ms);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.lgallery-showcase-tile:hover,.lgallery-showcase-tile:focus-visible{transform:translateY(-2px);border-color:var(--rule-strong);box-shadow:0 10px 22px -14px #00000059}.lgallery-showcase-mark{width:52%;height:52%;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat}.lgallery-showcase-mark[data-wide]{width:78%;height:100%;-webkit-mask-size:100% auto;mask-size:100% auto}@keyframes lgallery-rise{0%{opacity:0;transform:translateY(6px) scale(.97)}}@media(prefers-reduced-motion:reduce){.lgallery-showcase-tile{animation:none}}@media(max-width:640px){.lgallery-showcase{grid-template-columns:repeat(4,1fr)}}.lgallery-foot{display:flex;flex-direction:column;gap:8px;padding:12px 20px 14px;border-top:1px solid var(--rule);background:var(--paper-sunk)}.lgallery-samples{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.lgallery-samples-label{font-size:12px;color:var(--ink-muted)}.lgallery-sample-row{display:flex;flex-wrap:wrap;gap:4px}.lgallery-sample{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--rule);border-radius:8px;background:var(--paper);cursor:pointer;transition:border-color .14s ease}.lgallery-sample img{width:20px;height:20px;border-radius:5px}.lgallery-sample:hover{border-color:var(--ink-subtle)}.lgallery-sample[aria-busy=true]{cursor:progress;opacity:.6}.lgallery-sample[data-failed]{border-color:var(--danger)}.lgallery-foot-error{margin:0;font-size:11.5px;font-weight:500;color:var(--danger)}.lgallery-inline{padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.logo-result{display:flex;flex-direction:column;gap:1px;min-width:0;padding:5px 5px 7px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);text-align:left;cursor:pointer;animation:logo-result-in .26s cubic-bezier(.2,.8,.2,1) both;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.logo-result:nth-child(2){animation-delay:30ms}.logo-result:nth-child(3){animation-delay:60ms}.logo-result:nth-child(n+4){animation-delay:90ms}.logo-result:hover{border-color:var(--ink-subtle);transform:translateY(-2px);box-shadow:0 8px 18px -10px #00000047}.logo-result[aria-busy=true]{cursor:progress}.logo-result-art{position:relative;display:flex;align-items:center;justify-content:center;height:72px;margin-bottom:6px;padding:9px 10px;border-radius:7px;background:var(--paper-sunk);overflow:hidden}.logo-result-art[data-tone=dark]{background:var(--ink)}.logo-result-art img{max-width:100%;max-height:100%;object-fit:contain}.logo-result-mark{width:30px;height:30px;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat}.logo-result[aria-busy=true] .logo-result-art>:not(.logo-result-spinner){opacity:.35}.logo-result-spinner{position:absolute;width:18px;height:18px;border:2px solid color-mix(in srgb,var(--ink) 18%,transparent);border-top-color:var(--ink);border-radius:50%;animation:logo-result-spin .7s linear infinite}.logo-result-name{padding:0 2px;font-size:11.5px;font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-result-error{padding:0 2px;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-result-error{font-weight:500;color:var(--danger)}.logo-search-skeleton{display:flex;flex-direction:column;gap:6px;padding:5px 5px 8px;border:1px solid var(--rule);border-radius:10px}.logo-search-skeleton>span{border-radius:6px;background:linear-gradient(100deg,var(--paper-sunk) 30%,color-mix(in srgb,var(--paper-sunk) 40%,#fff) 50%,var(--paper-sunk) 70%);background-size:300% 100%;animation:logo-search-shimmer 1.3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 80ms)}.logo-search-skeleton>span:first-child{height:72px;border-radius:7px}.logo-search-skeleton>span:last-child{width:64%;height:9px;margin-left:2px}.lgallery-status{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--ink-muted)}.lgallery-status:empty{display:none}.lgallery-note{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.45;color:var(--ink-subtle)}.lgallery-note svg{flex:none;width:13px;height:13px}.lgallery-rights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:20px;background:#ffffffe0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:lgallery-fade .14s ease-out}.lgallery-rights-card{width:min(420px,100%);padding:22px 22px 18px;border:1px solid #f2c4a6;border-radius:14px;background:var(--paper);box-shadow:0 24px 60px -24px #0006;animation:lgallery-rise .18s cubic-bezier(.2,.8,.2,1)}.lgallery-rights-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#ffedd5;color:#c2410c}.lgallery-rights-icon svg{width:22px;height:22px}.lgallery-rights-card .lgallery-rights-kicker{margin:12px 0 0;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c2410c}.lgallery-rights-card h3{margin:3px 0 0;font-family:var(--display);font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.lgallery-rights-card p,.lgallery-rights-card li{font-size:12.5px;line-height:1.5;color:var(--ink-muted)}.lgallery-rights-card p{margin:8px 0 0}.lgallery-rights-card ul{margin:8px 0 0;padding-left:18px}.lgallery-rights-card li+li{margin-top:2px}.lgallery-rights-card li:last-child{color:var(--ink);font-weight:600}.lgallery-rights-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.lgallery-rights-actions button{height:34px;padding:0 14px;border-radius:9px;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.lgallery-rights-back{border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink)}.lgallery-rights-agree{border:0;background:var(--ink);color:var(--paper)}.lgallery-rights-actions button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes lgallery-fade{0%{opacity:0}}@keyframes lgallery-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes logo-result-in{0%{opacity:0;transform:translateY(4px)}}@keyframes logo-result-spin{to{transform:rotate(360deg)}}@keyframes logo-search-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.lgallery-scrim,.lgallery,.lgallery-rights,.lgallery-rights-card,.logo-result,.logo-search-skeleton>span{animation:none}.logo-result:hover{transform:none}}.brand-mode{display:flex;align-items:center;gap:6px;margin:-4px 0 -6px;font-size:11.5px;font-weight:600;color:var(--ink-muted)}.brand-mode-switch{margin-left:auto;font-weight:400;color:var(--ink-subtle)}.brand-colours{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:12px;overflow:hidden}.brand-colour{display:grid;grid-template-columns:40px 1fr 94px;align-items:center;gap:12px;padding:9px 10px 9px 9px}.brand-colour+.brand-colour{border-top:1px solid var(--rule)}.brand-swatch{position:relative;width:40px;height:40px;border-radius:9px;box-shadow:inset 0 0 0 1px #0e131c1f;cursor:pointer;transition:box-shadow .14s ease}.brand-swatch:hover{box-shadow:inset 0 0 0 1px #0e131c1f,0 0 0 3px var(--paper-sunk),0 0 0 4px var(--rule-strong)}.brand-swatch:focus-within{box-shadow:inset 0 0 0 1px #0e131c1f,0 0 0 2px var(--paper),0 0 0 4px var(--brand)}.brand-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.brand-colour-name{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:13px;font-weight:600;color:var(--ink)}.brand-colour-name span{font-size:11px;font-weight:400;color:var(--ink-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hex-input{width:100%;min-width:0;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:var(--paper-sunk);color:var(--ink);font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;text-transform:uppercase}.hex-input:hover{border-color:var(--rule-strong)}.hex-input:focus{outline:none;border-color:var(--brand);background:var(--paper);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.hex-input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.every-colour{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--rule);border-radius:12px;background:var(--paper-sunk)}.every-colour-head{display:flex;flex-direction:column;gap:2px}.every-colour-head b{font-size:13px;font-weight:650;color:var(--ink)}.every-colour-head span{font-size:11.5px;color:var(--ink-subtle);font-variant-numeric:tabular-nums}.mosaic{display:flex;flex-direction:column;gap:5px;cursor:pointer}.mosaic-row{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:10px}.mosaic-label{font-size:11px;color:var(--ink-muted);white-space:nowrap}.mosaic-strip{display:flex;height:20px;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #0e131c1a}.mosaic-tile{position:relative;flex:1;background:linear-gradient(var(--c),var(--c)),repeating-conic-gradient(#dfe3ea 0,#dfe3ea 25%,#fff 0,#fff 50%) 0 0 / 8px 8px}.mosaic-tile[data-changed]:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #0e131c99}.every-colour-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:0;border-radius:9px;background:var(--ink);color:#fff;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .14s ease}.every-colour-open:hover{background:#263042}.every-colour-open:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--focus)}.theme-label{display:flex;align-items:center;gap:8px}.theme-working{margin-left:auto;font-size:11px;font-weight:500;color:var(--ink-subtle);animation:theme-working 1.1s ease-in-out infinite}@keyframes theme-working{50%{opacity:.4}}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:4px 4px 7px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.theme-card:hover{border-color:var(--rule-strong);background:var(--paper-sunk)}.theme-card:focus-visible{outline:none;border-color:var(--focus)}.theme-card[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.theme-bands{position:relative;display:flex;height:32px;border-radius:7px;overflow:hidden}.theme-bands:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0e131c17}.theme-bands>span:nth-child(1),.theme-bands>span:nth-child(2){flex:1.4}.theme-bands>span:nth-child(3){flex:1}.theme-bands>span:nth-child(4){flex:.55}.theme-card .theme-name{padding:0 3px;font-size:11.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-grid[data-generated] .theme-card{animation:theme-card-in .36s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes theme-card-in{0%{opacity:0;transform:translateY(6px)}}.appearance-option{display:inline-flex;align-items:center;justify-content:center;gap:6px}.appearance-option svg+svg{margin-left:-3px}.appearance-option svg{flex-shrink:0;opacity:.75}.corners{display:flex;gap:10px}.corner-picks{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.corner-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 4px 9px;border:1px solid var(--rule);border-radius:9px;background:var(--paper);color:var(--ink-muted);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease}.corner-pick:hover{border-color:var(--rule-strong);background:var(--paper-sunk)}.corner-pick[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);color:var(--ink)}.corner-glyph{display:block;width:18px;height:18px;border-top:2px solid currentColor;border-left:2px solid currentColor}.corner-sample{display:flex;align-items:center;width:104px;flex-shrink:0;padding:9px;border:1px solid var(--rule);border-radius:10px}.corner-card{display:flex;flex-direction:column;gap:5px;width:100%;padding:9px;box-shadow:0 1px 3px #0e131c1f;transition:border-radius .12s ease}.corner-line{height:4px;width:72%;border-radius:2px}.corner-line.short{width:46%;opacity:.8}.corner-field{height:12px;margin-top:2px;border:1px solid;transition:border-radius .12s ease}.corner-button{height:12px;border-radius:999px}.corner-label{display:flex;justify-content:space-between}.corner-label span{font-weight:500;color:var(--ink-subtle);font-variant-numeric:tabular-nums}#radius{accent-color:var(--brand)}@media(prefers-reduced-motion:reduce){.theme-grid[data-generated] .theme-card,.theme-working{animation:none}.theme-card,.corner-card,.corner-field{transition:none}}.contrast-warning{margin:4px 0 2px;padding:9px 11px;border:1px solid color-mix(in srgb,#b25b00 35%,transparent);border-radius:9px;background:#fff6e0;color:#7a3e00;font-size:11.5px;line-height:1.5}.contrast-warning b{font-weight:600;color:#5c2e00}.contrast-warning ul{margin:4px 0 0;padding-left:16px}.asset-row{display:flex;flex-direction:column;gap:6px;padding:10px 0 11px;border-bottom:1px solid var(--rule)}.asset-row:last-child{border-bottom:0}.asset-main{display:flex;align-items:center;gap:10px;min-width:0}.asset-thumb-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-sunk);overflow:hidden}.asset-thumb-img{width:100%;height:100%;object-fit:contain}.asset-thumb-empty{width:13px;height:13px;border-radius:3px;background:var(--rule-strong);opacity:.55}.asset-name{display:flex;flex-direction:column;gap:1px;min-width:0}.asset-name b{font-size:12.5px;font-weight:650;color:var(--ink)}.asset-covers{font-size:11px;line-height:1.4;color:var(--ink-subtle)}.asset-input{width:100%;height:var(--input-h);font-family:var(--mono);font-size:12px;padding:0 11px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink)}.asset-input::placeholder{font-family:var(--ui);color:var(--ink-subtle)}.asset-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.is-set .asset-input{border-color:var(--ink-subtle)}.is-set .asset-thumb-box{border-color:var(--ink-subtle);background:var(--paper)}.assets-fixed{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.5;color:var(--ink-subtle)}.assets-fixed b{color:var(--ink-muted);font-weight:650}.assets-count{margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--paper-sunk);font-size:11px;font-weight:500;color:var(--ink-muted);vertical-align:1px}.view-switch{display:flex;gap:3px;align-self:flex-start;padding:3px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-sunk)}.view-switch button{padding:4px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink-subtle);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.view-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #0e131c14}.icon-list{display:flex;flex-direction:column;gap:8px}.icon-card.is-set{border-color:var(--ink-subtle)}.icon-card-head{display:flex;align-items:flex-start;gap:8px;min-width:0}.icon-ident{display:flex;flex-direction:column;gap:2px;min-width:0}.icon-key{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink)}.icon-types{font-family:var(--mono);font-size:9.5px;line-height:1.35;color:var(--ink-subtle);word-break:break-word}.icon-fallback{margin-top:1px;font-size:9.5px;line-height:1.35;color:var(--ink-muted)}.icon-switch{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-muted);cursor:pointer}.icon-switch input{width:13px;height:13px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.icon-online{display:flex;flex-direction:column;gap:4px;padding:8px 9px;border-radius:7px;background:var(--paper-sunk)}.icon-online label{display:flex;flex-direction:column;gap:4px}.icon-online span{font-size:11.5px;color:var(--ink-muted)}.icon-online input{height:var(--input-h);font-family:var(--mono);font-size:12px;padding:0 11px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink);min-width:0}.icon-online input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.icon-tile{display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 7px 9px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font:inherit;cursor:pointer}.icon-tile:hover{border-color:var(--rule-strong);background:var(--paper-sunk)}.icon-tile.is-set{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--paper))}.tile-art{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:8px;background:var(--paper-sunk);overflow:hidden}.icon-tile.is-set .tile-art{background:var(--paper)}.tile-art img{width:100%;height:100%;object-fit:contain;padding:6px}.tile-art-empty{width:18px;height:18px;border-radius:4px;background:var(--rule-strong);opacity:.5}.tile-key{font-family:var(--mono);font-size:9.5px;line-height:1.25;color:var(--ink-muted);text-align:center;word-break:break-word}.gallery-switch{display:flex;align-items:center;gap:7px;align-self:flex-start;font-size:11.5px;color:var(--ink-muted);cursor:pointer}.gallery-switch input{width:13px;height:13px;accent-color:var(--brand);cursor:pointer}.icon-card{border:1px solid var(--rule);border-radius:9px;background:var(--paper);min-width:0;display:grid;grid-template-columns:44px 1fr;grid-template-areas:"art ident" "field field" "switch switch" "online online";align-items:start;gap:7px 10px;padding:11px}.icon-card-head{display:contents}.icon-card .asset-thumb-box{grid-area:art;width:44px;height:44px}.icon-ident{grid-area:ident;padding-top:1px}.icon-card .asset-input-row{grid-area:field}.icon-card .icon-switch{grid-area:switch}.icon-card .icon-online{grid-area:online}.icon-card .error{grid-area:field;align-self:end}.assets-spec{display:flex;flex-direction:column;gap:2px;margin:0;padding:8px 10px;border-radius:8px;background:var(--paper-sunk);font-size:12px;font-weight:500;color:var(--ink)}.assets-spec span{font-size:11.5px;font-weight:400;line-height:1.4;color:var(--ink-muted)}.icon-key-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.icon-size,.asset-spec{font-size:10.5px;color:var(--ink-subtle)}.asset-shape-note{font-size:10px;line-height:1.35;color:var(--ink-muted)}.asset-input-row{display:flex;gap:6px;align-items:center}.asset-input-row .asset-input{flex:1;min-width:0}.upload-button{flex-shrink:0;height:var(--input-h);padding:0 12px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.upload-button:hover:not(:disabled){border-color:var(--brand);background:var(--paper-sunk)}.asset-reset{border-color:var(--rule);color:var(--ink-muted)}.gloss-list{gap:0;border-bottom:0}.gloss-term{padding:11px 0 12px;border-bottom:1px solid var(--rule)}.gloss-term:last-child{border-bottom:0}.gloss-row{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:10px}.gloss-label{display:flex;flex-direction:column;gap:2px;min-width:0}.gloss-name{font-size:13px;font-weight:650;color:var(--ink)}.gloss-usage{font-size:11px;color:var(--ink-subtle)}.gloss-field{display:flex;align-items:center;gap:6px;min-width:0}.gloss-info{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:none;color:var(--ink-subtle);cursor:pointer}.gloss-info:hover{background:var(--paper-sunk);color:var(--ink-muted)}.gloss-info[aria-expanded=true]{background:var(--rule);color:var(--ink-muted)}.gloss-input{width:100%;min-width:0;height:var(--input-h);font-size:13.5px;padding:0 11px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink)}.gloss-input::placeholder{color:var(--ink-subtle)}.gloss-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.is-renamed .gloss-input{border-color:var(--ink-subtle);background:var(--paper);font-weight:600}.gloss-derived{display:flex;align-items:center;margin-top:5px;padding-left:calc(45.5% + 5px);font-size:10.5px;color:var(--ink-subtle)}.gloss-plural b{color:var(--ink-muted);font-weight:600}.gloss-tag{margin-left:5px;padding:1px 5px;border-radius:999px;background:var(--paper-sunk);font-size:9px;color:var(--ink-subtle)}.gloss-derived[data-stale]{flex-wrap:wrap;row-gap:4px}.gloss-derived[data-stale] .gloss-plural b{color:var(--danger)}.gloss-stale{display:flex;flex-basis:100%;flex-wrap:wrap;align-items:center;gap:5px;color:var(--danger)}.gloss-stale button{height:20px;padding:0 7px;border:1px solid var(--rule-strong);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:10px;font-weight:600;cursor:pointer}.gloss-stale button:first-of-type{border-color:transparent;background:var(--brand);color:#fff;color:oklch(from var(--brand) clamp(.13,(.66 - l) * 1000,1) 0 0)}.gloss-error{display:block;margin-top:6px}.gloss-detail{margin-top:10px;padding:10px 11px;border-radius:9px;background:var(--paper-sunk);animation:gloss-open .12s ease-out}.gloss-hint{margin:0 0 9px;font-size:11px;line-height:1.5;color:var(--ink-muted)}.gloss-detail-label{margin:0 0 5px;font-size:11.5px;font-weight:600;color:var(--ink-muted)}.gloss-examples{margin:0 0 11px;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.gloss-examples li{padding:5px 8px;border-radius:6px;border:1px solid var(--rule);background:var(--paper);font-size:12px;color:var(--ink)}.gloss-override{display:flex;flex-direction:column;gap:4px}.gloss-override span{font-size:10.5px;color:var(--ink-subtle)}.gloss-override input{height:var(--input-h);font-size:13px;padding:0 11px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink)}.gloss-override input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.gloss-fixed{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.5;color:var(--ink-subtle)}.gloss-fixed b{color:var(--ink-muted);font-weight:650}@keyframes gloss-open{0%{opacity:0;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.gloss-detail{animation:none}}.gloss-note{display:block;margin:0 0 12px}.gloss-clash{display:block;margin-top:4px;color:#8a4b00}.connect-drop{display:flex;flex-direction:column;align-items:center;gap:5px;padding:18px 14px 14px;border:1.5px dashed var(--rule-strong);border-radius:12px;background:var(--paper-sunk);text-align:center;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.connect-drop[data-over=true]{border-style:solid;border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,var(--paper));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}.connect-drop b{font-size:12.5px;font-weight:650;color:var(--ink)}.connect-file{white-space:nowrap}.connect-sub{font-size:10.5px;color:var(--ink-subtle)}.connect-glyph{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:4px;border-radius:12px;background:var(--paper);box-shadow:0 1px 2px #0e131c1a;color:var(--brand)}.connect-actions{display:flex;gap:7px;margin-top:8px}.connect-text{width:100%;resize:vertical;min-height:62px;padding:9px 11px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink);font-size:11.5px;line-height:1.45}.connect-text:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.btn-dark-on-paper{align-self:flex-end;background:var(--ink);color:#fff}.btn-dark-on-paper:hover:not(:disabled){background:#222a38}.connect-result{display:flex;flex-direction:column;gap:4px;margin:0;padding:10px 12px;border-radius:10px;font-size:11.5px;line-height:1.5;animation:connect-in .24s cubic-bezier(.2,.8,.2,1)}.connect-result[data-kind=error]{background:var(--danger-sunk);color:var(--danger)}.connect-result[data-kind=done]{border:1px solid color-mix(in srgb,var(--live) 45%,var(--rule));background:color-mix(in srgb,var(--live) 9%,var(--paper));color:var(--ink-muted)}.connect-result[data-kind=done] b{font-size:12.5px;color:var(--ink)}.connect-result[data-kind=set]{border:1px solid var(--rule);background:var(--paper-sunk);color:var(--ink-muted)}.connect-result[data-kind=set] b{font-size:12.5px;color:var(--ink)}.connect-phone{display:flex;flex-direction:column;gap:3px}.connect-phone .link-button{align-self:flex-start;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.connect-phone .connect-hint{font-size:11.5px;line-height:1.45}.connect-hint{font-size:10.5px;color:var(--ink-subtle)}.group[data-flash=true] .field input{animation:field-flash 1.4s ease-out}@keyframes field-flash{0%{border-color:var(--live);box-shadow:0 0 0 4px color-mix(in srgb,var(--live) 22%,transparent)}}@keyframes connect-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.connect-result,.group[data-flash=true] .field input{animation:none}}.stage{grid-area:stage;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;padding:24px;overflow:auto;background:var(--void)}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(30% 34% at 50% 38%,color-mix(in srgb,var(--brand) 30%,transparent),transparent 70%),radial-gradient(64% 58% at 50% 42%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 74%),radial-gradient(34% 10% at 50% 93%,#ffffff0d,transparent 72%),linear-gradient(to bottom,transparent 70%,rgb(0 0 0 / 28%)),radial-gradient(120% 90% at 50% 45%,transparent 55%,rgb(0 0 0 / 35%))}.stage>*{position:relative;z-index:1}.stage-inner{display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;width:100%;margin-inline:auto;min-height:0}.device-dock{display:flex;align-items:center;gap:2px;max-width:100%;padding:4px;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0f,0 10px 30px -12px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-void-muted)}.dock-item{position:relative;display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0 4px 0 11px;height:28px;border-radius:999px;white-space:nowrap;transition:background-color .16s ease,color .16s ease}label.dock-item:hover,label.dock-item:focus-within{background:#ffffff12;color:var(--on-void)}.dock-item+.dock-item:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:1px;background:#ffffff1a}.dock-icon{flex-shrink:0;opacity:.75}.device-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:170px;font:inherit;font-size:12px;font-weight:600;padding:0 18px 0 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 4 5 6.5 7.5 4' fill='none' stroke='%2398a2b3' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 4px center;color:var(--on-void);text-overflow:ellipsis;cursor:pointer}.device-picker:focus-visible{outline:none}.device-picker option,.device-picker optgroup{background:#10151e;color:#e6ebf3}.dock-size{padding-right:12px;font-size:11px;letter-spacing:.01em}.dock-size em{font-style:normal;padding:1px 6px;border-radius:999px;background:#ffffff12;color:var(--on-void)}.too-small{display:none}.drawer{position:absolute;inset:auto 0 0;z-index:2;max-height:62%;display:flex;flex-direction:column;background:#070a10;border-top:1px solid var(--slate-line)}.drawer-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--slate-line);color:var(--on-void-muted);font-family:var(--mono);font-size:11px;letter-spacing:.04em}.drawer pre{margin:0;padding:14px 18px 20px;overflow:auto;color:#cfd9ea;font-family:var(--mono);font-size:11.5px;line-height:1.55;white-space:pre}.veil{position:absolute;inset:calc(var(--safe-top, 0px) * var(--scale, 1)) 0 0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:26px 22px;text-align:center;background:color-mix(in srgb,var(--paper) 96%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:veil-in .16s ease-out}.veil strong{font-size:14px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.veil p{margin:0;max-width:25ch;font-size:11.5px;line-height:1.5;color:var(--ink-muted)}.veil-spinner{width:26px;height:26px;border:2.5px solid var(--rule);border-top-color:var(--brand);border-radius:999px;animation:veil-spin .72s linear infinite}.veil-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--esp-sunk);color:var(--esp)}.veil-retry{margin-top:3px;padding:7px 15px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.veil-retry:hover{border-color:var(--brand);background:var(--paper-sunk)}@keyframes veil-in{0%{opacity:0}}@keyframes veil-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.veil{animation:none}.veil-spinner{animation-duration:2.4s}}.dock-mode{gap:9px;padding:0 12px 0 0}.dock-mode-label{min-width:30px;font-size:12px;font-weight:600;color:var(--on-void)}.dock-note{display:inline-flex;align-items:center;gap:6px;height:22px;margin-left:-2px;padding:0 3px 0 9px;border:1px solid rgb(255 196 87 / 40%);border-radius:999px;background:#ffc4571f;color:#ffd98a;font:inherit;font-size:11.5px;font-weight:500;white-space:nowrap;cursor:pointer;animation:dock-note-in .28s cubic-bezier(.2,.8,.2,1)}.dock-note b{height:16px;padding:0 7px;border-radius:999px;background:#ffd98a;color:#2a1d05;font-size:11px;font-weight:650;line-height:16px}.dock-note:hover b{background:#ffe7b3}@keyframes dock-note-in{0%{opacity:0;scale:.9}}@media(max-width:640px){.device-dock{flex-wrap:wrap;justify-content:center;border-radius:18px}.dock-size{display:none}}.drawer.dev{max-height:64%;animation:dev-up .26s cubic-bezier(.2,.8,.2,1)}.dev-head{padding-top:7px;padding-bottom:7px}.dev-tabs{display:flex;gap:2px;padding:3px;border:1px solid var(--slate-line);border-radius:9px;background:#ffffff08}.dev-tab{padding:5px 11px;border:0;border-radius:6px;background:transparent;color:var(--on-void-muted);font-family:var(--mono);font-size:11px;cursor:pointer}.dev-tab:hover{color:var(--on-void)}.dev-tab[aria-selected=true]{background:#ffffff14;color:var(--on-void)}.dev-pane{display:flex;flex-direction:column;min-height:0;overflow:auto}.dev-bar,.dev-stats{display:flex;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--slate-line);color:var(--on-void-muted);font-size:11.5px}.dev-stats{gap:22px}.dev-stats b{font-family:var(--display);font-size:15px;font-weight:600;color:var(--on-void);margin-right:3px}.dev-stats code,.dev-card code{font-family:var(--mono);font-size:11px;color:#cfd9ea}.dev-copy{padding:4px 10px;border:1px solid var(--slate-line);border-radius:7px;background:#ffffff0d;color:var(--on-void);font:inherit;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.dev-copy:hover{background:#ffffff1f}.dev-ship{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px 20px}.dev-card{display:flex;flex-direction:column;gap:7px;padding:13px 14px;border:1px solid var(--slate-line);border-radius:12px;background:#ffffff06;color:var(--on-void)}.dev-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dev-status{padding:2px 8px;border-radius:999px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.dev-status[data-status=today]{background:#3ddc9724;color:#6ee7b7}.dev-card b{font-family:var(--display);font-size:13.5px;font-weight:600}.dev-card p{margin:0;font-size:11.5px;line-height:1.5;color:var(--on-void-muted)}.dev-code{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 10px;border-radius:8px;background:#070a10;overflow:hidden}.dev-code code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-docs{background:radial-gradient(90% 120% at 100% 0%,rgb(155 121 217 / 16%),transparent 60%),#ffffff06}.dev-link{align-self:flex-start;font-family:var(--mono);font-size:11.5px;color:#b79cf0;text-decoration:none}.dev-link:hover{text-decoration:underline}.dev-neo-logo{align-self:flex-start;height:24px;width:auto}.dev-paths-card{grid-column:1 / -1}.dev-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dev-path{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border-radius:9px;background:#070a10}.dev-path-name{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}.dev-path-name i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#9b79d933;color:#c4b5fd;font-size:10.5px;font-style:normal}.dev-path-links{display:flex;flex-direction:column;gap:3px;margin:auto 0 0;padding:0;list-style:none}.dev-path-links .dev-link{font-size:11px;overflow-wrap:anywhere}@media(max-width:760px){.dev-ship,.dev-paths{grid-template-columns:minmax(0,1fr)}}@keyframes dev-up{0%{transform:translateY(16px);opacity:0}}@media(prefers-reduced-motion:reduce){.drawer.dev{animation:none}}.pf-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.pf-frame{position:absolute;top:var(--pf-top, 0);left:0}.pf-layer[data-state=shown]{z-index:2}.pf-layer[data-state=shown][data-enter=fade]{animation:pf-in .34s ease-out}.pf-layer[data-state=leaving]{z-index:1}.pf-layer[data-state=pending]{z-index:0;opacity:0;pointer-events:none}.pf-ring{--pf-tint: var(--brand);position:absolute;z-index:3;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--pf-tint) 85%,#fff),0 0 22px 6px color-mix(in srgb,var(--pf-tint) 45%,transparent),inset 0 0 26px 4px color-mix(in srgb,var(--pf-tint) 30%,transparent)}.pf-blind{position:absolute;z-index:3;top:0;left:0;right:0;height:34px;pointer-events:none;border-top:1px solid rgb(255 255 255 / 45%);background:linear-gradient(to bottom,rgb(0 0 0 / 22%),transparent)}@keyframes pf-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.pf-layer[data-state=shown][data-enter=fade]{animation:none}}.device{--avail-h: calc(100vh - var(--topbar-h) - 112px);--scale: min(1, calc(var(--avail-h) / var(--chassis-h, 896px)));--s: var(--scale);position:relative;isolation:isolate;flex-shrink:0;width:calc((var(--dev-w, 392px) + 2 * var(--bez-x) + 2 * var(--frame)) * var(--s));padding:calc(var(--frame) * var(--s));border-radius:calc(var(--outer-r) * var(--s));background:linear-gradient(180deg,rgb(255 255 255 / 22%),transparent 3%,transparent 97%,rgb(255 255 255 / 10%)),conic-gradient(from 215deg,#9a9ea4,#4a4e54 12%,#7d8187 24%,#393c41,#6a6e74,#2f3237,#8e9298 80%,#474a50 92%,#9a9ea4);box-shadow:inset 0 0 0 calc(.75px * var(--s)) #ffffff4d,inset 0 calc(1px * var(--s)) calc(1px * var(--s)) #fff6,inset 0 calc(-1px * var(--s)) calc(1px * var(--s)) #00000073,0 0 0 .5px #000000d9,calc(-22px * var(--s)) calc(-16px * var(--s)) calc(60px * var(--s)) calc(-30px * var(--s)) color-mix(in srgb,var(--brand) 55%,transparent),calc(22px * var(--s)) calc(18px * var(--s)) calc(60px * var(--s)) calc(-34px * var(--s)) color-mix(in srgb,var(--brand) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--brand) 14%,transparent),0 calc(70px * var(--s)) calc(110px * var(--s)) calc(-40px * var(--s)) #000c,0 calc(26px * var(--s)) calc(44px * var(--s)) calc(-22px * var(--s)) #0009}.device[data-look=android]{background:linear-gradient(180deg,rgb(255 255 255 / 14%),transparent 3%,transparent 97%,rgb(255 255 255 / 8%)),conic-gradient(from 215deg,#5d6168,#2a2d32 14%,#464a50 30%,#23262a 48%,#3e4147,#202327 80%,#565a60 92%,#5d6168)}.device:after,.device:before{content:"";position:absolute;top:100%;pointer-events:none}.device:after{z-index:-1;left:10%;right:10%;height:calc(26px * var(--s));margin-top:calc(-6px * var(--s));background:radial-gradient(50% 50% at 50% 30%,rgb(0 0 0 / 70%),transparent 75%);filter:blur(calc(5px * var(--s)))}.device:before{z-index:-2;left:-25%;right:-25%;height:calc(80px * var(--s));background:radial-gradient(46% 42% at 50% 18%,color-mix(in srgb,var(--brand) 26%,transparent),transparent 72%);transition:background .4s ease}.device-key{position:absolute;z-index:-1;top:calc(var(--key-top) * var(--s));height:calc(var(--key-len) * var(--s));width:calc(4px * var(--s));border-radius:calc(2px * var(--s));background:linear-gradient(90deg,#3d4045,#a4a8ad 45%,#6b6f75 70%,#3a3d42);box-shadow:0 0 0 .5px #000000b3}.device-key[data-side=left]{left:calc(-2.5px * var(--s))}.device-key[data-side=right]{right:calc(-2.5px * var(--s))}.device[data-look=android] .device-key{background:linear-gradient(90deg,#26292d,#5c6066 50%,#26292d)}.device-bezel{position:relative;padding:calc(var(--bez-t) * var(--s)) calc(var(--bez-x) * var(--s)) calc(var(--bez-b) * var(--s));border-radius:calc((var(--outer-r) - var(--frame)) * var(--s));background:#050506;box-shadow:0 0 0 calc(.75px * var(--s)) #000000e5,inset 0 0 0 calc(.75px * var(--s)) #ffffff12}.device[data-look=iphone-classic] .device-bezel{background:linear-gradient(170deg,#121316,#060607 40%,#0a0b0d)}.device-screen{position:relative;width:calc(var(--dev-w, 392px) * var(--s));aspect-ratio:var(--dev-ratio, 393 / 852);border-radius:calc(var(--screen-r) * var(--s));overflow:hidden;background:#000;--pf-top: calc(var(--safe-top) * var(--s))}.device-viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.device-screen iframe{width:var(--dev-w, 392px);height:calc(var(--dev-h, 852px) - var(--safe-top));border:0;display:block;transform:scale(var(--s));transform-origin:top left}.device-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--brand) 18%,#ffffff40) 50%,transparent 70%);background-size:250% 100%;opacity:0;transition:opacity .2s ease}.device-screen[data-repainting=true]:after{opacity:1;animation:sheen 1.1s ease-in-out infinite}@keyframes sheen{0%{background-position:120% 0}to{background-position:-20% 0}}.device-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;border-radius:inherit;background:linear-gradient(122deg,rgb(255 255 255 / 5.5%) 0%,rgb(255 255 255 / 2%) 24%,transparent 38%);box-shadow:inset 0 0 0 calc(.75px * var(--s)) #0006}.device-cutout{position:absolute;z-index:8;left:50%;top:calc(11px * var(--s));transform:translate(-50%);pointer-events:none;background:#000}.device-cutout[data-cutout=island]{width:calc(124px * var(--s));height:calc(36px * var(--s));border-radius:999px;background:radial-gradient(circle at calc(100% - 20px * var(--s)) 50%,#1b2235 0 calc(3.5px * var(--s)),#0a0d14 calc(5.5px * var(--s)),transparent calc(6.5px * var(--s))),#000}.device-cutout[data-cutout=punch-hole]{width:calc(12px * var(--s));height:calc(12px * var(--s));border-radius:50%;background:radial-gradient(circle at 38% 38%,#2a3348 0,#2a3348 18%,#07090d 52%,#000 70%);box-shadow:0 0 0 calc(1.25px * var(--s)) #0009}.device-earpiece{position:absolute;left:50%;top:calc(42px * var(--s));width:calc(46px * var(--s));height:calc(5px * var(--s));transform:translate(-50%);border-radius:999px;background:#1b1c1f;box-shadow:inset 0 calc(1px * var(--s)) calc(1.5px * var(--s)) #000c}.device-lens{position:absolute;left:50%;top:calc(-15px * var(--s));width:calc(8px * var(--s));height:calc(8px * var(--s));transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 38% 38%,#2f3a52 0,#2f3a52 20%,#0b0e15 60%)}.device-home{position:absolute;left:50%;bottom:calc(12px * var(--s));width:calc(62px * var(--s));height:calc(62px * var(--s));transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 40%,#0f1013,#060607 70%);box-shadow:inset 0 0 0 calc(2px * var(--s)) #34373c,inset 0 0 0 calc(3px * var(--s)) #000000b3,0 0 0 calc(.5px * var(--s)) #ffffff14}@media(prefers-reduced-motion:reduce){.device-screen[data-repainting=true]:after{animation:none;opacity:.5}}@media(max-width:999px){.device{--avail-h: calc(100vh - var(--topbar-h) - 112px - 72px);--avail-w: calc(100vw - 32px) ;--scale: min( 1, calc(var(--avail-h) / var(--chassis-h, 896px)), calc(var(--avail-w) / (var(--dev-w, 392px) + 2 * var(--bez-x) + 2 * var(--frame))) )}}.sb{position:absolute;top:0;left:0;z-index:4;display:flex;align-items:center;box-sizing:border-box;transform:scale(var(--scale, 1));transform-origin:top left;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;transition:background-color .34s ease,color .34s ease}.sb-icon{display:block;fill:currentColor}.sb-battery-case{fill:none;stroke:currentColor;stroke-opacity:.4}.sb-battery-cap{fill-opacity:.45}.sb-icons{display:flex;align-items:center;gap:5px}.sb-spacer{flex:1}.sb[data-look=iphone]{padding-top:4px}.sb[data-look=iphone] .sb-ear{flex:1;display:flex;justify-content:center}.sb[data-look=iphone] .sb-island-gap{width:128px}.sb[data-look=iphone] .sb-time{font-size:17px;font-weight:600;letter-spacing:-.02em}.sb[data-look=iphone-classic]{justify-content:space-between;padding:0 7px}.sb[data-look=iphone-classic] .sb-time{font-size:12px;font-weight:600}.sb[data-look=iphone-classic] .sb-end{min-width:40px;justify-content:flex-end}.sb[data-look=iphone-classic] .sb-icon{transform:scale(.82)}.sb[data-look=android]{padding:0 22px 0 26px;font-family:Roboto,Google Sans,system-ui,sans-serif}.sb[data-look=android] .sb-time{font-size:14px;font-weight:500}.sb[data-look=android] .sb-icons{gap:6px}.sb[data-look=android] .sb-icon{transform:scale(.86)}.sb-indicator{position:absolute;z-index:4;left:50%;bottom:calc(8px * var(--scale, 1));height:calc(5px * var(--scale, 1));width:calc(140px * var(--scale, 1));transform:translate(-50%);border-radius:999px;opacity:.88;pointer-events:none;transition:background-color .34s ease}.sb-indicator[data-kind=gesture-pill]{width:calc(108px * var(--scale, 1));height:calc(4px * var(--scale, 1));opacity:.7}.dn{--dn-w: 60px;--dn-h: 28px;--dn-pad: 3px;--dn-knob: calc(var(--dn-h) - 2 * var(--dn-pad));--dn-travel: calc(var(--dn-w) - var(--dn-knob) - 2 * var(--dn-pad));--dn-ease: cubic-bezier(.68, -.32, .27, 1.32);--dn-dur: .62s;position:relative;flex-shrink:0;width:var(--dn-w);height:var(--dn-h);padding:0;border:0;border-radius:999px;overflow:hidden;isolation:isolate;cursor:pointer;background:linear-gradient(180deg,#3d8fd6,#74b9ec);box-shadow:inset 0 2px 5px #00000047,inset 0 -1px 1px #ffffff4d,0 0 0 1px #0000002e;-webkit-tap-highlight-color:transparent}.dn[data-size=sm]{--dn-w: 52px;--dn-h: 24px}.dn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0d1328,#253055);opacity:0;transition:opacity var(--dn-dur) ease}.dn[aria-checked=true]:before{opacity:1}.dn:focus-visible{outline:2px solid var(--focus, #3b82f6);outline-offset:2px}.dn:disabled{cursor:default}.dn-thumb{position:absolute;top:var(--dn-pad);left:var(--dn-pad);width:var(--dn-knob);height:var(--dn-knob);border-radius:50%;box-shadow:0 0 0 5px #ffffff21,0 0 0 10px #ffffff17,0 0 0 15px #ffffff0f;translate:0 0;transition:translate var(--dn-dur) var(--dn-ease),scale .16s ease,box-shadow var(--dn-dur) ease}.dn[aria-checked=true] .dn-thumb{translate:var(--dn-travel) 0;box-shadow:0 0 0 5px #ffffff12,0 0 0 10px #ffffff0b,0 0 0 15px #ffffff08}.dn:not(:disabled):hover .dn-thumb{scale:1.06}.dn:not(:disabled):active .dn-thumb{scale:.9}.dn-orb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#fff1a8,#ffd23f 45%,#f4a90b);box-shadow:inset -1px -2px 3px #a05a0059,inset 1px 1px 2px #fff9,0 1px 3px #0000004d}.dn-moon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 34%,#9aa3b5 0 13%,transparent 15%),radial-gradient(circle at 64% 64%,#9aa3b5 0 17%,transparent 19%),radial-gradient(circle at 70% 26%,#a6aec0 0 8%,transparent 10%),radial-gradient(circle at 35% 30%,#eef1f7,#c8cfdc 60%,#aab2c3);box-shadow:inset -1px -2px 3px #1e284666,inset 1px 1px 2px #ffffffb3;translate:105% 0;transition:translate var(--dn-dur) var(--dn-ease)}.dn[aria-checked=true] .dn-moon{translate:0 0}.dn-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:translate var(--dn-dur) var(--dn-ease),opacity calc(var(--dn-dur) * .6) ease}.dn[aria-checked=true] .dn-clouds{translate:0 85%;opacity:0}.dn-clouds i{position:absolute;right:-6px;bottom:-9px;width:44px;height:22px}.dn-cloud-back{translate:-3px -4px;background:radial-gradient(circle at 18% 70%,rgb(255 255 255 / 55%) 0 7px,transparent 7.5px),radial-gradient(circle at 42% 45%,rgb(255 255 255 / 55%) 0 9px,transparent 9.5px),radial-gradient(circle at 70% 40%,rgb(255 255 255 / 55%) 0 10px,transparent 10.5px),radial-gradient(circle at 92% 60%,rgb(255 255 255 / 55%) 0 9px,transparent 9.5px)}.dn-cloud-front{background:radial-gradient(circle at 12% 85%,#fff 0 7px,transparent 7.5px),radial-gradient(circle at 36% 70%,#fff 0 9px,transparent 9.5px),radial-gradient(circle at 62% 62%,#fff 0 10px,transparent 10.5px),radial-gradient(circle at 88% 78%,#fff 0 10px,transparent 10.5px);filter:drop-shadow(0 -1px 1px rgb(0 40 90 / 15%))}.dn[data-size=sm] .dn-clouds i{scale:.85;transform-origin:right bottom}.dn-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;translate:0 -60%;transition:translate var(--dn-dur) var(--dn-ease),opacity var(--dn-dur) ease}.dn[aria-checked=true] .dn-stars{opacity:1;translate:0 0}.dn-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 3px #fffc;opacity:0;scale:.2;transition:opacity .3s ease,scale .3s ease}.dn[aria-checked=true] .dn-stars i{opacity:1;scale:1;animation:dn-twinkle 2.6s ease-in-out infinite}.dn-stars i:nth-child(1){left:9px;top:7px;transition-delay:.22s;animation-delay:.2s}.dn-stars i:nth-child(2){left:18px;top:15px;transition-delay:.3s;animation-delay:1.1s;width:1.5px;height:1.5px}.dn-stars i:nth-child(3){left:24px;top:6px;transition-delay:.38s;animation-delay:.6s;width:3px;height:3px}.dn-stars i:nth-child(4){left:7px;top:18px;transition-delay:.45s;animation-delay:1.7s;width:1.5px;height:1.5px}.dn-stars i:nth-child(5){left:30px;top:18px;transition-delay:.52s;animation-delay:2.2s}@keyframes dn-twinkle{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.dn,.dn *,.dn:before{transition-duration:0ms!important;animation:none!important}}@media(max-width:319px),(max-height:419px){.too-small{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;text-align:center;background:var(--void);color:var(--on-void)}.too-small strong{font-size:15px}.too-small p{margin:0;max-width:34ch;font-size:13px;line-height:1.5;color:var(--on-void-muted)}}.undo-toast{position:fixed;left:calc(var(--rail-nav-w) + 14px);bottom:16px;z-index:45;display:flex;align-items:center;gap:10px;width:calc(var(--rail-w) - var(--rail-nav-w) - 28px);padding:9px 8px 9px 14px;border:1px solid var(--slate-line);border-radius:11px;background:var(--slate);color:var(--on-void);box-shadow:0 14px 34px -12px #0000008c;font-size:12.5px;animation:undo-toast-in .2s cubic-bezier(.2,.8,.2,1)}.undo-toast-text{flex:1;min-width:0;line-height:1.35}.undo-toast-action{flex-shrink:0;padding:5px 11px;border:0;border-radius:7px;background:var(--on-void);color:var(--void);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.undo-toast-close{flex-shrink:0;padding:3px 6px;border:0;border-radius:6px;background:none;color:var(--on-void-muted);font-size:11px;cursor:pointer}.undo-toast-close:hover{color:var(--on-void)}@media(max-width:999px){.undo-toast{left:50%;bottom:76px;width:min(420px,calc(100vw - 24px));translate:-50% 0}}@keyframes undo-toast-in{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.undo-toast{animation:none}}.studio-crash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center;background:var(--void);color:var(--on-void)}.studio-crash strong{font-family:var(--display);font-size:17px;font-weight:600}.studio-crash p{margin:0;max-width:44ch;font-size:13px;line-height:1.5;color:var(--on-void-muted)}.studio-crash-actions{display:flex;gap:8px;margin-top:6px}.studio-crash-actions button{padding:8px 16px;border:1px solid var(--slate-line);border-radius:8px;background:var(--slate);color:var(--on-void);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.studio-crash-actions button:hover{border-color:var(--on-void-muted)}.studio-crash-actions .studio-crash-primary{border-color:transparent;background:var(--on-void);color:var(--void)}.studio-crash .studio-crash-note{font-size:11.5px}.studio-crash details{max-width:60ch;margin-top:8px;font-size:11.5px;color:var(--on-void-muted)}.studio-crash summary{cursor:pointer}.studio-crash code{display:block;margin-top:6px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word}.pane-switch{display:none}@media(max-width:999px){.pane-switch{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:40;display:flex;gap:3px;padding:4px;border:1px solid var(--slate-line);border-radius:999px;background:color-mix(in srgb,var(--slate) 92%,transparent);box-shadow:0 12px 30px -10px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);translate:-50% 0}.pane-switch button{min-width:92px;padding:8px 18px;border:0;border-radius:999px;background:transparent;color:var(--on-void-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.pane-switch button[aria-selected=true]{background:var(--brand);color:#fff}}.topbar{grid-area:topbar;display:flex;align-items:center;gap:14px;padding:0 16px 0 20px;background:var(--slate);border-bottom:1px solid var(--slate-line);color:var(--on-void)}.mark{display:flex;align-items:center;gap:9px;font-size:13.5px;white-space:nowrap}.mark-logo{height:24px;width:auto;flex-shrink:0;display:block}.mark-divider{width:1px;height:18px;background:var(--slate-line)}.mark-text{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:-.01em}.mark-beta{padding:2px 6px;border:1px solid var(--slate-line);border-radius:999px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--on-void) 70%,transparent)}.topbar-spacer{flex:1}.seg-dark{display:flex;gap:3px;background:#ffffff10;border:1px solid var(--slate-line);border-radius:8px;padding:3px}.seg-dark button{font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border:0;border-radius:6px;background:transparent;color:var(--on-void-muted);cursor:pointer;white-space:nowrap}.seg-dark button[aria-pressed=true]{background:var(--brand);color:#fff}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--on-void-muted);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:999px;background:var(--danger)}.status[data-live=true] .status-dot{background:var(--live);box-shadow:0 0 0 3px #3ddc9733}@media(max-width:999px){.topbar{gap:10px;padding:0 10px 0 14px}.mark-divider,.mark-text{display:none}}@media(max-width:640px){.topbar-label,.status{display:none}.mark-logo{height:20px}}.phone-trigger{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px 0 12px;border:0;border-radius:999px;background:var(--brand);color:#fff;color:oklch(from var(--brand) clamp(.13,(.66 - l) * 1000,1) 0 0);font:inherit;font-size:12.5px;font-weight:650;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px #ffffff3d inset,0 6px 18px -6px color-mix(in srgb,var(--brand) 80%,transparent);transition:filter .12s ease,transform .12s ease,box-shadow .2s ease}.phone-trigger:hover{filter:brightness(1.08);box-shadow:0 0 0 1px #fff3 inset,0 8px 24px -6px var(--brand)}.phone-trigger:active{transform:translateY(1px)}.phone-trigger:focus-visible{outline:2px solid #fff;outline-offset:2px}.share{position:relative}.share-sheet{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:360px;max-height:calc(100vh - var(--topbar-h) - 16px);overflow-y:auto;padding:16px 16px 14px;border:1px solid var(--rule);border-radius:16px;background:var(--paper);box-shadow:0 24px 60px -18px #0000008c;animation:share-in .14s ease-out}.share-title{margin:0 0 4px;font-family:var(--display);font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);text-align:center;overflow-wrap:anywhere}.share-title b{font-weight:700}.share-card .share-fine{display:block;margin:6px 0 0;font-size:10.5px;line-height:1.4;color:var(--ink-subtle)}.share-label{margin:0;font-size:10px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle)}.share-actions{display:flex;gap:6px;margin-top:10px}.share-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 12px;border:1px solid var(--rule-strong);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease}.share-action:hover{border-color:var(--ink-subtle)}.share-action[data-primary]{flex:1.4;border-color:transparent;background:var(--brand);color:#fff;color:oklch(from var(--brand) clamp(.13,(.66 - l) * 1000,1) 0 0)}.share-action[data-copied]{animation:share-pop .26s cubic-bezier(.3,1.5,.5,1)}.share-action:not([data-primary])[data-copied]{border-color:var(--live)}.share-action:disabled{opacity:.5;cursor:default}.share-url{width:100%;margin-top:7px;padding:5px 8px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-sunk);color:var(--ink-muted);font-family:var(--mono);font-size:10px;text-overflow:ellipsis}.share-url:focus{outline:none;border-color:var(--brand)}.share-notes{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0;padding:0;list-style:none}.share-notes li{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 9px 3px 7px;border-radius:999px;background:var(--paper-sunk);color:var(--ink-muted);font-size:11px;font-weight:550;line-height:1.3;cursor:help}.share-notes li svg{flex:none;color:var(--ink-subtle)}.share-notes li[data-level=warn]{background:var(--danger-sunk);color:var(--danger)}.share-notes li[data-level=warn] svg{color:currentColor}.share-note-detail{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.share-mode{display:flex;flex:none;width:fit-content;padding:2px;border-radius:999px;background:var(--paper-sunk);border:1px solid var(--rule)}.share-mode button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink-subtle);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.share-mode button:hover{color:var(--ink)}.share-mode button[aria-checked=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000024}.share-card{margin-top:8px;padding:11px;border:1px solid var(--rule);border-radius:12px}.share-card-head,.share-card-row{display:flex;align-items:center;gap:9px}.share-card-icon{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--paper-sunk);color:var(--ink-muted)}.share-card p{display:grid;flex:1;min-width:0;margin:0;font-size:12px;line-height:1.3;color:var(--ink)}.share-card p span{font-size:10.5px;color:var(--ink-subtle)}.share-card-row .share-action{flex:none}@keyframes share-pop{0%{opacity:0;transform:scale(.94)}}@keyframes share-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.share-sheet,.share-action[data-copied]{animation:none}}@media(max-width:640px){.share-sheet{position:fixed;top:calc(var(--topbar-h) + 8px);left:12px;right:12px;width:auto}}.project-menu{position:relative}.project-group{display:flex;align-items:stretch;height:32px;border:1px solid var(--slate-line);border-radius:9px;background:#ffffff10;overflow:hidden}.project-group:hover,.project-group:has([aria-expanded=true]){border-color:var(--on-void-muted)}.project-trigger,.project-save{display:flex;align-items:center;gap:6px;padding:0 11px;border:0;background:transparent;color:var(--on-void);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.project-trigger{max-width:240px}.project-save{border-left:1px solid var(--slate-line)}.project-trigger:hover,.project-trigger[aria-expanded=true],.project-save:hover:not(:disabled){background:#ffffff1a}.project-save:disabled{color:var(--on-void-muted);cursor:default}.project-trigger:focus-visible,.project-save:focus-visible{outline:2px solid #fff;outline-offset:-2px}.project-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dot{width:5px;height:5px;border-radius:999px;background:var(--brand);flex-shrink:0}.project-sheet{position:absolute;top:calc(100% + 7px);right:0;z-index:50;width:288px;border:1px solid var(--rule);border-radius:12px;background:var(--paper);box-shadow:0 18px 40px -14px #0000008c;overflow:hidden;animation:sheet-in .11s ease-out}.project-sheet-head{padding:12px 13px 10px;border-bottom:1px solid var(--rule)}.project-rename-trigger{display:flex;align-items:baseline;gap:8px;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:650;text-align:left;cursor:text}.project-rename-hint{font-size:10.5px;font-weight:500;color:var(--ink-subtle);opacity:0;transition:opacity .1s ease}.project-rename-trigger:hover .project-rename-hint{opacity:1}.project-rename{width:100%;padding:3px 7px;border:1px solid var(--brand);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;font-weight:650}.project-rename:focus{outline:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.project-sheet{animation:none}}.project-sheet-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin:6px 0 0}.project-state{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--live);filter:brightness(.78)}.project-state[data-dirty=true]{color:var(--esp);filter:none}.project-state[data-unsaved=true]{color:var(--on-void-muted);filter:none}.project-state-dot{width:5px;height:5px;border-radius:999px;background:currentColor}.project-file{font-size:10.5px;color:var(--ink-subtle);word-break:break-all}.project-assets{padding:1px 6px;border-radius:999px;background:var(--paper-sunk);font-size:9.5px;color:var(--ink-muted)}.project-sheet-items{padding:6px}.project-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:8px;background:none;font:inherit;text-align:left;cursor:pointer}.project-item:hover{background:var(--paper-sunk)}.project-item-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--paper-sunk);color:var(--ink-muted)}.project-item:hover .project-item-icon{background:var(--esp-sunk);color:var(--esp)}.project-item-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.project-item-copy b{font-size:13px;font-weight:650;color:var(--ink)}.project-item-copy span{font-size:10.5px;line-height:1.35;color:var(--ink-subtle)}.project-item kbd{margin-left:auto;flex-shrink:0;padding:2px 5px;border:1px solid var(--rule);border-radius:5px;background:var(--paper);font-family:var(--mono);font-size:9.5px;color:var(--ink-subtle)}.project-sheet-foot{display:flex;align-items:center;gap:10px;padding:10px 13px 11px;border-top:1px solid var(--rule);background:var(--paper-sunk)}.project-sheet-foot p{margin:0;flex:1;font-size:10.5px;line-height:1.4;color:var(--ink-subtle)}.project-reset{flex-shrink:0;padding:5px 10px;border:1px solid var(--rule-strong);border-radius:7px;background:var(--paper);color:var(--ink-muted);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.project-reset:hover{border-color:var(--danger);background:var(--danger-sunk);color:var(--danger)}@media(max-width:640px){.project-trigger{max-width:112px}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:32px;background:#0a0d149e}.modal{display:flex;flex-direction:column;width:min(1120px,100%);max-height:100%;border-radius:16px;background:var(--paper);box-shadow:0 30px 70px -20px #0000008c;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 22px 15px;border-bottom:1px solid var(--rule)}.modal-head h2{margin:0 0 3px;font-family:var(--display);font-size:15px;font-weight:600}.modal-head p{margin:0;font-size:12px;color:var(--ink-muted)}.modal-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-mode{display:inline-flex;align-items:center;gap:8px;margin-right:6px;font-size:12px;font-weight:600;min-width:86px}.ghost{font-size:12px;font-weight:600;padding:6px 12px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}.ghost:hover{border-color:var(--ink)}.modal-body{display:grid;grid-template-columns:260px 1fr;gap:26px;padding:20px 22px 24px;overflow-y:auto}.modal-preview{position:sticky;top:0;align-self:start}.modal-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:22px;min-width:0}.mock{display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--rule);border-radius:12px;aspect-ratio:9 / 16;overflow:hidden}.mock[data-hl] [data-role]{opacity:.22;transition:opacity .12s ease}.mock[data-hl=white] [data-role=white],.mock[data-hl=bg5] [data-role=bg5],.mock[data-hl=bg1] [data-role=bg1],.mock[data-hl=primary] [data-role=primary],.mock[data-hl=text_primary] [data-role=text_primary],.mock[data-hl=text_secondary] [data-role=text_secondary],.mock[data-hl=borderColor] [data-role=borderColor],.mock[data-hl=gray] [data-role=gray],.mock[data-hl=green] [data-role=green],.mock[data-hl=red] [data-role=red],.mock[data-hl=warn] [data-role=warn],.mock[data-hl=warnBg] [data-role=warnBg]{opacity:1;outline:2px solid var(--ink);outline-offset:1px;border-radius:3px}.mock[data-hl=bg5],.mock[data-hl=bg]{outline:2px solid var(--ink);outline-offset:2px}.mock-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:7px}.mock-title{height:6px;width:42%;border-radius:3px}.mock-plus{width:10px;height:10px;border-radius:3px}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mock-card{display:flex;flex-direction:column;gap:4px;padding:8px 7px;border:1px solid;border-radius:8px;min-height:46px}.mock-dot{width:7px;height:7px;border-radius:999px}.mock-line{height:4px;border-radius:2px}.mock-banner{padding:7px 8px;border-radius:7px}.mock-actions{display:flex;gap:6px}.mock-btn{flex:1;height:18px;border-radius:999px}.mock-btn.ghost-btn{background:transparent!important;border:1.5px solid}.mock-tabs{display:flex;justify-content:space-around;align-items:center;margin-top:auto;padding:8px 6px;border:1px solid;border-radius:9px}.mock-tab{width:11px;height:11px;border-radius:3px}@media(prefers-reduced-motion:reduce){.modal{animation:none}}@property --beat{syntax: "<number>"; inherits: true; initial-value: 0;}@property --progress{syntax: "<number>"; inherits: true; initial-value: 0;}@property --sr-hole{syntax: "<length>"; inherits: false; initial-value: -220px;}.stage-inner>.sr{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;--sr-side: calc(50% - 215px) ;--sr-ink: color-mix(in srgb, var(--sr-accent) 52%, #ffffff)}.app[data-showreel=on] .device{position:relative;z-index:1;animation:sr-float 7.2s ease-in-out infinite}@keyframes sr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.stage-inner>.sr-catch{position:absolute;top:0;left:50%;width:400px;height:calc(100% - 46px);z-index:2;transform:translate(-50%);border:0;background:transparent;cursor:pointer;pointer-events:auto}.sr-glow{position:absolute;left:50%;top:46%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sr-accent) 42%,transparent) 0%,color-mix(in srgb,var(--sr-accent) 14%,transparent) 38%,transparent 66%);opacity:calc(.45 + .55 * var(--beat));transform:translate(-50%,-50%) scale(calc(.94 + .1 * var(--beat)));transition:background .6s ease}.stage-inner>.sr-intro{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden}.sr-intro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 45% at 50% 46%,rgb(155 121 217 / 22%),transparent 70%),radial-gradient(40% 40% at 42% 40%,rgb(240 78 55 / 18%),transparent 70%),#0a0d14;-webkit-mask-image:radial-gradient(circle at 50% 46%,transparent var(--sr-hole),rgb(0 0 0 / 12%) calc(var(--sr-hole) + 50px),rgb(0 0 0 / 45%) calc(var(--sr-hole) + 110px),rgb(0 0 0 / 82%) calc(var(--sr-hole) + 170px),#000 calc(var(--sr-hole) + 220px));mask-image:radial-gradient(circle at 50% 46%,transparent var(--sr-hole),rgb(0 0 0 / 12%) calc(var(--sr-hole) + 50px),rgb(0 0 0 / 45%) calc(var(--sr-hole) + 110px),rgb(0 0 0 / 82%) calc(var(--sr-hole) + 170px),#000 calc(var(--sr-hole) + 220px));animation:sr-fade .24s ease-out both}.sr-intro-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 40%,rgb(255 255 255 / 8%) 50%,transparent 60%);opacity:0}.sr-intro-cloud,.sr-intro-name,.sr-intro-line{position:relative}.sr-intro-cloud{width:148px;height:auto;opacity:0;transform:translateY(16px) scale(.78);filter:blur(12px) drop-shadow(0 18px 40px rgb(232 54 45 / 0%));transition:opacity calc(var(--sr-beat) * 3) ease-out,transform calc(var(--sr-beat) * 4) cubic-bezier(.16,1,.3,1),filter calc(var(--sr-beat) * 3) ease-out}.sr-intro-name{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(36px,4.6vw,68px);letter-spacing:.04em;color:var(--on-void);opacity:0;transform:translateY(14px);filter:blur(10px);transition:opacity .7s ease-out,transform 1s cubic-bezier(.16,1,.3,1),filter .7s ease-out,letter-spacing calc(var(--sr-beat) * 6) cubic-bezier(.16,1,.3,1)}.sr-intro-neo{background:var(--neo-sweep);-webkit-background-clip:text;background-clip:text;color:transparent}.sr-intro-line{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--on-void-muted);opacity:0;transform:translateY(8px);transition:opacity .6s ease-out,transform .8s cubic-bezier(.16,1,.3,1),filter .42s ease-out}.sr-intro:not([data-phase=cue]) .sr-intro-cloud{opacity:1;transform:none;filter:blur(0) drop-shadow(0 18px 40px rgb(232 54 45 / 42%))}.sr-intro:is([data-phase=name],[data-phase=rise]) .sr-intro-name{opacity:1;transform:none;filter:blur(0);letter-spacing:-.035em}.sr-intro[data-phase=rise] .sr-intro-line{opacity:1;transform:none}.sr-intro:is([data-phase=rise],[data-phase=exit],[data-phase=drop]) .sr-intro-cloud{filter:blur(0) drop-shadow(0 18px 64px rgb(232 54 45 / 66%));transition-duration:calc(var(--sr-beat) * 3),calc(var(--sr-beat) * 4),calc(var(--sr-beat) * 4)}.sr-intro:is([data-phase=rise],[data-phase=exit]) .sr-intro-sweep{animation:sr-sweep calc(var(--sr-beat) * 4) cubic-bezier(.5,0,.75,0) both}.sr-intro:is([data-phase=exit],[data-phase=drop]) :is(.sr-intro-name,.sr-intro-line){opacity:0;transform:translateY(-10px);transition:opacity calc(var(--sr-beat) * .45) ease-in calc(var(--sr-beat) * .5),transform calc(var(--sr-beat) * .5) cubic-bezier(.5,0,.75,0) calc(var(--sr-beat) * .5)}.sr-intro:is([data-phase=exit],[data-phase=drop]) .sr-intro-name{filter:blur(0);letter-spacing:-.035em}.sr-intro[data-phase=drop] .sr-intro-backdrop{animation:sr-reveal 1.2s cubic-bezier(.45,.05,.25,1) both}@keyframes sr-reveal{to{--sr-hole: 150vmax}}@keyframes sr-sweep{0%{opacity:0;transform:translate(-70%)}25%{opacity:1}to{opacity:1;transform:translate(70%)}}.sr-signature{position:absolute;top:0;left:28px;display:flex;flex-direction:column;gap:8px;max-width:calc(var(--sr-side) - 40px)}.sr[data-opener=pending] .sr-signature{opacity:0}.sr[data-opener=landed] .sr-signature img{animation:sr-lockup-in 1s both}.sr[data-opener=landed] .sr-signature span{animation:sr-fade .45s ease-out .65s both}@keyframes sr-lockup-in{0%,35%{opacity:0;transform:translate(-18px);clip-path:inset(-30% -10% -30% 19.5%);animation-timing-function:cubic-bezier(.4,0,.2,1)}79.9%{opacity:1;transform:none;clip-path:inset(-30% -10% -30% 19.5%)}80%,to{opacity:1;transform:none;clip-path:inset(-30% -10% -30% -10%)}}.sr-signature img{width:min(100%,250px);height:auto;filter:drop-shadow(0 8px 26px rgb(155 121 217 / 35%))}.sr-signature span{font-size:11.5px;color:var(--on-void-muted)}.stage-inner>.sr-controls{z-index:3}.sr-controls{position:absolute;top:2px;right:24px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 11px;border:1px solid var(--slate-line);border-radius:999px;background:color-mix(in srgb,var(--slate) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--on-void);font-size:11.5px;pointer-events:auto;animation:sr-fade .3s ease-out both}.sr-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sr-live-dot{width:7px;height:7px;border-radius:50%;background:#ff4d3d;box-shadow:0 0 0 calc(4px * var(--beat)) #ff4d3d4d;animation:sr-blink 1.02s ease-in-out infinite}.sr-count{color:var(--on-void-muted);font-size:10.5px}.sr-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border:0;border-radius:999px;background:#ffffff14;color:var(--on-void);cursor:pointer}.sr-btn:hover{background:#ffffff2a}.sr-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sr-eq span{width:2.5px;height:100%;border-radius:2px;background:currentColor;transform-origin:bottom;animation:sr-eq .508s ease-in-out infinite alternate}.sr-eq span:nth-child(2){animation-delay:-.25s}.sr-eq span:nth-child(3){animation-delay:-.12s}.sr-eq span:nth-child(4){animation-delay:-.38s}.sr-title{position:absolute;left:0;top:50%;width:var(--sr-side);padding:0 22px 0 28px;transform:translateY(-50%);container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--on-void)}.sr-vertical{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sr-ink);animation:sr-rise .42s cubic-bezier(.2,.8,.2,1) both}.sr-name{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(20px,calc(100cqi / (var(--chars) * .62)),58px);line-height:1;letter-spacing:-.035em}.sr-word{display:block;white-space:nowrap}.sr-word>span{display:inline-block;animation:sr-letter .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 36ms)}.sr-tagline{margin:0;max-width:26ch;font-size:13.5px;line-height:1.4;color:var(--on-void-muted);animation:sr-rise .48s cubic-bezier(.2,.8,.2,1) .16s both}.sr-swatches{display:flex;gap:6px;margin-top:4px}.sr-swatches span{width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff24,0 6px 14px -6px #0009;animation:sr-pop .42s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.26s + var(--i) * 55ms)}.sr-mode{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffff12;font-size:11.5px;font-weight:600;animation:sr-rise .42s cubic-bezier(.2,.8,.2,1) .38s both}.sr[data-mode=dark] .sr-mode{background:color-mix(in srgb,var(--sr-accent) 26%,#ffffff0a)}.sr-mode-note{font-weight:500;color:var(--on-void-muted)}.sr-spec{position:absolute;right:0;top:50%;width:var(--sr-side);padding:0 28px 0 22px;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.sr-spec-file{font-size:10px;letter-spacing:.06em;color:var(--on-void-muted);animation:sr-fade .3s ease-out both}.sr-spec-body{margin:0;padding:12px 14px;border:1px solid var(--slate-line);border-radius:12px;background:color-mix(in srgb,#070a10 78%,transparent);font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#9aa6bb;overflow:hidden}.sr-spec-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:sr-type .36s steps(12,end) both;animation-delay:calc(.22s + var(--i) * 70ms)}.sr-spec-line[data-accent=true]{color:var(--sr-ink)}.sr-timeline{position:absolute;left:28px;bottom:54px;width:calc(var(--sr-side) - 50px);display:flex;gap:4px}.sr-tick{flex:1;height:3px;border-radius:2px;background:#ffffff1c}.sr-tick[data-state=done]{background:#fff5}.sr-tick[data-state=now]{background:linear-gradient(to right,var(--sr-ink) calc(var(--progress) * 100%),#ffffff1c calc(var(--progress) * 100%))}@media(max-width:1240px){.sr-spec{display:none}}@media(max-width:1080px){.sr-title,.sr-timeline{display:none}}@keyframes sr-letter{0%{opacity:0;transform:translateY(.42em) rotate(5deg);filter:blur(8px)}}@keyframes sr-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes sr-pop{0%{opacity:0;transform:scale(.3)}}@keyframes sr-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes sr-fade{0%{opacity:0}}@keyframes sr-fade-out{to{opacity:0}}@keyframes sr-blink{50%{opacity:.35}}@keyframes sr-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.sr-intro-cloud,.sr-intro-name,.sr-intro-line{transform:none!important}.sr-intro-sweep{display:none}.sr[data-opener=landed] .sr-signature img{animation:sr-fade .4s ease-out .3s both}.sr-intro[data-phase=drop] .sr-intro-backdrop{animation:sr-fade-out .7s ease-out both}.app[data-showreel=on] .device,.sr-word>span,.sr-vertical,.sr-tagline,.sr-swatches span,.sr-mode,.sr-spec-line,.sr-spec-file,.sr-controls,.sr-live-dot,.sr-eq span{animation:none}.sr-glow{opacity:.6;transform:translate(-50%,-50%)}}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:40px;background:#0a0d14b8;pointer-events:none;animation:drop-in .12s ease-out}.app:has(.drop-overlay) iframe{pointer-events:none}.drop-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:34px 44px;border:2px dashed var(--on-void-muted);border-radius:16px;background:#141a24eb;color:var(--on-void);text-align:center}.drop-card strong{font-size:15px}.drop-card span{font-size:12.5px;color:var(--on-void-muted)}.drop-card code{font-family:var(--mono);font-size:11.5px;padding:1px 5px;border-radius:5px;background:#ffffff14}@keyframes drop-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.drop-overlay{animation:none}}.pdialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:32px;background:#0a0d14ad;animation:pdialog-fade .12s ease-out}.pdialog{width:min(680px,100%);border:1px solid var(--slate-line);border-radius:16px;background:var(--slate);color:var(--on-void);box-shadow:0 30px 70px -20px #0009;overflow:hidden;animation:pdialog-rise .14s ease-out}.pdialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid var(--slate-line)}.pdialog-head h2{margin:0;font-family:var(--display);font-size:16px;font-weight:600}.pdialog-close{padding:3px 7px;border:0;border-radius:7px;background:none;color:var(--on-void-muted);font-size:13px;cursor:pointer}.pdialog-close:hover{background:#ffffff14;color:var(--on-void)}.pdialog-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:24px 20px 26px}.pdialog-option{display:flex;flex-direction:column;align-items:center;gap:9px;padding:22px 18px 20px;border:1px solid var(--slate-line);border-radius:13px;background:#ffffff08;text-align:center}.pdialog-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:999px;color:#fff}.pdialog-option[data-tone=save] .pdialog-icon{background:#4f9d4f}.pdialog-option[data-tone=copy] .pdialog-icon{background:#7a6fd1}.pdialog-option[data-tone=open] .pdialog-icon{background:#2f7fbf}.pdialog-option h3{margin:2px 0 0;font-size:15px;font-weight:700}.pdialog-option p{margin:0;font-size:12.5px;line-height:1.5;color:var(--on-void-muted)}.pdialog-action{margin-top:5px;padding:8px 18px;border:0;border-radius:9px;background:var(--brand);color:#fff;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.pdialog-action:hover{filter:brightness(1.08)}.pdialog-saveas{grid-column:1 / -1;display:grid;gap:8px}.pdialog-saveas label{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--on-void-muted)}.pdialog-saveas input{height:40px;padding:0 12px;border:1px solid var(--slate-line);border-radius:10px;background:#ffffff0d;color:var(--on-void);font:inherit;font-size:14px}.pdialog-saveas input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}.pdialog-saveas p{margin:0;font-size:12px;color:var(--on-void-muted)}.pdialog-saveas p .mono{color:var(--on-void)}.pdialog-saveas .pdialog-action{justify-self:end}.pdialog-action:disabled{opacity:.5;cursor:default}.pdialog-foot{margin:0;padding:12px 20px 15px;border-top:1px solid var(--slate-line);font-size:11.5px;line-height:1.5;color:var(--on-void-muted)}@keyframes pdialog-fade{0%{opacity:0}}@keyframes pdialog-rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.pdialog-scrim,.pdialog{animation:none}}.pdialog.confirm{width:min(420px,100%)}.confirm-body{padding:16px 18px 4px}.confirm-body p{margin:0;font-size:13px;line-height:1.5;color:var(--on-void-muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 18px 18px}.confirm-actions .btn-ghost{background:#ffffff14;color:var(--on-void);border-color:var(--slate-line)}.confirm-actions .btn-ghost:hover:not(:disabled){background:#ffffff26}.btn-danger{background:var(--danger);color:#fff;border-color:transparent}.btn-danger:hover:not(:disabled){background:#a82219}.btn-danger:focus-visible{outline:2px solid #fff;outline-offset:2px}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.tour-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:tour-fade .26s ease-out}.tour-dim{fill:color-mix(in srgb,var(--void) 92%,var(--brand));fill-opacity:.66}.tour-hole{transition:x .52s cubic-bezier(.22,1,.36,1),y .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),fill-opacity .36s ease}.tour-hole-also[data-on=false]{fill-opacity:0}.tour-ring{transition:opacity .3s ease}.tour-ring[data-on=false]{opacity:0}.tour-ring-line{fill:none;stroke:color-mix(in srgb,var(--brand) 85%,#fff);stroke-width:1.5;stroke-opacity:.9}.tour-ring-glow{fill:none;stroke:var(--brand);stroke-width:10;stroke-opacity:.55;animation:tour-breathe 2.8s ease-in-out infinite}.tour-block{fill:none;pointer-events:fill}.tour-card{position:absolute;z-index:2;box-sizing:border-box;padding:16px 18px 14px;pointer-events:auto;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--rule));border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px #0000000a,0 28px 64px -20px #0000009e,0 0 48px -12px color-mix(in srgb,var(--brand) 45%,transparent);animation:tour-rise .26s cubic-bezier(.22,1,.36,1);transition:top .52s cubic-bezier(.22,1,.36,1),left .52s cubic-bezier(.22,1,.36,1)}.tour-card[data-centred]{padding:26px 28px 22px;border-radius:20px}.tour .tour-card:focus,.tour .tour-card:focus-visible{outline:none}.tour-caret{position:absolute;width:12px;height:12px;background:var(--paper);border:0 solid color-mix(in srgb,var(--brand) 22%,var(--rule));transform:rotate(45deg)}.tour-card[data-placement=bottom] .tour-caret{top:-7px;left:calc(var(--caret-x) - 6px);border-width:1px 0 0 1px}.tour-card[data-placement=top] .tour-caret{bottom:-7px;left:calc(var(--caret-x) - 6px);border-width:0 1px 1px 0}.tour-card[data-placement=right] .tour-caret{left:-7px;top:calc(var(--caret-y) - 6px);border-width:0 0 1px 1px}.tour-card[data-placement=left] .tour-caret{right:-7px;top:calc(var(--caret-y) - 6px);border-width:1px 1px 0 0}.tour-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px}.tour-count{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--brand)}.tour-count span{color:var(--ink-subtle);font-weight:400}.tour-live{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle)}.tour-live:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--brand);animation:tour-blink 1s ease-in-out infinite}.tour-title{margin:0 0 6px;font-family:var(--display);font-size:15px;font-weight:650;line-height:1.3;letter-spacing:-.005em}.tour-card[data-centred] .tour-title{font-size:22px;letter-spacing:-.015em;margin-bottom:8px}.tour-body{margin:0;font-size:12.5px;line-height:1.55;color:var(--ink-muted)}.tour-card[data-centred] .tour-body{font-size:13.5px}.tour-body p{margin:0}.tour-did{display:flex;flex-direction:column;gap:7px;margin:14px 0 0;padding:0;list-style:none}.tour-did li{display:flex;align-items:baseline;gap:9px;color:var(--ink);font-size:13px;animation:tour-rise .36s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms + .12s)}.tour-did li:before{content:"";flex:none;width:7px;height:7px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent);transform:translateY(-1px)}.tour-progress{display:flex;align-items:center;gap:10px;margin-top:14px}.tour-dots{display:flex;gap:4px}.tour-dots i{width:6px;height:6px;border-radius:999px;background:var(--rule-strong);transition:background .2s ease,width .26s cubic-bezier(.22,1,.36,1)}.tour-dots i[data-state=done]{background:color-mix(in srgb,var(--brand) 45%,var(--rule-strong))}.tour-dots i[data-state=current]{width:16px;background:var(--brand)}.tour-dwell{position:relative;flex:1;height:3px;overflow:hidden;border-radius:999px;background:var(--rule)}.tour-dwell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--brand);transform-origin:left;transform:scaleX(var(--dwell, 0))}.tour-dwell[data-phase=acting]:after,.tour-dwell[data-phase=finding]:after{width:35%;transform:none;animation:tour-shimmer 1.1s ease-in-out infinite;opacity:.6}.tour-dwell[data-paused]:after{opacity:.45}.tour-actions,.tour-choices{display:flex;align-items:center;gap:8px;margin-top:12px}.tour-choices{margin-top:20px;flex-wrap:wrap}.tour-choices .tour-btn{padding:10px 16px;font-size:13px;border-radius:11px}.tour-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--rule-strong);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .14s ease,transform .14s ease}.tour-btn:hover:not(:disabled){background:var(--paper-sunk)}.tour-btn:active:not(:disabled){transform:translateY(1px)}.tour-btn:disabled{opacity:.45;cursor:not-allowed}.tour-next{border-color:transparent;background:var(--brand);color:#fff;box-shadow:0 6px 18px -8px var(--brand)}.tour-next:hover:not(:disabled){filter:brightness(1.08);background:var(--brand)}.tour-skip{margin-right:auto;padding:7px 4px;border:0;background:none;color:var(--ink-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.tour-skip:hover{color:var(--ink)}.tour-ghost{position:fixed;top:0;left:0;z-index:3;width:0;height:0;opacity:0;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.45,.05,.25,1),ease;will-change:transform}.tour-ghost[data-shown=true]{opacity:1}.tour-ghost-arrow{position:absolute;top:-3px;left:-3px;filter:drop-shadow(0 3px 6px rgb(0 0 0 / 40%));transition:transform .14s ease}.tour-ghost-ring{position:absolute;top:-19px;left:-19px;width:38px;height:38px;border:1.5px solid color-mix(in srgb,var(--brand) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--brand) 20%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--brand) 55%,transparent);transition:transform .16s ease}.tour-ghost-ripple{position:absolute;top:-19px;left:-19px;width:38px;height:38px;border-radius:999px;border:2px solid var(--brand);opacity:0}.tour-ghost[data-press=true] .tour-ghost-ring{transform:scale(.72)}.tour-ghost[data-press=true] .tour-ghost-arrow{transform:scale(.9)}.tour-ghost[data-press=true] .tour-ghost-ripple{animation:tour-ripple .56s cubic-bezier(.22,1,.36,1)}@keyframes tour-fade{0%{opacity:0}}@keyframes tour-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes tour-breathe{50%{stroke-opacity:.3}}@keyframes tour-blink{50%{opacity:.3}}@keyframes tour-shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes tour-ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@media(prefers-reduced-motion:reduce){.tour-overlay,.tour-card,.tour-did li,.tour-ring-glow,.tour-live:before,.tour-ghost-ripple{animation:none!important}.tour-card{transition:none}}.stage-inner>.shs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;--shs-ink: color-mix(in srgb, var(--shs-accent) 55%, #ffffff)}.shs *{pointer-events:none}.shs-plan{position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 94%);mask-image:radial-gradient(closest-side,#000 30%,transparent 94%);animation:shs-fade .9s ease both}.shs-plan svg{display:block;width:100%;height:100%}.shs-plan pattern path{fill:none;stroke:var(--shs-ink);stroke-opacity:.08;stroke-width:1}.shs-plan-walls{fill:none;stroke:var(--shs-ink);stroke-opacity:.12;stroke-width:2.5;stroke-linecap:square}.shs-plan-doors{fill:none;stroke:var(--shs-ink);stroke-opacity:.1;stroke-width:1.5;stroke-dasharray:3 5}.shs-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.shs-link{animation:shs-fade .6s ease both;animation-delay:calc(.24s + var(--i, 0) * .11s)}.shs-link-line{fill:none;stroke:var(--shs-ink);stroke-opacity:.32;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:0 5;transition:stroke-opacity .5s ease}.shs-link[data-live=true] .shs-link-line{stroke-opacity:.6}.shs-link-port{fill:var(--shs-ink);fill-opacity:.8}.shs-link-packet{fill:none;stroke:var(--shs-ink);stroke-width:4;stroke-linecap:round;stroke-dasharray:0 101;filter:drop-shadow(0 0 4px var(--shs-accent));animation:shs-packet-in 3.4s cubic-bezier(.45,0,.55,1) infinite;animation-delay:calc(var(--i, 0) * -.85s)}.shs-link-packet[data-flow=out]{animation-name:shs-packet-out}.shs-node{position:absolute;display:flex;align-items:center;gap:11px;padding:7px 14px 7px 7px;border:1px solid rgb(255 255 255 / 9%);border-radius:18px;background:linear-gradient(150deg,#ffffff12,#ffffff06);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 36px -22px #000c,inset 0 1px #ffffff12;color:var(--on-void);transform:translateY(-50%);animation:shs-node-in .56s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.18s + var(--i, 0) * .11s)}.shs-node[data-placed=false]{top:0;left:0;visibility:hidden}.shs-node[data-side=left]{flex-direction:row-reverse;padding:7px 7px 7px 14px;text-align:right}.shs[data-mode=light] .shs-node{background:linear-gradient(150deg,#ffffff1a,#ffffff0a)}.shs-chip{position:relative;flex-shrink:0;width:46px;height:46px}.shs-chip img{display:block;width:46px;height:46px;filter:drop-shadow(0 6px 9px color-mix(in srgb,var(--shs-accent) 50%,transparent))}.shs-chip .shs-pulse{position:absolute;top:0;right:0;bottom:0;left:0;filter:none;pointer-events:none;animation:shs-pulse 1.4s cubic-bezier(.2,.7,.3,1) both}.shs-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.shs-node[data-side=left] .shs-copy{align-items:flex-end}.shs-tag{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--shs-ink);opacity:.85}.shs-label{max-width:128px;font-family:var(--display);font-size:12.5px;font-weight:600;line-height:1.2;letter-spacing:-.005em;overflow-wrap:anywhere}.shs-state{display:grid;max-width:128px;font-size:10.5px;line-height:1.3;color:var(--on-void-muted)}.shs-state>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:5px;overflow-wrap:anywhere;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.shs-node[data-side=left] .shs-state>span{justify-content:flex-end}.shs-state>span[data-on=false]{opacity:0;transform:translateY(5px)}.shs-state i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--shs-ink);box-shadow:0 0 6px var(--shs-accent)}@keyframes shs-fade{0%{opacity:0}}@keyframes shs-node-in{0%{opacity:0;transform:translateY(calc(-50% + 10px)) scale(.97)}}@keyframes shs-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes shs-packet-in{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}46%{opacity:1}54%,to{stroke-dashoffset:-100;opacity:0}}@keyframes shs-packet-out{0%{stroke-dashoffset:-100;opacity:0}8%{opacity:1}46%{opacity:1}54%,to{stroke-dashoffset:0;opacity:0}}@media(max-width:1199px){.stage-inner>.shs{display:none}}@media(prefers-reduced-motion:reduce){.shs-link-packet,.shs-chip .shs-pulse{display:none}.shs-plan,.shs-link,.shs-node{animation:none}.shs-state>span{transition:none}}.tour-nudge{position:absolute;left:24px;top:2px;z-index:3;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 13px;border:1px solid var(--slate-line);border-radius:999px;background:color-mix(in srgb,var(--slate) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--on-void-muted);font-size:12px;white-space:nowrap;animation:nudge-in .4s cubic-bezier(.2,.8,.2,1) 1.2s both}.tour-nudge-go{padding:5px 11px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.tour-nudge-go:hover{filter:brightness(1.1)}.tour-nudge-x{padding:4px 7px;border:0;border-radius:999px;background:transparent;color:var(--on-void-muted);font-size:11px;cursor:pointer}.tour-nudge-x:hover{background:#ffffff14;color:var(--on-void)}@keyframes nudge-in{0%{opacity:0;transform:translateY(-8px)}}@media(max-width:1360px){.tour-nudge-lead{display:none}}@media(prefers-reduced-motion:reduce){.tour-nudge{animation:none}}@media(max-width:999px){.tour-nudge{display:none}}.pguide-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0a0d14c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pguide-fade .16s ease-out}.pguide{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "steps stage" "foot foot";width:min(1180px,100%);height:min(760px,100%);overflow:hidden;border-radius:22px;background:var(--paper);box-shadow:0 40px 100px -30px #000000b3;outline:none;animation:pguide-rise .26s cubic-bezier(.2,.8,.2,1)}.pguide-head{grid-area:head;display:flex;align-items:center;gap:10px;padding:18px 20px 14px 24px;border-bottom:1px solid var(--rule)}.pguide-head h2{margin:0;font-family:var(--display);font-size:18px;font-weight:650;color:var(--ink)}.pguide-example{padding:3px 9px;border-radius:999px;background:var(--paper-sunk);color:var(--ink-muted);font-size:11px;font-weight:600}.pguide-close{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ink-subtle);font-size:14px;cursor:pointer}.pguide-close:hover{background:var(--paper-sunk);color:var(--ink)}.pguide-steps{grid-area:steps;margin:0;padding:16px 12px;overflow-y:auto;border-right:1px solid var(--rule);background:var(--paper-sunk);list-style:none}.pguide-steps li{position:relative}.pguide-steps li:not(:last-child):after{content:"";position:absolute;left:25px;top:40px;bottom:-6px;width:2px;border-radius:1px;background:var(--rule)}.pguide-steps li[data-state=done]:after{background:var(--brand)}.pguide-steps button{display:flex;gap:12px;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .14s ease}.pguide-steps button:hover{background:color-mix(in srgb,var(--paper) 70%,transparent)}.pguide-steps li[data-state=on] button{background:var(--paper);box-shadow:0 1px 3px #00000014}.pguide-num{display:grid;flex:none;place-items:center;width:28px;height:28px;border:2px solid var(--rule-strong);border-radius:50%;background:var(--paper);color:var(--ink-subtle);font-size:12px;font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease}.pguide-steps li[data-state=on] .pguide-num,.pguide-steps li[data-state=done] .pguide-num{border-color:var(--brand);background:var(--brand);color:#fff;color:oklch(from var(--brand) clamp(.13,(.66 - l) * 1000,1) 0 0)}.pguide-step-text{display:grid;gap:3px;padding-top:4px;min-width:0}.pguide-step-text b{font-size:13px;font-weight:650;color:var(--ink-muted)}.pguide-steps li[data-state=on] .pguide-step-text b{color:var(--ink)}.pguide-step-text span{display:none;font-size:12px;line-height:1.4;color:var(--ink-muted)}.pguide-steps li[data-state=on] .pguide-step-text span{display:block;animation:pguide-fade .22s ease-out}.pguide-stage{grid-area:stage;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;padding:22px 28px 18px;background:radial-gradient(60% 50% at 70% 60%,color-mix(in srgb,var(--brand) 9%,transparent),transparent),var(--paper)}.pguide-caption{animation:pguide-in .3s cubic-bezier(.2,.8,.2,1)}.pguide-caption-num{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.pguide-caption h3{margin:4px 0 0;font-family:var(--display);font-size:22px;font-weight:650;color:var(--ink)}.pguide-caption p{margin:4px 0 0;font-size:14px;color:var(--ink-muted)}.pguide-action{margin-top:14px}.pguide-save{display:flex;gap:8px;max-width:460px}.pguide-save-field{display:flex;flex:1;align-items:center;min-width:0;height:40px;padding:0 12px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper);cursor:text;transition:border-color .12s ease,box-shadow .12s ease}.pguide-save-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.pguide-save-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pguide-save-field input{flex:1;min-width:0;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:550}.pguide-save-ext{flex:none;color:var(--ink-subtle);font-family:var(--mono);font-size:12px}.pguide-save .pguide-btn{height:40px;padding:0 22px}.pguide-caption .pguide-saved,.pguide-caption .pguide-warn,.pguide-caption .pguide-note{font-size:12.5px;line-height:1.45}.pguide-caption .pguide-saved{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--live);font-weight:600}.pguide-caption .pguide-warn{margin-top:9px;color:var(--danger)}.pguide-link{padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.pguide-caption .pguide-note{max-width:560px;margin-top:12px;padding:8px 12px;border-left:3px solid color-mix(in srgb,var(--brand) 55%,transparent);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--brand) 6%,var(--paper));color:var(--ink-muted)}.pguide-noapp{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--ink-subtle)}.pguide-noapp-store{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);color:var(--ink-muted);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.pguide-noapp-store:hover,.pguide-noapp-store[aria-expanded=true]{border-color:var(--ink-subtle);color:var(--ink)}.pguide-noapp-qr{position:absolute;top:calc(100% + 8px);left:0;z-index:5;display:flex;align-items:center;gap:12px;width:270px;padding:10px 32px 10px 10px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);box-shadow:0 18px 40px -16px #0006;animation:pguide-in .2s ease-out}.pguide-noapp-qr img{flex:none;width:108px;height:108px;border-radius:6px;image-rendering:pixelated}.pguide-noapp-qr span{font-size:12px;line-height:1.45;color:var(--ink-muted)}.pguide-noapp-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--ink-subtle);font-size:11px;cursor:pointer}.pguide-noapp-close:hover{background:var(--paper-sunk);color:var(--ink)}.pguide-visual{display:grid;place-items:center;min-height:0;container-type:size;animation:pguide-in .38s 60ms cubic-bezier(.2,.8,.2,1) both}.pguide-visual>*{max-height:100%}.pguide-shot{display:grid;place-items:center;height:100%;container-type:size}.pguide-fit{position:relative;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio)}.pguide-fit img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.pguide-spot{position:absolute;border-radius:12px;box-shadow:0 0 0 3px var(--brand),0 0 0 9999px #0a0d1438;animation:pguide-spot 1.8s ease-in-out .5s infinite both;pointer-events:none}.pguide-phone{box-sizing:content-box;aspect-ratio:640 / 1385;height:calc(100% - 18px);max-height:502px;padding:9px;border-radius:38px;background:#0e131c;box-shadow:0 0 0 1px #ffffff14 inset,0 30px 60px -25px #0000008c}.pguide-phone .pguide-shot{overflow:hidden;border-radius:30px;background:#fff}.pguide-browser{display:grid;grid-template-rows:auto auto;width:min(100%,800px,(100cqh - 33px) * 1.6);overflow:hidden;border:1px solid var(--rule);border-radius:14px;background:#fff;box-shadow:0 30px 60px -30px #00000073}.pguide-browser-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-bottom:1px solid var(--rule);background:var(--paper-sunk)}.pguide-browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--rule-strong)}.pguide-browser-bar span{margin-left:10px;font-size:11px;color:var(--ink-subtle)}.pguide-frames{position:relative;aspect-ratio:1600 / 1000}.pguide-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.015);transition:opacity .5s ease,transform .7s ease}.pguide-frame[data-on]{opacity:1;transform:none}.pguide-file{display:grid;justify-items:center;gap:18px}.pguide-file-card{display:flex;align-items:center;gap:14px;padding:18px 22px 18px 18px;border:1px solid var(--rule);border-radius:18px;background:var(--paper);box-shadow:0 24px 50px -24px #0006;animation:pguide-drop .6s .12s cubic-bezier(.3,1.4,.5,1) both}.pguide-file-card img{width:64px;height:64px;object-fit:contain}.pguide-file-card p{display:grid;gap:3px;margin:0}.pguide-file-card b{font-family:var(--mono);font-size:14px;color:var(--ink)}.pguide-file-card span{font-size:12px;color:var(--ink-subtle)}.pguide-file-arrow{color:var(--brand);animation:pguide-bob 1.4s ease-in-out infinite}.pguide-scan{display:flex;align-items:center;gap:22px;height:100%}.pguide-qr{position:relative;flex:none;width:180px;aspect-ratio:1;overflow:hidden;border-radius:14px;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--rule),0 20px 40px -20px #0006}.pguide-qr-beam{position:absolute;left:6%;right:6%;height:3px;border-radius:2px;background:var(--brand);box-shadow:0 0 14px 3px color-mix(in srgb,var(--brand) 60%,transparent);animation:pguide-beam 1.8s ease-in-out infinite alternate}.pguide-scan-arrow{flex:none;color:var(--ink-subtle)}.pguide-foot{grid-area:foot;position:relative;display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--rule)}.pguide-progress{position:absolute;top:-1px;left:0;right:0;height:2px}.pguide-progress span{display:block;height:100%;background:var(--brand);transition:width .32s cubic-bezier(.2,.8,.2,1)}.pguide-btn{min-width:92px;height:36px;padding:0 16px;border:1px solid var(--rule-strong);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.pguide-btn:disabled{opacity:.4;cursor:default}.pguide-btn[data-primary]{border-color:transparent;background:var(--brand);color:#fff;color:oklch(from var(--brand) clamp(.13,(.66 - l) * 1000,1) 0 0)}@keyframes pguide-fade{0%{opacity:0}}@keyframes pguide-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes pguide-in{0%{opacity:0;transform:translate(18px)}}@keyframes pguide-spot{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 55%,transparent),0 0 0 9999px #0a0d1438}}@keyframes pguide-drop{0%{opacity:0;transform:translateY(-26px) rotate(-4deg)}}@keyframes pguide-bob{50%{transform:translateY(5px)}}@keyframes pguide-beam{0%{top:8%}to{top:90%}}@media(prefers-reduced-motion:reduce){.pguide-scrim,.pguide,.pguide-caption,.pguide-visual,.pguide-spot,.pguide-file-card,.pguide-file-arrow,.pguide-qr-beam,.pguide-steps li[data-state=on] .pguide-step-text span{animation:none}.pguide-frame{transition:none}}@media(max-width:760px){.pguide-scrim{padding:0}.pguide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head" "steps" "stage" "foot";height:100%;border-radius:0}.pguide-example{display:none}.pguide-steps{display:flex;justify-content:center;gap:6px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--rule)}.pguide-steps li:after,.pguide-step-text{display:none}.pguide-steps button{padding:4px}.pguide-stage{padding:16px}.pguide-scan{flex-direction:column;gap:12px}.pguide-qr{width:110px}.pguide-scan-arrow{transform:rotate(90deg)}}body{margin:0;background:#0a0d14}