html.spb-app,html.spb-app body{overscroll-behavior:none;overflow:hidden}.spp,.spp-dialog{--spp-r:4px;--spp-line:var(--line,var(--card-border));--spp-line-strong:var(--line-strong,var(--card-border-hover));--spp-fill:color-mix(in srgb, var(--foreground) 4.5%, transparent);--spp-fill-2:color-mix(in srgb, var(--foreground) 8%, transparent);--spp-fill-3:color-mix(in srgb, var(--foreground) 12%, transparent);--spp-subtle:var(--text-subtle,var(--text-muted));--spp-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--spp-ease:var(--ease-out,cubic-bezier(.22, 1, .36, 1))}.spp-dialog *,.spp-dialog :before,.spp-dialog :after{box-sizing:border-box}.spp-dialog button{font:inherit;color:inherit;cursor:pointer}.spp-dialog h2,.spp-dialog p,.spp-dialog ul{margin:0;padding:0;list-style:none}.spp-dialog code,.spp-dialog kbd{font-family:var(--spp-mono)}.spp{--spp-left:292px;--spp-right:360px;--spp-top:52px;--spp-panel:var(--background);z-index:40;grid-template-columns:var(--spp-left) minmax(0, 1fr) var(--spp-right);grid-template-rows:var(--spp-top) minmax(0, 1fr);background:var(--background);color:var(--foreground);isolation:isolate;-webkit-font-smoothing:antialiased;font-family:inherit;font-size:13px;line-height:1.5;display:grid;position:fixed;inset:0}.spp *,.spp :before,.spp :after{box-sizing:border-box}.spp button{font:inherit;color:inherit;cursor:pointer}.spp button:disabled{cursor:default;opacity:.38}.spp .spp-btn,.spp-dialog .spp-btn{font-size:12.5px;font-weight:500}.spp .spp-btn-sm,.spp-dialog .spp-btn-sm{font-size:12px}.spp .spp-btn-primary,.spp-dialog .spp-btn-primary{font-size:12.5px;font-weight:600}.spp :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.spp h1,.spp h2,.spp h3,.spp p,.spp ol,.spp ul,.spp dl,.spp dd{margin:0}.spp ul,.spp ol{padding:0;list-style:none}.spp code,.spp kbd,.spp pre{font-family:var(--spp-mono)}.spp-label,.spp-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--spp-subtle);align-items:center;gap:8px;font-size:10.5px;font-weight:600;line-height:1.3;display:flex}.spp-label-note{letter-spacing:.02em;text-transform:none;color:var(--text-muted);margin-left:auto;font-weight:500}.spp-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.spp-muted{color:var(--text-muted)}.spp-hint{color:var(--text-muted);font-size:12px;line-height:1.55}.spp-link{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) 28%, transparent);text-decoration-color:color-mix(in srgb, var(--foreground) 28%, transparent);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:500;transition:text-decoration-color .15s}.spp-link:hover{text-decoration-color:currentColor}.spp-pro-tag{background:color-mix(in srgb, var(--accent) 14%, transparent);height:16px;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;vertical-align:1px;border-radius:3px;align-items:center;margin-left:6px;padding:0 5px;font-size:9.5px;font-weight:700;display:inline-flex}.spp-sp-tag,.spp-native-tag{letter-spacing:.05em;border-radius:3px;flex:none;align-items:center;height:17px;padding:0 5px;font-size:9.5px;font-weight:700;display:inline-flex}.spp-sp-tag{background:var(--foreground);color:var(--background)}.spp-native-tag{box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);letter-spacing:.02em;font-weight:600}.spp-remix-tag{border-radius:var(--spp-r);height:28px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.spp-save-group{box-sizing:border-box;border:1px solid var(--spp-line-strong);border-radius:var(--spp-r);flex:none;align-items:stretch;height:28px;margin-left:4px;display:inline-flex;overflow:hidden}.spp-save-group .spp-remix-tag,.spp .spp-save-group .spp-save-btn{height:auto;box-shadow:none;color:var(--foreground);letter-spacing:0;background:0 0;border:0;border-radius:0;gap:7px;padding:0 12px 0 10px;font-size:12px;font-weight:500}.spp-save-group .spp-remix-tag:before{margin-inline:4px}.spp .spp-save-group .spp-remix-tag+.spp-save-btn{border-left:1px solid var(--spp-line-strong)}.spp .spp-save-group .spp-save-btn:hover:not(:disabled){background:var(--spp-fill)}.spp .spp-save-group .spp-save-btn:active:not(:disabled){transform:none}.spp .spp-save-group .spp-save-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.spp .spp-save-group .spp-save-btn.is-saved{color:var(--text-muted)}.spp .spp-save-group .spp-save-btn.is-saved:hover:not(:disabled){color:var(--foreground)}.spp .spp-save-btn .spb-spinner{width:12px;height:12px}.spp-save-dialog .spp-save-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.spp-save-dialog .spp-build-opt{padding-block:18px}.spp-save-dialog .spp-build-desc{min-height:0}.spp-remix-tag:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.spp-btn{border-radius:var(--spp-r);border:1px solid var(--spp-line-strong);white-space:nowrap;height:32px;color:var(--foreground);transition:background-color .15s, border-color .15s, transform .15s var(--spp-ease);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.spp-btn:hover:not(:disabled){background:var(--spp-fill);border-color:color-mix(in srgb, var(--foreground) 24%, transparent)}.spp-btn:active:not(:disabled){transform:scale(.98)}.spp-btn-primary{background:var(--accent);box-shadow:0 1px 0 #ffffff26 inset, 0 10px 28px -12px color-mix(in srgb, var(--accent) 60%, transparent);transition:transform .3s var(--spp-ease), box-shadow .3s var(--spp-ease), filter .3s var(--spp-ease);border-color:#00000040;font-weight:600;color:var(--accent-foreground,#000)!important}@media (hover:hover){.spp-btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.05);box-shadow:0 1px 0 #ffffff26 inset, 0 16px 36px -14px color-mix(in srgb, var(--accent) 75%, transparent);border-color:#00000040;transform:translateY(-1px)}}.spp-btn-primary:active:not(:disabled){transform:translateY(0)scale(.985)}.spp-btn-sm{height:28px;padding:0 10px;font-size:12px}.spp-btn-lg{height:40px;padding:0 18px;font-size:13.5px}.spp-btn[data-copied] .spp-copy-idle,.spp-btn:not([data-copied]) .spp-copy-done,.spp-icon-btn[data-copied] .spp-copy-idle,.spp-icon-btn:not([data-copied]) .spp-copy-done{display:none}.spp-copy-icon .spp-copy-idle,.spp-copy-icon .spp-copy-done{display:none!important}.spp-icon-btn{border-radius:var(--spp-r);width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-grid}.spp-icon-btn:hover:not(:disabled){color:var(--foreground);background:var(--spp-fill)}.spp-icon-btn-sm{width:26px;height:26px}.spp-seg{border-radius:var(--spp-r);background:var(--spp-fill);gap:2px;padding:2px;display:inline-flex}.spp-seg>button{min-height:28px;color:var(--text-muted);white-space:nowrap;transition:color .15s, background-color .2s var(--spp-ease), box-shadow .2s;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.spp-seg>button:hover{color:var(--foreground)}.spp-seg>button[aria-checked=true],.spp-seg>button[aria-selected=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000004d, inset 0 0 0 1px var(--spp-line)}.spp-seg-fill{width:100%;display:flex}.spp-seg-fill>button{text-overflow:ellipsis;flex:1;min-width:0;padding:0 6px;overflow:hidden}.spp-chip{border-radius:var(--spp-r);border:1px solid var(--spp-line-strong);height:26px;color:var(--text-muted);background:0 0;align-items:center;padding:0 10px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.spp-chip:hover{color:var(--foreground)}.spp-chip[aria-pressed=true]{color:var(--foreground);border-color:var(--foreground);background:var(--spp-fill)}.spp-chips{flex-wrap:wrap;gap:6px;display:flex}.spp-input{border-radius:var(--spp-r);border:1px solid var(--spp-line-strong);width:100%;height:32px;color:var(--foreground);font:inherit;background:0 0;padding:0 10px;font-size:12.5px;transition:border-color .15s}.spp-input:hover{border-color:color-mix(in srgb, var(--foreground) 24%, transparent)}.spp-input:focus{border-color:var(--foreground);outline:none}.spp-textarea{resize:vertical;height:auto;padding:8px 10px;line-height:1.5}.spp-input-num{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:64px}.spp-select{border-radius:var(--spp-r);border:1px solid var(--spp-line-strong);width:100%;height:32px;color:var(--foreground);font:inherit;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center/14px no-repeat;padding:0 28px 0 10px;font-size:12.5px}.spp-select:focus{border-color:var(--foreground);outline:none}.spp-select option,.spp-select optgroup{background:var(--background);color:var(--foreground)}.spp-select-sm{width:auto;max-width:220px;height:28px;font-size:12px}.spp-switch{background:var(--spp-fill-3);border:0;border-radius:999px;flex:none;width:36px;height:20px;padding:0;transition:background-color .2s;position:relative}.spp-switch>span{width:16px;height:16px;transition:transform .25s var(--ease-spring,var(--spp-ease));background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.spp-switch[aria-checked=true]{background:var(--foreground)}.spp-switch[aria-checked=true]>span{background:var(--background);transform:translate(16px)}.spp-number{align-items:center;gap:10px;display:flex}.spp-number input[type=range]{min-width:0;height:16px;accent-color:var(--foreground);flex:1}.spp-swatches{flex-wrap:wrap;gap:7px;display:flex}.spp-swatch{background:var(--sw);width:20px;height:20px;transition:transform .2s var(--ease-spring,var(--spp-ease));border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #ffffff24}.spp-swatch:hover{transform:scale(1.1)}.spp-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--background), 0 0 0 3.5px var(--foreground)}.spp-icon-select{align-items:center;gap:8px;display:flex}.spp-icon-preview{border-radius:var(--spp-r);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);flex:none;place-items:center;display:grid}.spp-field{flex-direction:column;gap:6px;min-width:0;display:flex}.spp-field[data-type=boolean]{flex-flow:wrap;justify-content:space-between;align-items:center}.spp-field[data-type=boolean] .spp-field-hint{flex-basis:100%}.spp-field-label{color:var(--foreground);align-items:center;font-size:12px;font-weight:500;display:flex}.spp-field-hint{color:var(--spp-subtle);font-size:11.5px;line-height:1.45}.spp-field.is-locked>:not(label){opacity:.45;pointer-events:none}.spp-field.is-locked{cursor:pointer}.spp-fields{flex-direction:column;gap:14px;display:flex}kbd{box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);border-radius:3px;padding:1px 5px;font-size:10.5px}.spp-top{border-bottom:1px solid var(--spp-line);grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;gap:16px;padding:0 12px 0 10px;display:flex}.spp-top-lead{align-items:center;gap:12px;min-width:0;display:flex}.spp-exit{border-radius:var(--spp-r);width:34px;height:34px;color:var(--foreground);place-items:center;transition:background-color .15s;display:inline-grid}.spp-exit:hover{background:var(--spp-fill)}.spp-exit img,.spp-exit svg{width:22px;height:22px}.spp-crumbs{min-width:0;color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.spp-crumbs a,.spp-crumbs button{color:var(--text-muted);background:0 0;border:0;padding:0;text-decoration:none;transition:color .15s}.spp-crumbs a:hover,.spp-crumbs button:hover{color:var(--foreground)}.spp-crumbs span{color:var(--spp-subtle)}.spp-crumbs strong{text-overflow:ellipsis;color:var(--foreground);font-weight:600;overflow:hidden}.spp-top-actions{flex:none;align-items:center;gap:4px;display:flex}.spp-top-sep{background:var(--spp-line);width:1px;height:20px;margin:0 6px}.spp-panel{background:var(--spp-panel);flex-direction:column;min-width:0;min-height:0;display:flex}.spp-left{border-right:1px solid var(--spp-line);grid-area:2/1}.spp-right{border-left:1px solid var(--spp-line);grid-area:2/3}.spp-center{grid-area:2/2;min-width:0;min-height:0;display:flex}.spp-panel-head{flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.spp-drawer-close{display:none}.spp-section{flex-direction:column;gap:10px;display:flex}.spp-pane-loading{border-radius:var(--spp-r);background:linear-gradient(100deg, var(--spp-fill) 30%, var(--spp-fill-2) 50%, var(--spp-fill) 70%) 0 0 / 250% 100%;height:120px;margin:16px;animation:1.4s ease-in-out infinite spb-shimmer}.spp-explore{flex-direction:column;flex:1;min-height:0;display:flex}.spp-explore-head{padding-bottom:6px}.spp-search{border-radius:var(--spp-r);background:var(--spp-fill);height:36px;color:var(--text-muted);cursor:text;flex:1;align-items:center;gap:8px;padding:0 10px 0 11px;transition:box-shadow .15s,background-color .15s;display:flex;box-shadow:inset 0 0 0 1px #0000}.spp-search:hover{box-shadow:inset 0 0 0 1px var(--spp-line-strong)}.spp-search:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent,red) 55%, transparent), 0 0 0 3px color-mix(in srgb, var(--accent,red) 14%, transparent);color:var(--foreground)}.spp-search input{min-width:0;height:100%;box-shadow:none;color:var(--foreground);font:inherit;appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0;font-size:13px}.spp-search input:focus,.spp-search input:focus-visible{box-shadow:none;background:0 0;outline:none}.spp-search input::placeholder{color:var(--text-muted);opacity:1}.spp-search input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--spp-fill) inset;-webkit-text-fill-color:var(--foreground)}.spp-search input::-webkit-search-cancel-button{filter:grayscale()}.spp-kinds{border-radius:var(--spp-r);background:var(--spp-fill);flex:none;grid-template-columns:repeat(5,1fr);gap:2px;margin:0 12px 4px;padding:2px;display:grid}.spp-kinds>button{min-width:0;height:46px;color:var(--text-muted);background:0 0;border:0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:10.5px;font-weight:500;transition:color .15s,background-color .2s;display:flex}.spp-kinds>button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.spp-kinds>button:hover{color:var(--foreground)}.spp-kinds>button[aria-selected=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000004d, inset 0 0 0 1px var(--spp-line)}.spp-explore-body{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:18px;min-height:0;padding:8px 8px 24px;display:flex;overflow:auto}.spp-explore-body .spp-section{gap:4px}.spp-explore-body .spp-label{padding:0 8px 4px}.spp-explore-blurb{color:var(--text-muted);padding:2px 8px 0;font-size:12px;line-height:1.5}.spp-explore-note{padding:0 8px}.spp-list{flex-direction:column;gap:1px;display:flex}.spp-item-row{align-items:stretch;display:flex;position:relative}.spp-item{border-radius:var(--spp-r);min-width:0;color:var(--foreground);flex:1;align-items:flex-start;gap:10px;padding:8px;text-decoration:none;transition:background-color .12s;display:flex}.spp-item:hover{background:var(--spp-fill)}.spp-item[aria-current=page]{background:var(--spp-fill-2)}.spp-item[aria-current=page] .spp-item-tile{background:var(--foreground);color:var(--background);box-shadow:none}.spp-item[data-locked] .spp-item-title{color:var(--text-muted)}.spp-item-tile{border-radius:var(--spp-r);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.spp-item:hover .spp-item-tile{color:var(--foreground)}.spp-item-text{flex-direction:column;gap:1px;min-width:0;padding-top:1px;display:flex}.spp-item-title{font-size:13px;font-weight:500;line-height:1.35}.spp-item-sub{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.spp-fav{background:var(--background);width:24px;height:24px;color:var(--spp-subtle);opacity:0;border:0;border-radius:3px;place-items:center;padding:0;transition:opacity .12s,color .12s;display:grid;position:absolute;top:6px;right:4px}.spp-item-row:hover .spp-fav,.spp-fav:focus-visible{opacity:1}.spp-fav:hover{color:var(--foreground)}.spp-fav[aria-pressed=true]{opacity:1;color:var(--foreground)}.spp-fav[aria-pressed=true] svg{fill:currentColor}.spp-item-row>.spp-icon-btn{opacity:0;align-self:center}.spp-item-row:hover>.spp-icon-btn{opacity:1}.spp-stage{background:radial-gradient(circle, color-mix(in srgb, var(--foreground) 9%, transparent) 1px, transparent 1.3px) 0 0 / 22px 22px, var(--background);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;container-type:inline-size}.spp-stage-bar{z-index:2;flex:none;justify-content:center;align-items:center;gap:12px;padding:12px 14px 0;display:flex;position:relative}.spp-mode{background:color-mix(in srgb, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--spp-line)}.spp-mode>button{min-height:30px;padding:0 14px}.spp-stage[data-mode=inspect] .spp-mode>button[aria-checked=true]{background:var(--foreground);color:var(--background)}.spp-stage-tools{gap:2px;display:flex;position:absolute;top:12px;right:14px}.spp-stage-body{flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 20px 8px;display:flex}.spp-stage-foot{flex:none;justify-content:center;align-items:center;min-height:58px;padding:0 16px 14px;display:flex}.spp-empty{color:var(--text-muted);text-align:center;max-width:280px;font-size:13px}.spp-fit{flex:1;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.spp-device-slot{flex:none;position:relative}.spp-device{transform-origin:0 0;width:414px;height:868px;transition:opacity .3s var(--spp-ease), box-shadow .3s;background:#0b0b0c;border-radius:67px;padding:12px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1.5px #2b2b2e,inset 0 0 0 5px #0b0b0c,inset 0 0 0 6px #1d1d20,0 0 0 1px #0000008c,0 60px 120px -48px #000c,0 24px 40px -24px #00000073}html.light .spp-device{box-shadow:inset 0 0 0 1.5px #2b2b2e,inset 0 0 0 5px #0b0b0c,inset 0 0 0 6px #1d1d20,0 0 0 1px #00000014,0 60px 110px -50px #00000073,0 20px 40px -24px #00000040}.spp-device[data-mode=inspect]{box-shadow:inset 0 0 0 1.5px #2b2b2e, inset 0 0 0 5px #0b0b0c, inset 0 0 0 6px #1d1d20, 0 0 0 1px #0000008c, 0 0 0 4px color-mix(in srgb, var(--accent) 38%, transparent), 0 60px 120px -48px #000c}.spp-device[data-mode=inspect] .spb-phone,.spp-device[data-mode=inspect] .spb-phone *{cursor:pointer!important}.spp-device-skeleton{aspect-ratio:414/868;background:#0b0b0c;border-radius:48px;width:min(292px,34vh);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #2b2b2e,0 50px 100px -40px #000000b3}.spp-device-skeleton:after{content:"";background:linear-gradient(100deg,#111 30%,#1a1a1a 50%,#111 70%) 0 0/250% 100%;border-radius:40px;animation:1.4s ease-in-out infinite spb-shimmer;position:absolute;inset:9px}.spp-try{max-width:460px;color:var(--text-muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.spp-try-k{background:var(--foreground);height:20px;color:var(--background);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;flex:none;align-items:center;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.spp-try-text{animation:spp-rise .45s var(--spp-ease) both}.spp-stage-foot{min-width:0}.spp-flow{flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.spp-steps{scrollbar-width:none;justify-content:safe center;align-items:center;max-width:100%;padding:2px;display:flex;overflow-x:auto}.spp-steps::-webkit-scrollbar{display:none}.spp-step{flex:none;align-items:center;display:flex}.spp-step-edge{flex-direction:column;align-items:center;gap:2px;width:52px;margin:0 2px;display:flex}.spp-step-line{background:var(--spp-line-strong);width:100%;height:1px}.spp-step[data-state=done] .spp-step-line,.spp-step[data-state=current] .spp-step-line{background:var(--foreground)}.spp-step-how{letter-spacing:.06em;text-transform:uppercase;color:var(--spp-subtle);font-size:9.5px;font-weight:600}.spp-step-dot{background:color-mix(in srgb, var(--background) 70%, transparent);height:30px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 5px;font-size:12px;font-weight:500;transition:color .15s,background-color .2s,box-shadow .2s;display:flex}.spp-step-dot:hover{color:var(--foreground)}.spp-step-n{background:var(--spp-fill-2);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10.5px;font-weight:700;display:grid}.spp-step[data-state=done] .spp-step-dot{color:var(--foreground)}.spp-step[data-state=done] .spp-step-n{background:var(--foreground);color:var(--background)}.spp-step[data-state=current] .spp-step-dot{color:var(--foreground);background:var(--spp-fill-2);box-shadow:inset 0 0 0 1px var(--foreground)}.spp-step[data-state=current] .spp-step-n{background:var(--accent);color:var(--accent-foreground,#000)}.spp-flow-nav{align-items:center;gap:8px;display:flex}.spp-flow-note{min-width:180px;max-width:360px;font-family:var(--spp-mono);text-align:center;color:var(--text-muted);font-size:11.5px}@container (max-width:720px){.spp-step:not([data-state=current]) .spp-step-title{display:none}.spp-step:not([data-state=current]) .spp-step-dot{padding-right:5px}.spp-step-edge{width:22px}.spp-step-how{display:none}}.spp-inspector{flex-direction:column;flex:1;min-height:0;display:flex}.spp-inspector-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.spp-about,.spp-node{flex-direction:column;gap:24px;padding:8px 18px 32px;display:flex}.spp-about-head{flex-direction:column;gap:10px;padding-top:8px;display:flex}.spp-about-title{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.15}.spp-about-lede{color:var(--text-muted);font-size:13.5px;line-height:1.6}.spp-try-list{counter-reset:t;flex-direction:column;gap:8px;display:flex}.spp-try-list li{counter-increment:t;gap:10px;font-size:13px;line-height:1.45;display:flex}.spp-try-list li:before{content:counter(t);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}.spp-behaviours{flex-direction:column;display:flex}.spp-behaviours li{border-top:1px solid var(--spp-line);grid-template-columns:76px 1fr;gap:2px 12px;padding:9px 0;display:grid}.spp-behaviours li:first-child{border-top:0;padding-top:2px}.spp-behaviours strong{grid-row:span 2;font-size:12.5px;font-weight:600}.spp-behaviours span{color:var(--text-muted);font-size:12.5px;line-height:1.45}.spp-behaviours code{color:var(--foreground);opacity:.8;font-size:11px}.spp-parts{flex-direction:column;gap:1px;display:flex}.spp-parts button{border-radius:var(--spp-r);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:calc(100% + 16px);min-height:36px;margin:0 -8px;padding:4px 8px;transition:background-color .12s;display:flex}.spp-parts button:hover{background:var(--spp-fill)}.spp-part-tile{border-radius:var(--spp-r);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);flex:none;place-items:center;display:grid}.spp-part-name{flex:none;font-size:13px;font-weight:500}.spp-part-sum{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--spp-subtle);flex:1;font-size:12px;overflow:hidden}.spp-parts button>.spp-sp-tag,.spp-parts button>.spp-native-tag{margin-left:auto}.spp-looks{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.spp-look{border-radius:var(--spp-r);color:var(--text-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:7px 2px 6px;font-size:11px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.spp-look:hover{background:var(--spp-fill);color:var(--foreground)}.spp-look[aria-checked=true]{background:var(--spp-fill-2);color:var(--foreground)}.spp-look-swatch{width:30px;height:30px;transition:transform .25s var(--ease-spring,var(--spp-ease));border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1f}.spp-look[aria-checked=true] .spp-look-swatch{box-shadow:0 0 0 2px var(--background), 0 0 0 3.5px var(--foreground)}.spp-look:hover .spp-look-swatch{transform:scale(1.06)}.spp-looks+.spp-fields{margin-top:6px}.spp-about-foot{border-top:1px solid var(--spp-line);flex-flow:wrap;gap:8px;padding-top:16px}.spp-save{align-items:center;gap:6px;width:100%;display:flex}.spp-save .spp-input{height:28px}.spp-ask{gap:6px;display:flex}.spp-callout{border-radius:var(--spp-r);background:color-mix(in srgb, var(--accent) 10%, transparent);padding:10px 12px;font-size:12.5px}.spp-path{z-index:2;background:var(--spp-panel);border-bottom:1px solid var(--spp-line);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:-8px -18px 0;padding:10px 44px 10px 18px;font-size:12px;display:flex;position:sticky;top:0}.spp-path-item{align-items:center;gap:4px;display:inline-flex}.spp-path-item button{color:var(--text-muted);background:0 0;border:0;padding:0;transition:color .15s}.spp-path-item button:hover{color:var(--foreground)}.spp-path-item strong{color:var(--foreground);font-weight:600}.spp-path-close{position:absolute;top:7px;right:12px}.spp-node-head{align-items:center;gap:12px;display:flex}.spp-node-tile{border-radius:var(--spp-r);background:var(--foreground);width:40px;height:40px;color:var(--background);flex:none;place-items:center;display:grid}.spp-node-title{letter-spacing:-.015em;align-items:center;font-size:19px;font-weight:600;line-height:1.2;display:flex}.spp-node-kind{font-family:var(--spp-mono);color:var(--text-muted);margin-top:2px;font-size:11.5px}.spp-node-desc{color:var(--text-muted);margin-top:-12px;font-size:13px;line-height:1.55}.spp-anatomy{font-family:var(--spp-mono);font-size:12px}.spp-anatomy button{color:var(--text-muted);font-family:inherit;font-size:inherit;background:0 0;border:0;border-radius:3px;padding:3px 7px;transition:background-color .15s,color .15s}.spp-anatomy button:hover{color:var(--foreground);background:var(--spp-fill)}.spp-anatomy button[aria-pressed=true]{color:var(--background);background:var(--foreground)}.spp-anatomy-root{margin-left:-7px;font-weight:600}.spp-anatomy-root[aria-pressed=true]{color:var(--foreground)!important;background:0 0!important}.spp-anatomy ul{margin:2px 0 0 4px}.spp-anatomy li{padding-left:18px;position:relative}.spp-anatomy li:before{content:"";border-left:1px solid var(--spp-line-strong);position:absolute;top:0;bottom:0;left:0}.spp-anatomy li:last-child:before{bottom:50%}.spp-anatomy li:after{content:"";border-top:1px solid var(--spp-line-strong);width:12px;position:absolute;top:50%;left:0}.spp-props .spp-label{padding-bottom:2px}.spp-concepts{flex-direction:column;gap:12px;display:flex}.spp-concepts dt code{font-size:12px;font-weight:600}.spp-concepts dd{color:var(--text-muted);margin-top:3px;font-size:12.5px;line-height:1.5}.spp-web{color:var(--spp-subtle);margin-top:4px;font-size:11.5px;display:block}.spp-web code{color:var(--text-muted);font-size:11px}.spp-snippet{border-radius:var(--spp-r);background:var(--spp-fill);white-space:pre;scrollbar-width:thin;max-height:280px;padding:12px 14px;font-size:11.5px;line-height:1.6;overflow:auto}.spp-node-links{flex-wrap:wrap;gap:6px 16px;display:flex}.spp-add{border-radius:var(--spp-r);box-shadow:inset 0 0 0 1px var(--spp-line-strong);align-items:center;gap:6px;padding:4px 4px 4px 12px;display:flex}.spp-add code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.spp-code{flex-direction:column;height:100%;min-height:0;display:flex}.spp-code-bar{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 12px 8px;display:flex}.spp-code-actions{align-items:center;gap:4px;display:flex}.spp-code-body{scrollbar-width:thin;border-top:1px solid var(--spp-line);border-bottom:1px solid var(--spp-line);flex:1;min-height:0;overflow:auto}.spp-pre{counter-reset:none;margin:0;padding:10px 0 16px;font-size:11.5px;line-height:1.7}.spp-line{white-space:pre;padding-right:14px;transition:background-color .2s;display:block}.spp-line.is-lit{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.spp-ln{text-align:right;width:38px;color:var(--spp-subtle);-webkit-user-select:none;user-select:none;padding-right:12px;display:inline-block}.tk-k{color:color-mix(in srgb, var(--foreground) 55%, #ff5b9a);font-weight:600}.tk-t{color:color-mix(in srgb, var(--foreground) 45%, #7cc4ff)}.tk-s{color:color-mix(in srgb, var(--foreground) 40%, #ff8f6b)}.tk-m{color:color-mix(in srgb, var(--foreground) 55%, #b39cff)}.tk-n{color:color-mix(in srgb, var(--foreground) 45%, #e8c872)}.tk-c{color:var(--spp-subtle);font-style:italic}.spp-code-foot{flex:none;padding:10px 14px 14px}.spp-map{padding:6px 12px 32px}.spp-map-app{align-items:center;gap:10px;padding:8px 6px 10px;font-size:13px;display:flex}.spp-map-app-tile{border-radius:var(--spp-r);background:var(--foreground);width:26px;height:26px;color:var(--background);place-items:center;display:grid}.spp-map-meta{color:var(--spp-subtle);margin-left:auto;font-size:11.5px}.spp-tree{border-left:1px solid var(--spp-line-strong);margin-left:18px;position:relative}.spp-tree ul{margin:0}.spp-tree-row{border-radius:var(--spp-r);width:100%;min-height:30px;color:var(--foreground);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:12.5px;transition:background-color .12s;display:flex;position:relative}button.spp-tree-row:hover{background:var(--spp-fill)}.spp-tree-row.is-screen{margin-top:4px;padding-left:4px}.spp-tree-row.is-toggle{cursor:pointer}.spp-tree-row.is-screen:before{content:"";border-top:1px solid var(--spp-line-strong);width:10px;position:absolute;top:50%;left:-1px}.spp-tree-row.is-current .spp-tree-name{font-weight:600}.spp-tree-row.is-current:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:-4px}.spp-tree-row.is-selected{background:var(--spp-fill-2);box-shadow:inset 2px 0 0 var(--accent)}.spp-tree-row.is-structure .spp-tree-label{color:var(--text-muted);font-weight:400}.spp-tree-caret{width:20px;height:20px;color:var(--spp-subtle);background:0 0;border:0;place-items:center;margin-left:6px;padding:0;display:grid}.spp-tree-name{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;padding:0;font-size:13px;font-weight:500;display:flex}.spp-tree-type{font-family:var(--spp-mono);color:var(--spp-subtle);font-size:11px;font-weight:400}.spp-tree-how{height:18px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-radius:3px;align-items:center;margin-left:auto;padding:0 6px;font-size:9.5px;font-weight:700;display:inline-flex}.spp-tree-icon{color:var(--spp-subtle);flex:none;place-items:center;display:grid}.spp-tree-label{flex:none;font-weight:500}.spp-tree-sum{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--spp-subtle);flex:1;font-size:11.5px;overflow:hidden}.spp-locked{align-items:center;gap:40px;max-width:720px;padding:20px;display:flex}.spp-locked-phone{aspect-ratio:414/868;background:#0b0b0c;border-radius:40px;flex-direction:column;flex:none;gap:12px;width:220px;padding:60px 18px 24px;display:flex;box-shadow:inset 0 0 0 1.5px #2b2b2e,0 40px 80px -40px #000000b3}.spp-locked-bar{background:#1e1e20;border-radius:5px;height:10px}.spp-locked-bar.is-title{background:#262628;border-radius:6px;height:20px}.spp-locked-block{background:linear-gradient(160deg,#232326,#161618);border-radius:18px;flex:1}.spp-locked-cta{background:color-mix(in srgb, var(--accent) 55%, #1b1b1b);border-radius:20px;height:40px}.spp-locked-text{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.spp-locked-text h2{letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.15}.spp-locked-text>p{color:var(--text-muted);font-size:13.5px;line-height:1.6}.spp-locked-tags{flex-wrap:wrap;gap:6px;display:flex}.spp-locked-tags li{height:24px;box-shadow:inset 0 0 0 1px var(--spp-line-strong);color:var(--text-muted);border-radius:3px;align-items:center;padding:0 9px;font-size:11.5px;display:inline-flex}.spp-dialog{border:1px solid var(--spp-line-strong);background:var(--background);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--foreground);border-radius:8px;margin:auto;padding:0;inset:0;overflow:auto;box-shadow:0 40px 120px -30px #000c}.spp-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#0000008c}.spp-dialog[open]{animation:spp-pop .28s var(--spp-ease) both}.spp-build-dialog{width:min(980px,100vw - 32px);box-shadow:0 0 0 1px var(--spp-line), 0 40px 120px -30px #000c;border:0;border-radius:16px;overflow:hidden}.spp-build{grid-template-columns:370px minmax(0,1fr);font-size:13px;display:grid}.spp-build-art{isolation:isolate;background:#070708;min-height:320px;padding:20px;position:relative;overflow:hidden}.spp-build-canvas{z-index:-1;position:absolute;inset:0}.spp-build-canvas>*{width:100%;height:100%;position:absolute;inset:0}.spp-build-fallback{background:radial-gradient(120% 90% at 100% 100%,red 0%,#ff7a3c 28%,#ff8fb8 52%,#4d8dff 74%,#070708 100%)}.spp-build-main{flex-direction:column;gap:20px;min-width:0;padding:24px 24px 24px 28px;display:flex}.spp-build-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.spp-build-head h2{letter-spacing:-.02em;margin:6px 0 0;font-size:21px;font-weight:600;line-height:1.2}.spp-build-meta{color:var(--text-muted);font-size:12.5px;line-height:1.5;margin-top:6px!important}.spp-build-lead{align-items:center;gap:14px;display:flex}.spp-build-lead .spp-btn{flex:none}.spp-build-lead .spp-hint{margin:0}.spp-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:0;display:grid}.spp-build-grid>li{margin:0 -1px -1px 0;display:flex}.spp-build-grid>li:last-child:nth-child(odd){grid-column:1/-1}.spp-build-primary .spp-build-icon{background:var(--accent,red);color:#000;box-shadow:0 8px 18px -8px color-mix(in srgb, var(--accent,red) 80%, transparent)}.spp-build-opt{--spp-dash:color-mix(in srgb, var(--foreground) 20%, transparent);width:100%;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:background-color .12s,transform .12s ease-out;display:flex;position:relative}.spp-build-opt:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 3px, var(--spp-dash) 3px 7px, transparent 7px) top / 10px 1px space no-repeat, linear-gradient(90deg, transparent 3px, var(--spp-dash) 3px 7px, transparent 7px) bottom / 10px 1px space no-repeat, linear-gradient(180deg, transparent 3px, var(--spp-dash) 3px 7px, transparent 7px) left / 1px 10px no-repeat space, linear-gradient(180deg, transparent 3px, var(--spp-dash) 3px 7px, transparent 7px) right / 1px 10px no-repeat space;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) 50%/calc(100% - 20px) 100% no-repeat,linear-gradient(#000 0 0) 50%/100% calc(100% - 20px) no-repeat;mask:linear-gradient(#000 0 0) 50%/calc(100% - 20px) 100% no-repeat,linear-gradient(#000 0 0) 50%/100% calc(100% - 20px) no-repeat}.spp-tick{pointer-events:none;width:9px;height:9px;color:color-mix(in srgb, var(--foreground) 38%, transparent);position:absolute}.spp-tick-tl{top:-4px;left:-4px}.spp-tick-tr{top:-4px;right:-4px}.spp-tick-bl{bottom:-4px;left:-4px}.spp-tick-br{bottom:-4px;right:-4px}.spp-build-opt:hover:not(:disabled){background:var(--spp-fill)}.spp-build-opt:active:not(:disabled){transform:scale(.98)}.spp-build-opt:disabled{opacity:.5;cursor:default}.spp-build-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(48% 90% at 100% 100%,#000 20%,#0000 70%);mask-image:radial-gradient(48% 90% at 100% 100%,#000 20%,#0000 70%)}.spp-build-backdrop>*{width:100%;height:100%;display:block;position:absolute;inset:0}.spp-build-pro>.spp-build-icon,.spp-build-pro>.spp-build-text{z-index:1;position:relative}.spp-build-pro .spp-build-icon{background:var(--background,#fff);box-shadow:inset 0 0 0 1px var(--spp-line)}.spp-build-icon.spp-pro-mark{--pb-a:var(--pro-c3);--pb-b:var(--pro-c2);--pb-ink-a:color-mix(in srgb, var(--pb-a) 45%, var(--foreground));--pb-ink-b:color-mix(in srgb, var(--pb-b) 45%, var(--foreground));box-shadow:none;background:linear-gradient(100deg, color-mix(in srgb, var(--pb-a) 7%, var(--background)), color-mix(in srgb, var(--pb-b) 7%, var(--background))) padding-box, linear-gradient(100deg, color-mix(in srgb, var(--pb-a) 38%, transparent), color-mix(in srgb, var(--pb-b) 38%, transparent)) border-box;border:1px solid #0000;transition:filter .3s}.spp-build-opt:hover .spp-pro-mark{filter:saturate(1.4)brightness(1.03)}.spp-pro-tag{--pb-a:var(--pro-c3);--pb-b:var(--pro-c2);--pb-ink-a:color-mix(in srgb, var(--pb-a) 45%, var(--foreground));--pb-ink-b:color-mix(in srgb, var(--pb-b) 45%, var(--foreground));letter-spacing:0;text-transform:none;height:18px;color:color-mix(in srgb, var(--pb-a) 30%, var(--foreground));background:linear-gradient(100deg, color-mix(in srgb, var(--pb-a) 7%, var(--background)), color-mix(in srgb, var(--pb-b) 7%, var(--background))) padding-box, linear-gradient(100deg, color-mix(in srgb, var(--pb-a) 38%, transparent), color-mix(in srgb, var(--pb-b) 38%, transparent)) border-box;border:1px solid #0000;border-radius:4px;align-items:center;gap:3px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.spp-build-icon{background:var(--spp-fill);width:32px;height:32px;color:var(--foreground);border-radius:8px;flex:none;place-items:center;display:grid}.spp-build-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.spp-build-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.spp-build-desc{min-height:2.8em;color:var(--text-muted);font-size:12px;line-height:1.4}@media (max-width:760px){.spp-build{grid-template-columns:1fr}.spp-build-art{min-height:96px}.spp-build-grid{grid-template-columns:1fr}.spp-build-dialog{overflow:auto}}.spp-notice{z-index:60;background:var(--foreground);max-width:min(420px,100vw - 32px);color:var(--background);animation:spp-rise .35s var(--spp-ease) both;border-radius:6px;padding:9px 14px;font-size:12.5px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -12px #00000080}.spp-mobilebar,.spp-scrim{display:none}.spb-phone{--ios-accent:#0a84ff;width:390px;height:844px;font-family:var(--spb-font,-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;contain:layout paint;background:#000;border-radius:55px;flex-direction:column;display:flex;position:relative;overflow:hidden}.spb-phone[data-scheme=dark],.spb-phone-screen[data-scheme=dark],.spp-sheet[data-scheme=dark]{--ios-bg:#000;--ios-label:#fff;--ios-label2:#ebebf599;--ios-label3:#ebebf54d;--ios-fill:#7676803d;--ios-fill2:#78788052;--ios-fill4:#7676802e;--ios-sep:#545458a6;--ios-seg:#636366;--ios-accent:#0a84ff;--ios-bar:#161618b8;--ios-sheet:#1c1c1e;--h-text:#f4f3ef;--h-muted:#a6a49f;--h-ground:#121212;--h-surface:#1c1c1c;--h-raised:#262626;--h-field:#262626;--h-empty:#2e2e2e;--h-bone:#2f2f2f;--spb-ground:#000;--spb-glyph-knock:#000;color:var(--ios-label);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.spb-phone[data-scheme=light],.spb-phone-screen[data-scheme=light],.spp-sheet[data-scheme=light],.spb-node[data-scheme=light]{--ios-bg:#fff;--ios-label:#000;--ios-label2:#3c3c4399;--ios-label3:#3c3c434d;--ios-fill:#7676801f;--ios-fill2:#78788029;--ios-fill4:#74748014;--ios-sep:#3c3c434a;--ios-seg:#fff;--ios-accent:#007aff;--ios-bar:#f9f9f9c7;--ios-sheet:#fff;--h-text:#141414;--h-muted:#5c5a56;--h-ground:#f3f2ee;--h-surface:#fff;--h-raised:#eae8e2;--h-field:#e9e7e1;--h-empty:#e7e5df;--h-bone:#e6e3db;--spb-ground:#fff;--spb-glyph-knock:#fff;color:var(--ios-label);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spb-phone input,.spb-phone textarea{-webkit-user-select:text;user-select:text;caret-color:var(--spb-accent,var(--ios-accent))}.spb-statusbar{z-index:30;pointer-events:none;height:54px;color:var(--ios-label);justify-content:space-between;align-items:center;padding:6px 34px 0 48px;font-size:17px;font-weight:600;transition:color .3s;display:flex;position:absolute;top:0;left:0;right:0}.spb-status-icons{align-items:center;gap:6px;display:flex}.spb-island{background:#000;border-radius:20px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}.spb-home{z-index:30;background:var(--ios-label);opacity:.9;pointer-events:none;border-radius:3px;width:138px;height:5px;margin-left:-69px;position:absolute;bottom:8px;left:50%}.has-sheet>.spb-statusbar{color:#fff}.spp-layer-root{transform-origin:50% 100%;border-radius:55px;transition:transform .45s cubic-bezier(.32,.72,0,1),border-radius .45s cubic-bezier(.32,.72,0,1),filter .45s;display:flex;position:absolute;inset:0;overflow:hidden}.spp-layer-root.is-receded{filter:brightness(.72);border-radius:22px;transform:scale(.915)translateY(8px)}.spp-tab{display:flex;position:absolute;inset:0}.spp-tab[hidden]{display:none}.spp-stack{position:absolute;inset:0;overflow:hidden}.spp-screen{background:var(--spb-backdrop,none), var(--spb-theme-bg,var(--ios-bg));min-height:0;font-family:var(--spb-font,inherit);will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0}.spp-screen[data-role=under]{filter:brightness(.72);transform:translate(-30%)}.spp-screen[data-role=buried]{visibility:hidden;transform:translate(-30%)}.spp-screen[data-role=top]{z-index:2;box-shadow:-18px 0 40px #00000047}.spp-screen[data-role=leaving]{z-index:3}.spp-screen[data-anim=in]{animation:.5s cubic-bezier(.32,.72,0,1) both spp-push-in}.spp-screen[data-anim=cover]{animation:.5s cubic-bezier(.32,.72,0,1) both spp-push-under}.spp-screen[data-anim=uncover]{animation:.42s cubic-bezier(.32,.72,0,1) both spp-pop-under}.spp-screen[data-anim=fade]{animation:.5s cubic-bezier(.32,.72,0,1) both spp-replace}.spp-screen[data-anim=out]{pointer-events:none;animation:.42s cubic-bezier(.32,.72,0,1) both spp-pop-out}.spp-screen[data-anim=gone]{pointer-events:none;animation:.28s cubic-bezier(.23,1,.32,1) both spp-fade-out}.spp-edge{z-index:25;touch-action:none;cursor:grab;width:22px;position:absolute;top:98px;bottom:0;left:0}.spb-screen-host{flex:1;min-height:0;display:flex}.spb-screen{flex-direction:column;flex:1;min-width:0;min-height:0;padding-top:54px;display:flex}.is-pushed .spb-screen{padding-top:98px}.is-in-sheet .spb-screen{padding-top:22px}.is-in-sheet.is-pushed .spb-screen{padding-top:66px}.is-in-sheet .spb-navback{top:18px}.spb-navback{z-index:22;height:44px;color:var(--spb-accent,var(--ios-accent));font-size:calc(17px * var(--spb-text,1));cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0 10px 0 4px;font-family:inherit;transition:opacity .15s;display:flex;position:absolute;top:54px;left:6px}.spb-navback:active{opacity:.45}.spb-navback span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.spb-screen-scroll{scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding-bottom:34px;overflow:hidden auto}.spb-screen-scroll::-webkit-scrollbar{display:none}.has-tabs .spb-screen-scroll,.has-tabs .spb-screen-fixed{padding-bottom:112px}.spb-screen-fixed{flex-direction:column;flex:1;min-height:0;padding-bottom:34px;display:flex;overflow:hidden}.spb-navtitle{font-family:var(--spb-heading-font,inherit);font-size:calc(34px * var(--spb-text,1));line-height:calc(41px * var(--spb-text,1));font-weight:min(900, calc(700 + var(--spb-weight,0)));letter-spacing:.01em;color:var(--ios-label);padding:8px 16px 2px}.spb-node{position:relative}.spb-vflow>.spb-node{flex-shrink:0}.spb-node-loading{background:var(--ios-fill);border-radius:12px;align-self:stretch;min-height:44px}.spb-node-missing{font:12px var(--spp-mono,monospace);color:var(--ios-label2);box-shadow:inset 0 0 0 1px var(--ios-sep);border-radius:12px;padding:12px}.spb-node-error{color:var(--ios-label);background:#ff453a14;border-radius:12px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:4px;padding:12px 14px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #ff453a}.spb-node-error .spb-link{color:var(--ios-label);background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.spp-tabbar{z-index:20;pointer-events:none;align-items:flex-end;height:96px;padding:0 22px 30px;display:flex;position:absolute;bottom:0;left:0;right:0}.spp-tabbar-inner{pointer-events:auto;border-radius:min(31px, var(--spb-pill,999px));background:var(--ios-bar);-webkit-backdrop-filter:blur(24px)saturate(1.8);flex:1;justify-content:space-around;align-items:center;height:62px;padding:0 6px;display:flex;box-shadow:inset 0 0 0 .5px #ffffff29,0 10px 30px #00000040}.spp-tabbar-item{color:var(--ios-label2);background:0 0;border:0;border-radius:26px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:600;transition:color .2s,background-color .25s;display:flex}.spp-tabbar-item[aria-current=page]{color:var(--spb-accent,var(--ios-accent));background:var(--ios-fill4)}.spp-tabbar-item:active svg{scale:.88}.spp-dock{z-index:20;pointer-events:none;justify-content:center;align-items:flex-end;height:96px;padding-bottom:30px;display:flex;position:absolute;bottom:0;left:0;right:0}.spp-dock-inner{pointer-events:auto;border-radius:var(--spb-pill,999px);background:var(--h-surface,#1c1c1c);gap:6px;padding:8px;display:flex;box-shadow:0 10px 30px #00000059,inset 0 0 0 .5px #ffffff14}.spp-dock-item{border-radius:min(24px, var(--spb-pill,999px));min-width:48px;height:48px;color:var(--h-muted,var(--ios-label2));cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;font-size:15px;font-weight:600;transition:padding .45s cubic-bezier(.34,1.56,.64,1),background-color .35s,color .25s;display:flex}.spp-dock-item[aria-selected=true]{background:var(--spb-accent,#ffd976);color:var(--spb-accent-ink,#141414);padding:0 16px}.spp-dock-item:active{transform:scale(.92)}.spp-dock-label{white-space:nowrap;animation:.35s cubic-bezier(.22,1,.36,1) both spp-dock-in}@keyframes spp-dock-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spp-dock-item,.spp-dock-label{transition:none;animation:none}}.spp-tabbar-item svg{transition:scale .2s cubic-bezier(.34,1.4,.64,1)}.spp-sheet-wrap{z-index:26;position:absolute;inset:0}.spp-sheet-dim{cursor:default;background:#00000052;border:0;padding:0;animation:.4s both spp-fade;position:absolute;inset:0}.spp-sheet{background:var(--ios-sheet);border-radius:38px 38px 0 0;flex-direction:column;transition:transform .5s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;inset:58px 0 0;overflow:hidden;box-shadow:0 -10px 40px #0000004d}.spp-sheet .spp-screen{background:var(--spb-backdrop,none), var(--spb-theme-bg,var(--ios-sheet))}.spp-sheet-wrap.is-entering .spp-sheet{animation:.55s cubic-bezier(.32,.72,0,1) both spp-sheet-in}.spp-sheet-wrap.is-leaving{pointer-events:none}.spp-sheet-wrap.is-leaving .spp-sheet{animation:.38s cubic-bezier(.32,.72,0,1) both spp-sheet-out}.spp-sheet-wrap.is-leaving .spp-sheet-dim{animation:.38s both spp-fade-out}.spp-sheet-grabber{z-index:24;cursor:grab;touch-action:none;justify-content:center;height:26px;padding-top:6px;display:flex;position:absolute;top:0;left:0;right:0}.spp-sheet-grabber span{background:var(--ios-label3);border-radius:3px;width:36px;height:5px}.spp-sheet .spp-stack{top:0}.spp-overlay{z-index:28;pointer-events:none;position:absolute;inset:0}.spp-overlay>*{pointer-events:auto}.spp-pulses{z-index:40;pointer-events:none;position:absolute;inset:0}.spp-pulse{width:44px;height:44px;box-shadow:0 0 0 2px var(--spb-accent,var(--ios-accent));border-radius:50%;margin:-22px 0 0 -22px;animation:.6s cubic-bezier(.2,.7,.3,1) both spp-pulse;position:absolute}.spp-pulse.is-success{box-shadow:0 0 0 2px #30d158}.spp-pulse.is-warning,.spp-pulse.is-error{box-shadow:0 0 0 2px #ff9f0a}.spp-pulse.is-selection{opacity:.8;width:28px;height:28px;margin:-14px 0 0 -14px}.spp-highlights{z-index:45;pointer-events:none;position:absolute;inset:0}.spp-hl{will-change:transform, width, height;border-radius:6px;transition:opacity .15s;position:absolute;top:0;left:0}.spp-hl.is-selected{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px color-mix(in srgb, var(--accent) 20%, transparent)}.spp-hl.is-hover{outline:1.5px dashed color-mix(in srgb, var(--accent) 88%, transparent);outline-offset:0;background:color-mix(in srgb, var(--accent) 4%, transparent);transition:opacity .12s}.spp-hl-label{background:var(--accent);color:#fff;letter-spacing:.01em;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;height:20px;padding:0 7px;font:600 11px/1 -apple-system,system-ui,sans-serif;display:inline-flex;position:absolute;bottom:calc(100% + 6px);left:-2px;box-shadow:0 4px 12px -4px #00000073}.spp-hl.is-hover .spp-hl-label{color:#111;background:#fff;box-shadow:0 0 0 1px #0000001f,0 4px 12px -4px #0006}.spp-hl[data-tag=below] .spp-hl-label{top:calc(100% + 6px);bottom:auto}.spp-hl[data-tag=none] .spp-hl-label{display:none}.spb-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spb-spin;display:inline-block}.spb-spin{animation:1s linear infinite spb-spin}.spb-shimmer{background-image:linear-gradient(100deg,#0000 30%,#ffffff1f 50%,#0000 70%);background-size:250% 100%;animation:1.6s ease-in-out infinite spb-shimmer}.spb-bob{animation:1.1s ease-in-out infinite spb-bob}.spb-sheen-text{background:linear-gradient(90deg, currentColor 40%, var(--h-text) 50%, currentColor 60%) 0 0 / 250% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite spb-shimmer}.spb-caret{background:var(--spb-accent,red);vertical-align:-.05em;width:2px;height:.8em;margin-left:3px;animation:1s step-end infinite spb-blink;display:inline-block}.spb-tilt{transition:transform .4s var(--ease-out,ease);transform:rotateX(4deg)rotateY(-6deg)}.spb-tilt:hover{transform:none}.spb-press{transition:transform .35s cubic-bezier(.34,1.4,.64,1),filter .2s}.spb-press:active{transition-duration:80ms;transform:scale(.965)}@keyframes spb-spin{to{transform:rotate(360deg)}}@keyframes spb-shimmer{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes spb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spb-blink{50%{opacity:0}}@keyframes spp-push-in{0%{transform:translate(100%)}to{transform:none}}@keyframes spp-push-under{0%{filter:none;transform:none}to{filter:brightness(.72);transform:translate(-30%)}}@keyframes spp-pop-out{0%{transform:none}to{transform:translate(100%)}}@keyframes spp-pop-under{0%{filter:brightness(.72);transform:translate(-30%)}to{filter:none;transform:none}}@keyframes spp-replace{0%{opacity:0;transform:scale(1.04)}}@keyframes spp-sheet-in{0%{transform:translateY(105%)}}@keyframes spp-sheet-out{to{transform:translateY(105%)}}@keyframes spp-fade{0%{opacity:0}}@keyframes spp-fade-out{to{opacity:0}}@keyframes spp-rise{0%{opacity:0;transform:translateY(4px)}}@keyframes spp-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.spp-dialog[open]::backdrop{animation:.28s both spp-fade}.spp-dialog[data-closing]{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) both spp-pop-away}.spp-dialog[data-closing]::backdrop{animation:.2s reverse both spp-fade}@keyframes spp-pop-away{to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes spp-pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.spp *,.spp :before,.spp :after,.spp-dialog,.spp-dialog::backdrop,.spp-dialog *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1320px){.spp{--spp-left:264px;--spp-right:330px}}@media (max-width:1100px){.spp{grid-template-columns:minmax(0, 1fr) var(--spp-right)}.spp-left{z-index:50;left:0;top:var(--spp-top);width:min(320px,86vw);transition:transform .4s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;transform:translate(-102%);box-shadow:20px 0 60px #0006}.spp[data-drawer=explore] .spp-left{transform:none}.spp-center{grid-column:1}.spp-right{grid-column:2}.spp-scrim{inset:var(--spp-top) 0 0;z-index:45;opacity:0;pointer-events:none;background:#00000073;border:0;padding:0;transition:opacity .3s;display:block;position:fixed}.spp[data-drawer] .spp-scrim{opacity:1;pointer-events:auto}.spp-mobilebar{z-index:5;grid-area:2/1;place-self:start;gap:4px;display:flex;position:absolute;top:12px;left:14px}.spp-mobilebar button:last-child{display:none}.spp-mobilebar button{border-radius:var(--spp-r);background:color-mix(in srgb, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:32px;box-shadow:inset 0 0 0 1px var(--spp-line);border:0;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.spp-stage-bar{padding-left:120px}}@media (max-width:760px){.spp{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--spp-top) minmax(0, 1fr) auto}.spp-top{padding:0 8px 0 4px}.spp-crumbs>a,.spp-crumbs>span:first-of-type,.spp-crumbs>button,.spp-crumbs>span,.spp-top-actions>.spp-icon-btn,.spp-top-sep{display:none}.spp-center{grid-area:2/1}.spp-stage-bar{padding:10px 10px 0}.spp-stage-tools{top:10px;right:8px}.spp-stage-body{padding:10px 12px 4px}.spp-stage-foot{min-height:48px;padding-bottom:8px}.spp-flow-nav{display:none}.spp-right,.spp-left{z-index:50;border:0;border-top:1px solid var(--spp-line-strong);border-radius:14px 14px 0 0;width:auto;height:min(78vh,640px);transition:transform .45s cubic-bezier(.32,.72,0,1);position:fixed;inset:auto 0 0;transform:translateY(104%);box-shadow:0 -20px 60px #00000073}.spp[data-drawer=explore] .spp-left,.spp[data-drawer=inspect] .spp-right{transform:none}.spp-right .spp-panel-head:before,.spp-left .spp-panel-head:before{content:"";background:var(--spp-line-strong);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.spp-panel-head{padding-top:16px;position:relative}.spp-drawer-close{display:inline-grid}.spp-scrim{inset:0}.spp-mobilebar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--spp-line);background:var(--background);grid-area:3/1;grid-template-columns:1fr 1fr;place-self:stretch stretch;gap:8px;display:grid;position:static}.spp-mobilebar button,.spp-mobilebar button:last-child{background:var(--spp-fill);height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:center;font-size:13px;display:inline-flex}.spp-mobilebar button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.spp-locked{text-align:left;flex-direction:column;gap:20px}.spp-locked-phone{width:150px}.spp-hl-label{height:24px;font-size:13px}}.spp[data-layout=docked]{--spp-left:340px;grid-template-columns:var(--spp-left) minmax(0, 1fr);grid-template-rows:var(--nav-h,72px) minmax(0, 1fr)}.spp[data-layout=docked] .spp-dockbar{border-radius:var(--spp-r);border:0;grid-area:1/1/auto/-1;margin:12px 12px 0;padding:0 10px 0 8px;position:relative}.spp[data-layout=docked] .spp-top-lead{gap:8px}.spp-back{width:24px;height:34px;color:var(--text-muted);flex:none;place-items:center;transition:color .15s;display:inline-grid}.spp-back:hover{color:var(--foreground)}.spp[data-layout=docked] .spp-exit{margin-right:2px}.spp-dock-mode{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spp[data-layout=docked] .spp-left{border-radius:var(--spp-r);border:0;grid-area:2/1;margin:12px 0 12px 12px;overflow:hidden}.spp[data-layout=docked] .spp-center{grid-area:2/2}.spp[data-layout=docked] .spp-stage-body{padding-top:22px}@media (max-width:1320px){.spp[data-layout=docked]{--spp-left:316px}}@media (max-width:1240px){.spp[data-layout=docked] .spp-crumbs>span:not(:last-child){display:none}}@media (max-width:1100px){.spp[data-layout=docked]{grid-template-columns:minmax(0,1fr)}.spp[data-layout=docked] .spp-center{grid-column:1}.spp[data-layout=docked] .spp-left{top:calc(var(--nav-h,72px) + 8px);width:min(360px,88vw);margin:0;bottom:8px;left:8px}.spp[data-layout=docked] .spp-scrim{inset:var(--nav-h,72px) 0 0}.spp[data-layout=docked] .spp-mobilebar{grid-row:2}.spp[data-layout=docked] .spp-mobilebar button:last-child{display:inline-flex}.spp[data-layout=docked] .spp-stage-body{padding-top:60px}.spp[data-layout=docked] .spp-drawer-close{display:inline-grid}}@media (max-width:760px){.spp[data-layout=docked]{grid-template-rows:calc(var(--nav-h,72px) - 8px) minmax(0, 1fr) auto}.spp[data-layout=docked] .spp-dockbar{margin:8px 8px 0;padding:0 6px}.spp[data-layout=docked] .spp-crumbs,.spp[data-layout=docked] .spp-remix-tag,.spp[data-layout=docked] .spp-dock-extra,.spp[data-layout=docked] .spp-top-actions :is([aria-label=Undo],[aria-label=Redo],.spp-top-sep){display:none}.spp-dock-mode{position:static;transform:none}.spp-dock-mode>button{padding:0 10px}.spp-dock-mode>button>span{display:none}.spp[data-layout=docked] .spp-center{grid-row:2}.spp[data-layout=docked] .spp-mobilebar{grid-row:3}.spp[data-layout=docked] .spp-stage-body{padding-top:12px}.spp[data-layout=docked] .spp-left{border-radius:14px 14px 0 0;width:auto;inset:auto 0 0}.spp[data-layout=docked] .spp-scrim{inset:0}}.spp-seg[data-count="6"]>button{padding:0 4px;font-size:11.5px}.spp-compose{flex-direction:column;gap:18px;padding:14px 14px 24px;display:flex}.spp-compose-intro{flex-direction:column;gap:6px;display:flex}.spp-compose-lede{color:var(--text-muted);font-size:12.5px;line-height:1.55}.spp-compose-count{color:var(--spp-subtle);font-variant-numeric:tabular-nums;font-size:11.5px}.spp-compose-count strong{color:var(--foreground);font-weight:500}.spp-compose-search{flex:none}.spp-compose-empty{padding:4px 2px}.spp-compose-group{border-top:1px solid var(--spp-line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.spp-compose-source{align-items:center;gap:10px;display:flex}.spp-compose-icon{background:var(--spp-fill);border-radius:6px;flex:none;width:24px;height:24px}.spp-compose-source-text{flex-direction:column;min-width:0;display:flex}.spp-compose-source-title{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.spp-compose-source-sub{color:var(--spp-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.spp-compose-here{background:var(--spp-fill-2);letter-spacing:.04em;text-transform:uppercase;height:16px;color:var(--text-muted);border-radius:3px;align-items:center;padding:0 5px;font-size:9.5px;font-weight:600;display:inline-flex}.spp-compose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.spp-compose-card{border-radius:var(--spp-r);background:var(--spp-fill);cursor:grab;flex-direction:column;gap:8px;padding:6px 6px 8px;transition:background-color .15s,box-shadow .15s,opacity .2s;display:flex;box-shadow:inset 0 0 0 1px #0000}.spp-compose-card:hover{background:var(--spp-fill-2);box-shadow:inset 0 0 0 1px var(--spp-line-strong)}.spp-compose-card:active{cursor:grabbing}.spp-compose-card[data-busy]{opacity:.5;pointer-events:none}.spp-compose-art{aspect-ratio:4/5;background:var(--spp-fill-2);border-radius:3px;place-items:center;display:grid;overflow:hidden}.spp-compose-art img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%}.spp-compose-art-n{color:var(--spp-subtle);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.spp-compose-title{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.spp-compose-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.spp-compose-actions .spp-btn{border-color:var(--spp-line);background:color-mix(in srgb, var(--background) 40%, transparent);gap:4px;height:26px;padding:0 6px;font-size:11.5px}.spp-compose-actions .spp-btn:hover:not(:disabled){border-color:var(--spp-line-strong);background:var(--background)}.spp-style{gap:20px}.spp-style-reset{align-self:flex-start}.spp-strip{justify-content:center;min-width:0;max-width:100%;display:flex;position:relative}.spp-strip[data-picking] .spp-rail-pick{border-radius:var(--spp-r);outline:1.5px dashed var(--spp-line-strong);outline-offset:-1.5px;height:calc(100% - 12px);color:var(--foreground);cursor:pointer;margin:0 2px;transition:color .15s,background-color .15s,outline-color .15s}.spp-strip[data-picking] .spp-rail-pick:hover,.spp-strip[data-picking] .spp-rail-pick:focus-visible{outline-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.spp-strip[data-picking] .spp-rail-pick:hover .spp-rail-glyph{color:var(--accent)}.spp-strip[data-picking] .spp-rail-pick:after,.spp-strip[data-picking] :is(.spp-rail-x,.spp-rail-tab,.spp-rail-add){display:none}.spp-strip[data-picking] .spp-rail-chip{cursor:pointer}.spp-strip-hint{border-radius:var(--spp-r);background:var(--foreground);height:30px;color:var(--background);white-space:nowrap;animation:spp-thumb-in .2s var(--spp-ease) both;align-items:center;gap:10px;margin:0;padding:0 6px 0 12px;font-size:12px;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.spp-strip-hint strong{font-weight:600}.spp-strip-hint-x{background:color-mix(in srgb, var(--background) 16%, transparent);height:22px;color:inherit;cursor:pointer;border:0;border-radius:3px;padding:0 8px;font-size:11.5px;font-weight:500}.spp-strip-hint-x:hover{background:color-mix(in srgb, var(--background) 26%, transparent)}.spp-rail{border-radius:var(--spp-r);background:color-mix(in srgb, var(--background) 70%, transparent);max-width:100%;height:48px;box-shadow:inset 0 0 0 1px var(--spp-line);-webkit-backdrop-filter:blur(6px)saturate(180%);align-items:center;gap:2px;padding:0 6px;display:flex}.spp-rail-list{scrollbar-width:none;align-self:stretch;align-items:center;min-width:0;margin:0;padding:0 4px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 8px),#0000)}.spp-rail-list::-webkit-scrollbar{display:none}.spp-rail-item{flex:none;align-self:stretch;align-items:center;display:flex;position:relative}.spp-rail-chip{align-self:stretch;align-items:center;display:flex;position:relative}.spp-rail-chip[draggable=true]{cursor:grab}.spp-rail-pick{height:100%;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:500;transition:color .3s;display:flex;position:relative}.spp-rail-pick:hover{color:var(--foreground)}.spp-rail-pick:hover .spp-rail-glyph{color:var(--accent)}.spp-rail-glyph{transition:color .3s}.spp-rail-item[data-state=current] .spp-rail-pick{color:var(--foreground)}.spp-rail-item[data-state=current] .spp-rail-glyph{color:var(--accent)}.spp-rail-item[data-state=current] .spp-rail-pick:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:0;left:12px;right:12px}.spp-rail-x{width:0;height:20px;color:var(--spp-subtle);opacity:0;transition:width .18s var(--spp-ease), opacity .15s, margin .18s var(--spp-ease), color .15s;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid;overflow:hidden}.spp-rail-chip:hover .spp-rail-x,.spp-rail-chip:focus-within .spp-rail-x{opacity:1;width:16px;margin:0 6px 0 -8px}.spp-rail-x:hover{color:var(--foreground)}@media (hover:none){.spp-rail-x{opacity:.7;width:16px;margin:0 6px 0 -8px}}.spp-rail-tab{width:0;height:20px;color:var(--spp-subtle);opacity:0;transition:width .18s var(--spp-ease), opacity .15s, margin .18s var(--spp-ease), color .15s;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid;overflow:hidden}.spp-rail-chip:hover .spp-rail-tab,.spp-rail-chip:focus-within .spp-rail-tab,.spp-rail-tab[aria-pressed=true]{opacity:1;width:16px;margin:0 6px 0 -8px}.spp-rail-tab[aria-pressed=true]{color:var(--accent)}.spp-rail-tab:hover{color:var(--foreground)}.spp-rail-tab[aria-pressed=true]:hover{color:var(--accent);opacity:.7}.spp-rail-chip:hover .spp-rail-tab+.spp-rail-x,.spp-rail-chip:focus-within .spp-rail-tab+.spp-rail-x,.spp-rail-tab[aria-pressed=true]+.spp-rail-x{margin-left:-4px}.spp-rail-chip[data-held] .spp-rail-tab{display:none}@media (hover:none){.spp-rail-tab{opacity:.7;width:16px;margin:0 6px 0 -8px}}.spp-rail-chip[data-drop=replace] .spp-rail-pick{color:var(--foreground);background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.spp-rail-chip[data-held]{opacity:.3}.spp-rail-chip[data-held] .spp-rail-x{display:none}.spp-rail-chip[data-drop=before]:before,.spp-rail-chip[data-drop=after]:after{content:"";background:var(--accent);width:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:1px;position:absolute;top:14px;bottom:14px}.spp-rail-chip[data-drop=before]:before{left:-1px}.spp-rail-chip[data-drop=after]:after{right:-1px}.spp-rail-arrow,.spp-rail-add{border-radius:var(--spp-r);width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;flex:none;place-items:center;padding:0;transition:color .15s,background-color .15s,box-shadow .15s;display:grid}.spp-rail-arrow:hover:not(:disabled),.spp-rail-add:hover{color:var(--foreground);background:var(--spp-fill)}.spp-rail-arrow:disabled{opacity:.3}.spp-rail-add[data-drop]{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--foreground)}@media (max-width:760px){.spp-rail-title{text-overflow:ellipsis;max-width:96px;overflow:hidden}.spp-rail-pick{padding:0 9px}}.spp-drag-ghost{z-index:9999;border-radius:var(--spp-r);background:var(--foreground);height:36px;color:var(--background);font:600 12.5px/1 var(--font-sans,system-ui), system-ui, sans-serif;white-space:nowrap;pointer-events:none;align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex;position:fixed;top:-200px;left:-400px;box-shadow:0 10px 24px -8px #00000073,0 2px 6px #0003}.spp-drag-ghost-mark{background:var(--accent);width:18px;height:18px;color:var(--accent-foreground,#fff);border-radius:3px;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.spp-drag-ghost-sub{opacity:.55;margin-left:2px;font-weight:500}.spp-phone-drop{flex:1;align-self:stretch;min-width:0;min-height:0;display:flex;position:relative}.spp-phone-drop>.spp-fit{flex:1}.spp-phone-drop-hint{z-index:3;pointer-events:none;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.spp-phone-drop-hint>span{border-radius:var(--spp-r);background:var(--foreground);max-width:280px;color:var(--background);text-align:center;padding:10px 14px;font-size:12.5px;line-height:1.45;box-shadow:0 18px 40px -12px #00000080}.spp-phone-drop[data-over]:after{content:"";z-index:2;border:2px dashed var(--accent);border-radius:var(--spp-r);pointer-events:none;position:absolute;inset:6px}.spp:not([data-settled]) .spp-left,.spp:not([data-settled]) .spp-right{transition:none!important}.spp[data-layout=docked] .spp-left .spp-panel-head{border-bottom:1px solid var(--spp-line);padding:4px 10px 0}.spp[data-layout=docked] .spp-left .spp-panel-head>.spp-seg{background:0 0;gap:0;padding:0}.spp[data-layout=docked] .spp-left .spp-panel-head>.spp-seg>button{min-height:38px;box-shadow:none;background:0 0;border-radius:0;flex:auto;padding:0 2px;font-size:12px;position:relative}.spp-seg-fill>button{transition:color .15s, background-color .2s var(--spp-ease), box-shadow .2s, flex-grow .4s var(--spp-ease), padding .4s var(--spp-ease), opacity .25s ease}.spp-seg-fill>button[data-hidden]{opacity:0;pointer-events:none;flex-grow:0;padding-inline:0}.spp[data-layout=docked] .spp-left .spp-panel-head>.spp-seg>button{flex:1 1 0}.spp[data-layout=docked] .spp-left .spp-panel-head>.spp-seg>button[data-hidden]{opacity:0;flex-grow:0;padding-inline:0}@media (prefers-reduced-motion:reduce){.spp-seg-fill>button{transition:color .15s,background-color .2s,box-shadow .2s}}.spp-seg>button>.spp-pro-tag{border-radius:3px;gap:2px;height:16px;margin-left:0;padding:0 4px;font-size:9.5px}.spp[data-layout=docked] .spp-left .spp-panel-head>.spp-seg>button[aria-selected=true]{color:var(--foreground)}.spp[data-layout=docked] .spp-left .spp-panel-head>.spp-seg>button[aria-selected=true]:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:6px;right:6px}.spp[data-layout=docked] .spp-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.spp[data-layout=docked] .spp-look{background:var(--spp-fill);text-align:left;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:6px 6px 8px;font-size:11.5px;box-shadow:inset 0 0 0 1px #0000}.spp[data-layout=docked] .spp-look>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 2px;overflow:hidden}.spp[data-layout=docked] .spp-look[aria-checked=true]{background:var(--spp-fill-2);box-shadow:inset 0 0 0 1.5px var(--foreground)}.spp-preset{height:56px;transition:transform .25s var(--ease-spring,var(--spp-ease));justify-content:space-between;align-self:stretch;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.spp-look:hover .spp-preset{transform:translateY(-1px)}.spp-preset-type{letter-spacing:-.01em;font-size:24px;line-height:1}.spp-preset-side{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.spp-preset-dots{display:flex}.spp-preset-dots>span{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--preset-bg);border-radius:50%;margin-left:-3px}.spp-preset-button{width:34px;height:12px}.spp-look-strip{height:22px;transition:transform .25s var(--ease-spring,var(--spp-ease));border-radius:3px;align-self:stretch;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.spp-look-strip>span{flex:1;min-width:0}.spp-look:hover .spp-look-strip{transform:translateY(-1px)}.spp[data-layout=docked] .spp-notice{border-radius:var(--spp-r);animation:spp-notice-in .35s var(--spp-ease) both;align-items:center;gap:9px;padding:10px 14px 10px 12px;display:flex;bottom:84px;left:auto;right:24px;transform:none}.spp[data-layout=docked] .spp-notice:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}@keyframes spp-notice-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:760px){.spp[data-layout=docked] .spp-notice{top:calc(var(--nav-h,72px) + 4px);animation-name:spp-notice-down;bottom:auto;right:12px}}@keyframes spp-notice-down{0%{opacity:0;transform:translateY(-8px)}}.spp-screens-tab{flex-direction:column;min-height:100%;display:flex}.spp-screens-tab>.spp-remix-tab{flex-direction:column;flex:1;padding-bottom:18px;display:flex}.spp-screens-tab>.spp-compose-library-in{flex-direction:column;flex:1;display:flex}.spp-screens-tab .spp-compose-library-in>.spp-compose{flex:1;padding-top:18px}.spp-compose-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.spp-compose-section{flex-direction:column;gap:12px;display:flex}.spp-compose-section-title{color:var(--foreground);font-size:11.5px;font-weight:600}.spp-compose-section .spp-compose-group{border-top:0;padding-top:0}.spp-compose-section>.spp-compose-group+.spp-compose-group{border-top:1px solid var(--spp-line);padding-top:14px}.spp-compose-source{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}button.spp-compose-source{border-radius:var(--spp-r);width:calc(100% + 12px);margin:0 -6px;padding:8px 6px;transition:background-color .15s}button.spp-compose-source:hover{background:var(--spp-fill)}.spp-compose-source-text{flex:1}.spp-compose-source-count{color:var(--spp-subtle);font-variant-numeric:tabular-nums;font-size:11px}.spp-compose-chevron{color:var(--spp-subtle);transition:transform .2s var(--spp-ease);place-items:center;display:grid}.spp-compose-chevron[data-open]{transform:rotate(90deg)}.spp-compose-rows{flex-direction:column;display:flex}.spp-compose-rows>.spp-compose-collapsible{border-top:0;gap:8px;padding:2px 0}.spp-compose-rows>.spp-compose-collapsible+.spp-compose-collapsible{border-top:1px solid var(--spp-line)}.spp-compose-rows>.spp-compose-collapsible>.spp-compose-grid{padding-bottom:12px}.spp-compose-actions .spp-compose-replace{background:var(--foreground);color:var(--background);border-color:#0000;font-weight:600}.spp-compose-actions .spp-compose-replace:hover:not(:disabled){background:var(--foreground);filter:brightness(1.15)}.spp-subtabs{border-radius:var(--spp-r);background:var(--spp-fill);gap:2px;margin:12px 14px 0;padding:2px;display:flex}.spp-subtabs>button{min-height:26px;color:var(--text-muted);background:0 0;border:0;border-radius:3px;flex:1;font-size:11.5px;font-weight:500;transition:color .15s,background-color .15s}.spp-subtabs>button[aria-selected=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #00000040, inset 0 0 0 1px var(--spp-line)}.spp-about[data-compact]{gap:18px;padding-top:14px}.spp-about-hint{color:var(--text-muted);font-size:12.5px;line-height:1.55}.spp-compose-open{color:var(--text-muted);flex:none;font-size:11.5px;font-weight:500;text-decoration:none;transition:color .15s}.spp-compose-open:hover{color:var(--foreground)}.spp-compose-section-note{color:var(--spp-subtle);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:400}a.spp-compose-locked{border-radius:var(--spp-r);width:calc(100% + 12px);margin:0 -6px;padding:8px 6px;text-decoration:none;transition:background-color .15s}a.spp-compose-locked:hover{background:var(--spp-fill)}a.spp-compose-locked>svg{color:var(--spp-subtle);flex:none}.spp-compose-rows>a.spp-compose-locked+a.spp-compose-locked{border-top:1px solid var(--spp-line);border-radius:0}.spb-phone{font-stretch:var(--spb-stretch,100%);letter-spacing:var(--spb-tracking,normal)}.spb-phone .spb-screen-host{font-weight:min(900, max(100, calc(400 + var(--spb-weight,0))))}.spp-compose-art{aspect-ratio:9/15;position:relative}.spp-thumb{pointer-events:none;border-radius:3px;position:absolute;inset:0;overflow:hidden}.spp-thumb-phone{transform-origin:0 0;contain:strict;border-radius:0;position:absolute;top:0;left:0}.spp-thumb *{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.spp-compose-art[data-live]{box-shadow:inset 0 0 0 1px var(--spp-line)}.spp-thumb-in{animation:spp-thumb-in .32s var(--spp-ease) both}@keyframes spp-thumb-in{0%{opacity:0}}.spp-compose-library-in{animation:spp-thumb-in .32s var(--spp-ease) both}@media (prefers-reduced-motion:reduce){.spp-thumb-in,.spp-compose-library-in{animation:none}}.spp-compose-actions{grid-template-columns:1fr 1fr}.spp-compose-actions .spp-compose-add{width:auto;padding:0 6px}.spp-style-top{flex-direction:column;gap:10px;display:flex}.spp-style-actions{gap:6px;display:flex}.spp-style .spp-section{border-top:1px solid var(--spp-line);gap:14px;padding-top:16px}.spp-style .spp-swatches{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.spp-style .spp-swatch{aspect-ratio:1;width:100%;height:auto;box-shadow:inset 0 0 0 1px #00000014,inset 0 1px #ffffff40}.spp-style .spp-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--background), 0 0 0 3.5px var(--foreground);transform:none}.spp-type-tiles,.spp-corner-tiles{gap:6px;display:grid}.spp-type-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.spp-corner-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.spp-type-tile,.spp-corner-tile{border-radius:var(--spp-r);background:var(--spp-fill);min-width:0;color:var(--text-muted);border:0;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 7px;font-size:10.5px;font-weight:500;transition:color .15s,background-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1px #0000}.spp-type-tile:hover,.spp-corner-tile:hover{color:var(--foreground);background:var(--spp-fill-2)}.spp-type-tile[aria-checked=true],.spp-corner-tile[aria-checked=true]{color:var(--foreground);background:var(--spp-fill-2);box-shadow:inset 0 0 0 1px var(--foreground)}.spp-type-sample{color:var(--foreground);font-size:20px;font-weight:500;line-height:1}.spp-corner-sample{border-top:2px solid;border-left:2px solid;width:20px;height:20px}.spp-corner-tile>span:last-child,.spp-type-tile>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.spp-style .spp-seg-fill>button{padding:0 4px;font-size:11.5px}.spp-compose-card{position:relative}.spp-compose-name{align-items:center;gap:6px;min-width:0;display:flex}.spp-compose-name .spp-compose-title{flex:auto;min-width:0}.spp-compose-badge{background:var(--spp-fill-2);height:16px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;border-radius:3px;flex:none;align-items:center;padding:0 5px;font-size:9.5px;font-weight:700;display:inline-flex}.spp-compose-badge[data-kind=showing]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.spp-stage-body{position:relative}.spp-canvas-switch{z-index:4;background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--spp-line);position:absolute;top:14px;left:16px}.spp-canvas-switch>button{font-variant-numeric:tabular-nums;min-height:30px}.spp-ref{z-index:4;background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(12px);width:168px;box-shadow:inset 0 0 0 1px var(--spp-line), 0 22px 44px -26px #0000008c;transition:width .3s var(--spp-ease);animation:spp-ref-in .32s var(--spp-ease) both;border-radius:14px;margin:0;padding:6px;position:absolute;top:14px;right:16px}.spp-ref[data-large]{width:264px}@keyframes spp-ref-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.spp-ref-shot{background:var(--spp-fill);cursor:zoom-in;border:0;border-radius:9px;width:100%;padding:0;display:block;overflow:hidden}.spp-ref[data-large] .spp-ref-shot{cursor:zoom-out}.spp-ref-shot img{object-fit:contain;width:100%;height:auto;max-height:min(64vh,572px);display:block}.spp-ref figcaption{flex-direction:column;gap:1px;min-width:0;padding:8px 4px 3px;display:flex}.spp-ref-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--spp-subtle);font-size:10px;font-weight:500}.spp-ref-app{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.spp-ref-hide{background:color-mix(in srgb, var(--background) 80%, transparent);opacity:0;transition:opacity .15s;position:absolute;top:11px;right:11px}.spp-ref:hover .spp-ref-hide,.spp-ref-hide:focus-visible{opacity:1}@media (hover:none){.spp-ref-hide{opacity:1}}.spp-ref[data-mini]{border-radius:11px;width:58px;padding:4px}.spp-ref[data-mini] .spp-ref-shot{cursor:pointer;transition:transform .2s var(--spp-ease);border-radius:7px}.spp-ref[data-mini] .spp-ref-shot:hover{transform:scale(1.04)}.spp-ref[data-mini] figcaption{display:none}@container (max-width:860px){.spp-ref:not([data-mini]){width:120px}.spp-ref[data-large]{width:200px}.spp-ref figcaption{display:none}}@container (max-width:600px){.spp-ref{display:none}}.spp[data-layout] .spp-stage-body[data-canvas=all],.spp .spp-stage-body[data-canvas=all]{justify-content:stretch;align-items:stretch;padding:0}.spp-wall{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;min-width:0;position:relative;overflow:hidden}.spp-wall[data-panning]{cursor:grabbing}.spp-wall[data-panning] .spp-wall-phone,.spp-wall[data-panning] .spp-wall-phone *{cursor:grabbing!important}.spp .spp-wall-list{align-items:flex-start;gap:var(--gap);transform-origin:0 0;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:0;left:0}.spp .spp-wall[data-glide] .spp-wall-list{transition:transform .45s var(--spp-ease)}@media (prefers-reduced-motion:reduce){.spp .spp-wall[data-glide] .spp-wall-list{transition:none}}.spp-wall-item{gap:calc(12px / var(--z));width:414px;animation:spp-wall-in .36s var(--spp-ease) both;flex-direction:column;flex:none;display:flex}.spp-wall-item:nth-child(2){animation-delay:30ms}.spp-wall-item:nth-child(3){animation-delay:60ms}.spp-wall-item:nth-child(4){animation-delay:90ms}.spp-wall-item:nth-child(5){animation-delay:.12s}.spp-wall-item:nth-child(6){animation-delay:.15s}.spp-wall-item:nth-child(7){animation-delay:.18s}.spp-wall-item:nth-child(n+8){animation-delay:.21s}@keyframes spp-wall-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.spp-wall-phone{cursor:pointer;border-radius:67px;outline:none;width:414px;height:868px;display:block;position:relative}.spp-wall-phone *{cursor:pointer!important}.spp-wall-highlights{z-index:3}.spp-wall-phone:after{content:"";inset:calc(-6px / var(--z));border-radius:calc(67px + 6px / var(--z));box-shadow:0 0 0 calc(1.5px / var(--z)) var(--spp-line);opacity:0;pointer-events:none;transition:opacity .2s,box-shadow .2s;position:absolute}.spp-wall-phone:focus-visible:after{opacity:1}.spp-wall-item[data-current] .spp-wall-phone:after{opacity:1;box-shadow:0 0 0 calc(1.5px / var(--z)) var(--accent)}.spp-wall-device{display:block}.spp-wall-label{cursor:pointer;align-items:center;gap:calc(8px / var(--z));min-width:0;height:calc(22px / var(--z));padding:0 calc(4px / var(--z));font-size:calc(12.5px / var(--z));color:var(--text-muted);display:flex}.spp-wall-n{min-width:calc(18px / var(--z));height:calc(18px / var(--z));border-radius:calc(4px / var(--z));background:var(--spp-fill);font-size:calc(10.5px / var(--z));font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;place-items:center;font-weight:600;display:grid}.spp-wall-item[data-current] .spp-wall-n{background:var(--accent);color:#fff}.spp-wall-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--foreground);font-weight:500;overflow:hidden}.spp-wall-tab{color:var(--accent);flex:none;display:grid}.spp-wall-tab svg{width:calc(12px / var(--z));height:calc(12px / var(--z))}.spp-wall-open{align-items:center;gap:calc(4px / var(--z));height:calc(20px / var(--z));padding:0 calc(7px / var(--z));border-radius:calc(999px / var(--z));background:var(--spp-fill);color:var(--foreground);font-size:calc(11px / var(--z));cursor:pointer;border:0;flex:none;margin-left:auto;font-weight:500;display:none}.spp-wall-open svg{width:calc(11px / var(--z));height:calc(11px / var(--z))}.spp-wall-open:hover{background:var(--foreground);color:var(--background)}.spp-wall-item:hover .spp-wall-open,.spp-wall-item[data-current] .spp-wall-open,.spp-wall-open:focus-visible{display:inline-flex}.spp-wall-item:hover .spp-wall-from,.spp-wall-item[data-current] .spp-wall-from{display:none}@media (hover:none){.spp-wall-open{display:inline-flex}.spp-wall-from{display:none}}.spp-wall-from{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:calc(11px / var(--z));color:var(--spp-subtle);flex:none;margin-left:auto;overflow:hidden}.spp-zoom{z-index:4;cursor:default;background:color-mix(in srgb, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px var(--spp-line);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;right:16px}.spp-zoom .spp-icon-btn{border-radius:999px}.spp-zoom-pct{min-width:48px;height:26px;color:var(--foreground);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;padding:0 6px;font-size:12px;font-weight:500}.spp-zoom-pct:hover{background:var(--spp-fill)}.spp-zoom-sep{background:var(--spp-line);width:1px;height:14px;margin:0 3px}@media (prefers-reduced-motion:reduce){.spp-wall-item,.spp-ref{animation:none}}@container (max-width:700px){.spp[data-layout] .spp-stage-body[data-canvas=one]:has(>.spp-canvas-switch){padding-top:56px}.spp .spp-stage-body[data-canvas=one]:has(>.spp-canvas-switch){padding-top:56px}.spp-canvas-switch{top:10px}}.spp-ref:not([data-ready]){opacity:0;pointer-events:none;animation:none}.spp-ref[data-ready]{animation:spp-ref-in .32s var(--spp-ease) both}.spp-buildart{background:#070708;position:absolute;inset:0;overflow:hidden}.spp-buildart-backdrop{position:absolute;inset:0}.spp-buildart-backdrop>*{width:100%;height:100%;position:absolute;inset:0}.spp-buildart-fan{transform:scale(var(--fit,1));justify-content:center;align-items:center;display:flex;position:absolute;inset:64px 20px 20px}.spp-buildart-phone{transition:transform .6s var(--spp-ease);border-radius:18px;position:absolute;overflow:hidden;box-shadow:0 0 0 5px #0b0b0c,0 0 0 6px #ffffff1f,0 30px 60px -20px #000c}.spp-buildart-phone .spb-phone{transform-origin:0 0;position:absolute;top:0;left:0}.spp-buildart-phone *{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.spp-buildart-phone[data-side=center]{z-index:2}.spp-buildart-phone[data-side=left]{z-index:1;opacity:.9;transform:translate(-84%)scale(.88)}.spp-buildart-phone[data-side=right]{z-index:1;opacity:.9;transform:translate(84%)scale(.88)}@media (max-width:760px){.spp-buildart-fan{display:none}}.spp-shuffle{flex-direction:column;gap:10px;display:flex}.spp-shuffle-head{align-items:center;gap:2px;min-width:0;display:flex}.spp-shuffle-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.spp-shuffle-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--spp-subtle);font-size:10px;font-weight:600}.spp-shuffle-name strong{letter-spacing:-.01em;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;animation:spp-name-in .35s var(--spp-ease) both;font-size:15px;font-weight:600;line-height:1.2;overflow:hidden}@keyframes spp-name-in{0%{opacity:0;transform:translateY(4px)}}.spp-frame{--dash:color-mix(in srgb, var(--foreground) 22%, transparent);height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:500;transition:color .15s,background-color .15s;display:flex;position:relative}.spp-frame:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 3px, var(--dash) 3px 7px, transparent 7px) top / 10px 1px space no-repeat, linear-gradient(90deg, transparent 3px, var(--dash) 3px 7px, transparent 7px) bottom / 10px 1px space no-repeat, linear-gradient(180deg, transparent 3px, var(--dash) 3px 7px, transparent 7px) left / 1px 10px no-repeat space, linear-gradient(180deg, transparent 3px, var(--dash) 3px 7px, transparent 7px) right / 1px 10px no-repeat space;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) 50%/calc(100% - 20px) 100% no-repeat,linear-gradient(#000 0 0) 50%/100% calc(100% - 20px) no-repeat;mask:linear-gradient(#000 0 0) 50%/calc(100% - 20px) 100% no-repeat,linear-gradient(#000 0 0) 50%/100% calc(100% - 20px) no-repeat}.spp-frame-tick{pointer-events:none;width:9px;height:9px;color:color-mix(in srgb, var(--foreground) 35%, transparent);background:linear-gradient(currentColor 0 0) 50%/1px 100% no-repeat,linear-gradient(currentColor 0 0) 50%/100% 1px no-repeat;transition:color .15s;position:absolute}.spp-frame-tick[data-at=tl]{top:-4px;left:-4px}.spp-frame-tick[data-at=tr]{top:-4px;right:-4px}.spp-frame-tick[data-at=bl]{bottom:-4px;left:-4px}.spp-frame-tick[data-at=br]{bottom:-4px;right:-4px}.spp-frame:hover,.spp-frame:focus-visible{--dash:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.spp-frame:hover .spp-frame-tick,.spp-frame:focus-visible .spp-frame-tick{color:var(--accent)}.spp-shuffle-go{isolation:isolate;margin:4px 4px 2px}.spp-shuffle-go:active{transform:scale(.99)}.spp-shuffle-go svg{transition:scale .4s var(--ease-spring,var(--spp-ease))}.spp-shuffle-go:hover svg{scale:1.1}.spp-shuffle-go{--sp-signal:red;--sp-ember:#ff7a3c;--sp-blush:#ff8fb8;--sp-azure:#4d8dff}.spp-shuffle-wash{z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s var(--spp-ease);background:linear-gradient(100deg, var(--sp-signal), var(--sp-ember), var(--sp-blush), var(--sp-azure), var(--sp-blush), var(--sp-ember), var(--sp-signal)) 0 0 / 300% 100%;animation:7s ease-in-out infinite alternate paused spp-sweep-drift;position:absolute;inset:0}.spp-shuffle-go:hover .spp-shuffle-wash,.spp-shuffle-go:focus-visible .spp-shuffle-wash{opacity:.2;animation-play-state:running}html.light .spp-shuffle-go:hover .spp-shuffle-wash,html.light .spp-shuffle-go:focus-visible .spp-shuffle-wash{opacity:.14}.spp-shuffle-go:hover,.spp-shuffle-go:focus-visible{background:0 0}.spp-shuffle-go .spp-frame-tick{transition:color .35s var(--spp-ease)}.spp-shuffle-go:hover .spp-frame-tick[data-at=tl]{color:var(--sp-signal)}.spp-shuffle-go:hover .spp-frame-tick[data-at=tr]{color:var(--sp-ember)}.spp-shuffle-go:hover .spp-frame-tick[data-at=bl]{color:var(--sp-blush)}.spp-shuffle-go:hover .spp-frame-tick[data-at=br]{color:var(--sp-azure)}@keyframes spp-sweep-drift{to{background-position:100% 0}}.spp-shuffle-section{flex-direction:column;gap:6px;margin-top:2px;display:flex}.spp-shuffle-label{letter-spacing:.08em;text-transform:uppercase;color:var(--spp-subtle);font-size:10px;font-weight:600}.spp-shuffle-locks{border-radius:calc(var(--spp-r) + 2px);background:var(--spp-fill);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px;display:grid}.spp-lock-chip{border-radius:var(--spp-r);min-width:0;height:28px;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:11.5px;font-weight:500;transition:color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.spp-lock-chip svg{opacity:.7;flex:none}.spp-lock-chip:hover{color:var(--foreground)}.spp-lock-chip[aria-pressed=true]{color:var(--foreground);background:var(--background);box-shadow:0 0 0 .5px var(--spp-line-strong), 0 1px 2px #00000014}.spp-lock-chip[aria-pressed=true] svg{opacity:1;color:var(--accent)}.spp-shuffle-code{border-radius:calc(var(--spp-r) + 2px);background:var(--spp-fill);align-items:center;gap:2px;min-width:0;height:32px;padding:0 3px 0 10px;display:flex}.spp-shuffle-code code{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;color:var(--foreground);flex:1;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;overflow:hidden}.spp-code-form{flex:1;align-items:center;gap:2px;min-width:0;height:100%;display:flex}.spp-code-input{min-width:0;height:100%;color:var(--foreground);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;padding:0;font-family:inherit;font-size:12.5px;font-weight:500}.spp-code-input::placeholder{color:var(--spp-subtle)}.spp .spp-code-input:focus,.spp .spp-code-input:focus-visible{box-shadow:none;outline:none}.spp-shuffle-code:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 28%, transparent)}.spp-style-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.spp-style-lock{color:var(--spp-subtle)}.spp-style-lock[aria-pressed=true]{color:var(--foreground);background:var(--spp-fill-2)}.spp-field-value{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:400;overflow:hidden}.spp-field-hint{color:var(--spp-subtle);font-size:11px}.spp-font-cats{flex-wrap:wrap;gap:4px;display:flex}.spp-font-cats>button{height:24px;color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--spp-line);background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:11.5px;font-weight:500;transition:color .15s,background-color .15s}.spp-font-cats>button:hover{color:var(--foreground)}.spp-font-cats>button[aria-selected=true]{background:var(--spp-fill-2);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}.spp-font-tiles .spp-type-tile{animation:spp-tile-in .22s var(--spp-ease) both}@keyframes spp-tile-in{0%{opacity:0;transform:translateY(3px)}}.spp-card-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.spp-card-tile{border-radius:var(--spp-r);background:var(--spp-fill);min-width:0;color:var(--text-muted);border:0;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 7px;font-size:11px;font-weight:500;transition:color .15s,background-color .15s;display:flex}.spp-card-tile:hover{color:var(--foreground);background:var(--spp-fill-2)}.spp-card-tile[aria-checked=true]{color:var(--foreground);background:var(--spp-fill-2);box-shadow:inset 0 0 0 1px var(--foreground)}.spp-card-tile>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.spp-card-sample{background:color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:5px;width:30px;height:22px}[data-card=raised]>.spp-card-sample{background:var(--background);box-shadow:0 4px 10px -3px #00000059}[data-card=outlined]>.spp-card-sample{background:var(--background);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 30%, transparent)}[data-card=glass]>.spp-card-sample{background:linear-gradient(135deg, color-mix(in srgb, var(--foreground) 22%, transparent), color-mix(in srgb, var(--foreground) 6%, transparent));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--foreground) 30%, transparent)}[data-card=bold]>.spp-card-sample{background:var(--background);box-shadow:inset 0 0 0 1.5px var(--foreground), 3px 3px 0 var(--foreground)}.spp-swatch-any{cursor:pointer;background:var(--sw,conic-gradient(from 0deg, #ff3b30, #fc0, #34c759, #00c7be, #007aff, #af52de, #ff2d55, #ff3b30));position:relative;overflow:hidden}.spp-swatch-any input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.spp-shuffle-name strong,.spp-font-tiles .spp-type-tile,.spp-shuffle-wash{animation:none}}.spp-style .spp-section.spp-style-rows{gap:8px}.spp-style-rows>.spp-label{margin-bottom:2px}.spp-style-row{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;display:grid}.spp-style-row-label{color:var(--text-muted);white-space:nowrap;font-size:12px}.spp-seg-sm{padding:2px}.spp-seg-sm>button{min-height:24px;padding:0 4px;font-size:11px}.spp-seg-sm>button>span{font-size:12px}.spp-seg-sm .spp-corner-sample{background:0 0;border:0;border-top:1.5px solid;border-left:1.5px solid;width:11px;height:11px;display:block}.spp-seg-sm .spp-card-sample{border-radius:3px;width:18px;height:12px;display:block}.spp-font-select{align-items:center;gap:6px;min-width:0;display:flex}.spp-font-aa{text-align:center;width:22px;color:var(--foreground);flex:none;font-size:15px;line-height:1}.spp-font-select .spp-select{background-color:var(--spp-fill);border-color:#0000;flex:1;min-width:0;max-width:none;height:28px;font-size:12px}.spp-font-select .spp-select:hover{background-color:var(--spp-fill-2)}.spp-style-more{border-top:1px solid var(--spp-line);padding-top:12px}.spp-style-more>summary{cursor:pointer;color:var(--foreground);align-items:center;gap:6px;font-size:12px;font-weight:500;list-style:none;display:flex}.spp-style-more>summary::-webkit-details-marker{display:none}.spp-style-more>summary svg{color:var(--spp-subtle);transition:rotate .2s var(--spp-ease)}.spp-style-more[open]>summary svg{rotate:90deg}.spp-style-more>summary>span{color:var(--spp-subtle);margin-left:auto;font-size:11px;font-weight:400}.spp-style-more>.spp-style-rows{flex-direction:column;gap:8px;margin-top:10px;display:flex}.spp-drill{min-width:0;animation:spp-drill-in .2s var(--spp-ease) both;flex-direction:column;gap:8px;display:flex}@keyframes spp-drill-in{0%{opacity:0;transform:translate(8px)}}.spp-drill-bar{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px 0 8px;display:flex}.spp-drill-bar .spp-subtabs{flex:none;width:164px;margin:0}.spp-drill-back{border-radius:var(--spp-r);height:26px;color:var(--text-muted);background:0 0;border:0;align-items:center;gap:4px;padding:0 8px 0 4px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.spp-drill-back:hover{color:var(--foreground);background:var(--spp-fill)}.spp-drill .spp-path-close{display:none}.spp-map-foot{border-top:1px solid var(--spp-line);flex-flow:row;align-items:center;gap:6px;margin:-16px 18px 24px;padding-top:14px}@media (prefers-reduced-motion:reduce){.spp-drill{animation:none}}.spp-map-foot>.spp-btn-primary{margin-left:auto}.spp-map-foot>.spp-save{flex:1;min-width:0}.spp-btn-icon{width:28px;padding:0}.spb-card-piece{-webkit-backdrop-filter:var(--spb-card-blur,none);backdrop-filter:var(--spb-card-blur,none);box-shadow:var(--spb-card-edge)!important}.spp-node{gap:0}.spp-node>.spp-section{border-top:1px solid var(--spp-line);gap:12px;padding:16px 0}.spp-node-head{gap:10px;padding:14px 0 0}.spp-node-tile{border-radius:var(--spp-r);background:var(--spp-fill-2);width:28px;height:28px;color:var(--foreground)}.spp-node-id{min-width:0}.spp-node-title{letter-spacing:-.01em;font-size:14.5px;line-height:1.25}.spp-node-kind{color:var(--spp-subtle);margin-top:1px;font-family:inherit;font-size:11.5px}.spp-node-desc{color:var(--text-muted);margin:8px 0 16px;font-size:12.5px;line-height:1.5}.spp-part-filter{flex-wrap:wrap;gap:4px;display:flex}.spp-part-filter>button{border-radius:var(--spp-r);background:var(--spp-fill);height:26px;color:var(--text-muted);border:0;padding:0 10px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s,box-shadow .15s}.spp-part-filter>button:hover{color:var(--foreground);background:var(--spp-fill-2)}.spp-part-filter>button[aria-pressed=true]{color:var(--foreground);background:var(--spp-fill-2);box-shadow:inset 0 0 0 1px var(--foreground)}.spp-node .spp-fields{gap:12px}.spp-node .spp-field{gap:6px}.spp-node .spp-field-label{color:var(--text-muted);font-size:12px;font-weight:400}.spp-node .spp-field-hint{color:var(--spp-subtle);margin:0;font-size:11px;line-height:1.45}.spp-node .spp-field:is([data-type=boolean],[data-type=select],[data-type=number],[data-type=spacing],[data-type=icon],[data-type=link]){grid-template-columns:minmax(84px,38%) minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.spp-node .spp-field:is([data-type=boolean],[data-type=select],[data-type=number],[data-type=spacing],[data-type=icon],[data-type=link]) .spp-field-hint{grid-column:1/-1}.spp-node .spp-field[data-type=boolean] .spp-switch{justify-self:end}.spp-node :is(.spp-input,.spp-select){background-color:var(--spp-fill);border-color:#0000;height:30px;font-size:12.5px;transition:background-color .15s,box-shadow .15s}.spp-node :is(.spp-input,.spp-select):hover{background-color:var(--spp-fill-2)}.spp-node :is(.spp-input,.spp-select):focus{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);border-color:#0000;outline:none}.spp-node .spp-textarea{resize:vertical;height:auto;min-height:56px;padding:8px 10px;line-height:1.45}.spp-node .spp-number{gap:8px}.spp-node .spp-input-num{text-align:right;flex:none;width:56px}.spp-node .spp-seg-fill>button{min-height:26px;font-size:11.5px}.spp-node .spp-parts button,.spp-node .spp-behaviours li{font-size:12px}.spb-phone .spb-screen-host{animation:var(--spb-entrance,none)}@keyframes spb-enter-fade{0%{opacity:0}}@keyframes spb-enter-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.spb-phone .spb-screen-host{animation:none}}.spp-dock[data-glass] .spp-dock-inner{background:color-mix(in srgb, var(--h-surface,#1c1c1c) 55%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);box-shadow:0 10px 30px #00000038,inset 0 0 0 .5px #ffffff47}.spp-stills{scrollbar-width:thin;gap:12px;margin:0;padding:2px 2px 6px;list-style:none;display:flex;overflow-x:auto}.spp-still{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.spp-still-phone{background:#000;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 10px 24px -14px #00000073}.spp-still-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted,#8a8a8a);font-size:11px;overflow:hidden}.spp[data-layout] .spp-stage-body[data-badge]:not([data-canvas=all]),.spp .spp-stage-body[data-badge]:not([data-canvas=all]){padding-top:62px}.spp-stage-badge{z-index:4;min-width:0;max-width:calc(100% - 400px);animation:spp-badge-in .3s var(--spp-ease) both;justify-content:center;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes spp-badge-in{0%{opacity:0;transform:translate(-50%,-3px)}}@container (max-width:860px){.spp-stage-badge{max-width:calc(100% - 300px)}}@container (max-width:600px){.spp-stage-badge{max-width:calc(100% - 32px)}.spp[data-layout] .spp-stage-body[data-badge]:not([data-canvas=all]),.spp .spp-stage-body[data-badge]:not([data-canvas=all]){padding-top:104px}.spp-stage-body[data-badge] .spp-canvas-switch{top:56px;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.spp-stage-badge{animation:none}}