.sp-page,.sp-pubbar,.sp-vmenu{--sp-line:#5d4d8314;--sp-line-soft:#5d4d8312;--sp-ink:var(--text-primary);--sp-ink-2:rgba(var(--ink-rgb), .74);--sp-ink-3:rgba(var(--ink-rgb), .58);--sp-ink-4:rgba(var(--ink-rgb), .44);--sp-ink-5:rgba(var(--ink-rgb), .3);--sp-purple:#6b5ba8;--sp-purple-ink:var(--color-brand-portfolio);--sp-chip:var(--pg-tint);--sp-warm:#faf7f1;--sp-up:#3d7a5f}.sp-segs{border-bottom:1px solid var(--sp-line);gap:22px;width:100%;margin-bottom:18px;display:flex}.sp-segs button{color:var(--sp-ink-4);cursor:pointer;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px;font-size:15px;font-weight:500}.sp-segs button:hover{color:var(--sp-ink-2)}.sp-segs button[aria-selected=true]{border-bottom-color:var(--sp-purple);color:var(--sp-ink)}.sp-search{flex:200px;min-width:0;max-width:420px;margin:0}.sp-search__combo{border:1px solid var(--sp-line);background:var(--bg-elevated);border-radius:12px;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.sp-search__combo:focus-within{border-color:#6b5ba873}.sp-search__icon{color:var(--sp-ink-4);flex-shrink:0}.sp-search input[type=search]{min-width:0;height:100%;color:var(--sp-ink);background:0 0;border:0;flex:auto;padding:0;font-size:13px}.sp-search input[type=search]:focus{outline:none}.sp-search__clear{cursor:pointer;height:24px;color:var(--sp-ink-3);background:0 0;border:0;border-radius:6px;flex-shrink:0;padding:0 8px;font-size:12px;font-weight:500}.sp-search__clear:hover{color:var(--sp-ink-2);background:#5d4d8314}.sp-plaza-toolbar--legacy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:18px;display:flex}.sp-plaza-toolbar--legacy .sp-segs{flex-basis:100%;margin-bottom:0}.sp-plaza-toolbar--legacy .sp-search{flex:240px;max-width:none}.sp-plaza-toolbar--legacy .sp-sorts{margin:0}.sp-search__error{color:var(--status-danger-ink);margin:-8px 0 12px;font-size:12px}.sp-search__banner{color:var(--sp-ink-2);background:#6b5ba814;border:1px solid #6b5ba833;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;font-size:13px;display:flex}.sp-search__banner button{color:var(--sp-purple-ink);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:500;text-decoration:underline}.sp-discover-toolbar .sp-search{flex:0 280px;min-width:min(100%,200px);max-width:320px;margin-left:auto}@media (max-width:720px){.sp-page .sp-discover-toolbar{flex-wrap:nowrap;gap:8px}.sp-discover-toolbar .nn-discover-seg{display:none}.sp-discover-toolbar .sp-sort-trigger{display:inline-flex}.sp-discover-toolbar .sp-search{flex:1 1 0;min-width:0;max-width:none;margin-left:0}.sp-discover-toolbar .sp-search__combo{height:40px}.sp-discover-toolbar__views{margin-left:0}.sp-page .sp-discover-toolbar__views .sp-discover-mine{gap:6px;padding:0 12px}}.sp-sorts{flex-wrap:wrap;gap:8px;margin:-4px 0 16px;display:flex}.sp-sorts button{border:1px solid var(--sp-line);background:var(--bg-elevated);color:var(--sp-ink-3);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;line-height:1.3}.sp-sorts button:hover{background:var(--pg-tint);color:var(--sp-ink-2);border-color:#5d4d8338}.sp-sorts button[aria-selected=true]{border-color:var(--pg-bubble-line);background:var(--sp-chip);color:var(--sp-purple-ink)}.sp-page .nn-discover-seg button:hover:not([aria-pressed=true]){background:var(--pg-tint)}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:16px;display:grid}.sp-card{border:1px solid var(--sp-line);background:var(--bg-elevated);width:100%;min-width:0;box-shadow:none;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sp-card:hover{border-color:#5d4d833d}.sp-card__open{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:block}.sp-card__media{position:relative}.sp-card__open--media{display:block}.sp-card__thumb{background:var(--sp-warm);border-bottom:1px solid var(--sp-line);height:158px;padding:12px 12px 0;display:block;position:relative;overflow:hidden}.sp-card__thumb>img,.sp-card__thumb>svg{background:var(--bg-elevated);border-radius:8px 8px 0 0;width:100%;height:100%;display:block;box-shadow:0 2px 14px #503d621a}.sp-card__thumb>img{object-fit:cover}.sp-card__thumb-loading{background:linear-gradient(100deg,#f0ebe6 20%,#e8e0ef 40%,#f3eef6 50%,#f0ebe6 70%) 0 0/220% 100%;border-radius:8px 8px 0 0;width:100%;height:100%;animation:1.4s ease-in-out infinite sp-card-thumb-skeleton;display:block;box-shadow:0 2px 14px #503d621a}@keyframes sp-card-thumb-skeleton{0%{background-position:110% 0}to{background-position:-110% 0}}@media (prefers-reduced-motion:reduce){.sp-card__thumb-loading{background:#efeaf2;animation:none}}.sp-card__live{opacity:0;pointer-events:none;background:0 0;transition:opacity .2s;position:absolute;overflow:hidden}.sp-card__thumb .sp-card__live{border-radius:8px 8px 0 0;inset:12px 12px 0;box-shadow:0 2px 14px #503d621a}.sp-mine__mini .sp-card__live{border-radius:8px;inset:0}.sp-card__live--ready{background:var(--bg-elevated);opacity:1}.sp-card__live iframe{pointer-events:none;border:0;display:block}.sp-card__open--body{flex-direction:column;flex:auto;min-height:0;display:flex}.sp-card__body{flex:auto;padding:11px 13px 0;display:block}.sp-card__footer{color:var(--sp-ink-3);align-items:center;gap:7px;min-width:0;margin-top:auto;padding:10px 13px 12px;font-size:11.5px;display:flex}.sp-card__author{color:var(--sp-ink-3);align-items:center;gap:7px;min-width:0;margin-top:10px;font-size:11.5px;display:flex}.sp-card__title{color:var(--sp-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.45;display:block;overflow:hidden}.sp-card__summary{-webkit-line-clamp:2;min-height:3.4em;color:var(--text-secondary);-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.sp-card__from{color:var(--sp-purple-ink);margin-top:6px;font-size:11px;display:inline-block}.sp-card__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sp-card__av{color:#fff;background:var(--sp-purple);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:grid}.sp-card__stats{color:var(--sp-ink-5);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;gap:10px;margin-left:auto;display:inline-flex}.sp-stat{cursor:default;align-items:center;gap:4px;line-height:1;display:inline-flex}.sp-stat svg{flex:none;width:14px;height:14px;display:block}.sp-like{color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin:0;padding:0;line-height:1;display:inline-flex}.sp-like:hover:not(:disabled){color:var(--sp-purple-ink)}.sp-like:disabled{opacity:.55;cursor:wait}.sp-like--on{color:#e2556a}.sp-like svg{flex:none;width:14px;height:14px;display:block}.sp-like--chip{z-index:2;background:var(--bg-elevated);color:rgba(var(--ink-rgb), .42);cursor:pointer;border-radius:999px;gap:5px;padding:5px 10px 5px 8px;font-size:12px;font-weight:600;line-height:1;position:absolute;top:18px;right:18px;box-shadow:0 4px 16px #503d6224}.sp-like--chip:hover:not(:disabled){color:rgba(var(--ink-rgb), .62)}.sp-like--chip.sp-like--on{color:#e2556a}.sp-like--chip.sp-like--on:hover:not(:disabled){color:#d4475c}.sp-like--chip svg{width:13px;height:13px}span.sp-like--chip{cursor:default}.sp-side__meta{color:var(--sp-ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:14px;margin:12px 0 0;font-size:12px;display:flex}.sp-side__meta .sp-stat{color:var(--sp-ink-3)}.sp-mine{border:1px solid var(--sp-line);background:var(--bg-elevated);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #503d620a}.sp-mine__row{border-bottom:1px solid var(--sp-line);cursor:pointer;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.sp-mine__row:hover{background:var(--bg-elevated)}.sp-mine__row:focus-visible{outline-offset:-2px;outline:2px solid #6b5ba859}.sp-mine__row:last-child{border-bottom:0}.sp-mine__mini{border:1px solid var(--sp-line);background:var(--sp-warm);border-radius:8px;height:74px;display:block;position:relative;overflow:hidden}.sp-mine__mini>img,.sp-mine__mini>svg{object-fit:cover;background:var(--bg-elevated);width:100%;height:100%;box-shadow:none;border-radius:8px;display:block}.sp-mine__mini>.sp-card__thumb-loading{box-shadow:none;border-radius:8px}.sp-mine__title{color:var(--sp-ink);font-size:13.5px;font-weight:600;display:block}.sp-mine__meta{color:var(--sp-ink-4);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:11.5px;display:flex}.sp-mine__acts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sp-mine__row--skel{cursor:default;pointer-events:none}.sp-mine__row--skel:hover{background:0 0}.sp-mine__skel-mid{flex-direction:column;gap:8px;min-width:0;display:flex}.sp-skel{background:linear-gradient(90deg,#5d4d830f 0%,#5d4d831f 50%,#5d4d830f 100%) 0 0/200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite sp-skel-shimmer;display:block}.sp-mine__mini.sp-skel{border-radius:8px;height:100%}.sp-skel--title{width:min(180px,70%);height:14px}.sp-skel--meta{width:min(220px,85%);height:11px}.sp-skel--seg{border-radius:999px;width:96px;height:26px}.sp-skel--link{width:36px;height:12px}.sp-skel-card{border:1px solid var(--sp-line);background:var(--bg-elevated);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #503d620a}.sp-skel-card__thumb{border-radius:8px 8px 0 0;height:158px;margin:12px 12px 0}.sp-skel-card__body{flex-direction:column;gap:8px;padding:11px 13px 14px;display:flex}.sp-skel--lines{width:92%;height:28px}@keyframes sp-skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:640px){.sp-mine__row{grid-template-columns:80px minmax(0,1fr)}.sp-mine__acts{grid-column:1/-1;justify-content:flex-start}}.sp-vis{white-space:nowrap;color:var(--sp-ink-3);background:#fffffff0;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;line-height:1.5;display:inline-flex;box-shadow:0 1px 4px #503d621f}.sp-vis i{background:var(--sp-ink-5);border-radius:50%;width:5px;height:5px}.sp-vis--pub{color:var(--sp-up)}.sp-vis--pub i{background:var(--sp-up)}.sp-vis--pri i{background:var(--sp-purple)}.sp-vseg{background:var(--bg-elevated);border:1px solid #5d4d8324;border-radius:999px;padding:2px;display:inline-flex}.sp-vseg button{color:var(--sp-ink-4);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 11px;font-size:11.5px}.sp-vseg button[aria-pressed=true]{background:var(--sp-chip);color:var(--sp-purple-ink);font-weight:500}.sp-pubbar{border:1px solid var(--sp-line);background:var(--bg-elevated);color:var(--sp-ink-3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:10px 14px;font-size:12.5px;display:flex}.file-preview-panel__notice>.sp-pubbar{box-sizing:border-box;flex:none;width:auto;margin:10px 12px 0}.sp-pubbar--detail{margin:0}.sp-pubbar__tx{flex:1;min-width:140px;line-height:1.55}.sp-pubbar__tx b{color:var(--sp-ink-2);font-weight:600}.sp-pubbar__link{color:var(--sp-purple-ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.sp-pubbar__link:hover{text-decoration:underline}.sp-pubbar__link--danger{color:#a94a3f}.sp-pubbar__link .sp-lock{vertical-align:-1px;color:#c9a227;width:11px;height:11px;margin-left:4px;display:inline-block}.sp-detail{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}@media (max-width:980px){.sp-detail{grid-template-columns:1fr}}.sp-frame{background:var(--bg-elevated);border:1px solid #5144641a;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px #503d620a}.sp-frame__chrome{border-bottom:1px solid var(--sp-line);background:var(--bg-elevated);align-items:center;gap:6px;padding:8px 12px;display:flex}.sp-frame__dot{background:rgba(var(--ink-rgb), .12);border-radius:50%;width:8px;height:8px}.sp-frame__url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sp-ink-4);flex:1;margin-left:8px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.sp-frame__btn{color:var(--sp-ink-3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;display:inline-flex}.sp-frame__btn:hover{background:var(--workspace-accent-hover-bg,var(--pg-tint));color:var(--sp-purple-ink)}.sp-frame__view{background:var(--sp-warm);min-height:280px;padding:18px}.sp-frame__view>iframe,.sp-frame__view>svg,.sp-frame__view>img{background:var(--bg-elevated);border:0;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 2px 14px #503d621a}.sp-frame__view>iframe{height:min(70vh,720px);min-height:480px}.sp-frame__view>section{background:var(--bg-elevated);border-radius:8px;flex-direction:column;height:min(70vh,720px);min-height:480px;display:flex;overflow:hidden;box-shadow:0 2px 14px #503d621a}.sp-frame__view .nn-artifact-viewer-header{height:auto;min-height:48px}.sp-frame.sp-frame--full{z-index:var(--nn-z-modal-elevated);background:var(--bg-elevated);border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.sp-frame.sp-frame--full .sp-frame__view{flex:1;justify-content:center;align-items:flex-start;padding:28px;display:flex;overflow:auto}.sp-frame.sp-frame--full .sp-frame__view>iframe,.sp-frame.sp-frame--full .sp-frame__view>svg,.sp-frame.sp-frame--full .sp-frame__view>img{max-width:1200px}.sp-frame.sp-frame--full .sp-frame__view>iframe{height:calc(100vh - 80px);min-height:calc(100vh - 80px)}.sp-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.sp-side__card{border:1px solid var(--sp-line);background:var(--bg-elevated);border-radius:18px;padding:18px;box-shadow:0 8px 30px #503d620a}.sp-side__card h1{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:19px;font-weight:650;line-height:1.4}.sp-side__summary{color:var(--sp-ink-3);margin:8px 0 0;font-size:13px;line-height:1.75}.sp-side__pub{margin-top:16px}.sp-side__acts{gap:8px;margin-top:16px;display:flex}.sp-side__cta{background:var(--sp-purple-ink);color:#fff;cursor:pointer;border:0;border-radius:10px;flex:1;height:38px;font-size:13.5px;font-weight:600}.sp-side__cta:hover{background:#4a3d73}.sp-side__ib{width:38px;height:38px;color:var(--sp-ink-4);background:var(--bg-elevated);cursor:pointer;border:1px solid #5d4d8324;border-radius:10px;flex:none;place-items:center;font-size:14px;display:grid}.sp-side__ib svg{flex:none;width:16px;height:16px;display:block}.sp-side__ib:hover{background:var(--bg-elevated);color:var(--sp-purple-ink)}.sp-side__ib--wide{width:auto;color:var(--sp-purple-ink);flex:1;justify-content:center;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.sp-side__disc{color:var(--sp-ink-5);margin:0;font-size:11px;line-height:1.7}.sp-side__links{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:12px 16px;display:flex}.sp-related{margin-top:24px}.sp-related h2{color:var(--sp-ink);margin:0 0 12px;font-size:14px;font-weight:600}.sp-empty{text-align:center;border:1px solid var(--sp-line);background:var(--bg-elevated);color:var(--sp-ink-4);border-radius:18px;padding:48px 24px;font-size:14px}.sp-crumb-btn{color:var(--sp-ink-4);cursor:pointer;font-weight:400;font:inherit;background:0 0;border:0;padding:0}.sp-crumb-btn:hover{color:var(--sp-purple-ink)}.sp-crumb-sep{color:var(--sp-ink-5);margin:0 6px}.sp-detail.sp-detail--float{grid-template-columns:minmax(0,1fr);gap:0}.sp-detail--float>.sp-frame,.sp-detail--float>.sp-side--float{grid-area:1/1}.sp-side.sp-side--float{z-index:2;place-self:start end;gap:0;width:280px;margin:12px 12px 0 0;top:12px}.sp-side--float .sp-side__card{max-height:calc(100vh - 120px);overscroll-behavior:contain;border-color:#5d4d8324;max-height:calc(100dvh - 120px);padding:16px;overflow-y:auto;box-shadow:0 12px 36px #503d6229}.sp-side--float .sp-side__card h1{font-size:17px}.sp-side--float .sp-side__disc{margin:12px 0 0}.sp-side__fold{width:28px;height:28px;color:var(--sp-ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sp-side__fold:hover{background:var(--workspace-accent-hover-bg,var(--pg-tint));color:var(--sp-purple-ink)}.sp-side__pill{border:1px solid var(--sp-line);background:var(--bg-elevated);color:var(--sp-ink-3);border-radius:999px;align-items:center;gap:10px;padding:5px 10px;font-size:12px;display:flex}.sp-side__pill .sp-stat{gap:6px;padding-right:8px}.sp-side__pill .sp-side__fold{flex:none;width:32px;height:32px}.sp-side__pill .sp-side__remix{margin-left:4px;position:relative}.sp-side__pill .sp-side__remix:before{content:"";background:var(--sp-line);pointer-events:none;width:1px;height:18px;position:absolute;top:7px;left:-9px}.sp-side__pill .sp-side__fold:active{transform:scale(.96)}.sp-side__pill .sp-side__remix{color:var(--sp-purple-ink)}.sp-side__pill .sp-side__remix:disabled{opacity:.5;cursor:default}.sp-frame.sp-frame--bare:not(.sp-frame--full) .sp-frame__view{min-height:0;padding:0}.sp-frame.sp-frame--bare:not(.sp-frame--full) .sp-frame__view>iframe,.sp-frame.sp-frame--bare:not(.sp-frame--full) .sp-frame__view>section{height:calc(100vh - 120px);min-height:480px;height:calc(100dvh - 120px);box-shadow:none;border-radius:0}.sp-side__head{align-items:flex-start;gap:8px;display:flex}.sp-side__head h1{flex:1;min-width:0}.sp-side__head .sp-side__fold{margin:-2px -6px 0 0}@media (max-width:980px){.sp-detail--float>.sp-side--float{grid-area:auto;justify-self:stretch;width:auto;margin:16px 0 0;position:static}.sp-side--float .sp-side__card{max-height:none;overflow-y:visible}.sp-side--float .sp-side__head .sp-side__fold{display:none}}.sp-side--float .sp-side__links{margin-top:8px}.sp-own-tag{background:var(--sp-chip);color:var(--sp-purple-ink);white-space:nowrap;border-radius:999px;flex:none;padding:1px 7px;font-size:10.5px;font-weight:600;line-height:1.6}.sp-side--float .sp-side__meta{align-items:center}.sp-side__vis{margin-left:auto}.sp-vchip{border:1px solid var(--sp-line);background:var(--bg-elevated);height:24px;color:var(--sp-ink-3);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 7px 0 9px;font-size:11.5px;display:inline-flex}.sp-vchip:hover:not(:disabled),.sp-vchip[data-state=open]{background:var(--bg-elevated);color:var(--sp-purple-ink)}.sp-vchip:disabled{cursor:default}.sp-vchip__dot{background:var(--sp-ink-5);border-radius:50%;width:6px;height:6px}.sp-vchip--pub .sp-vchip__dot{background:var(--sp-up)}.sp-vchip__chev{width:11px;height:11px}.sp-vmenu{z-index:220;background:var(--bg-elevated);border:1px solid #5d4d8324;border-radius:12px;min-width:156px;padding:4px;box-shadow:0 12px 32px #503d6229}.sp-vmenu__item{min-height:34px;color:var(--sp-ink);cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;display:flex}.sp-vmenu__item[data-highlighted]{background:var(--bg-elevated)}.sp-vmenu__icon,.sp-vmenu__item .sp-lock{width:14px;height:14px;color:var(--sp-ink-3);flex:none}.sp-vmenu__check{color:var(--sp-purple-ink);margin-left:auto;display:inline-flex}.sp-vmenu__check svg{width:14px;height:14px}.sp-vmenu__pro{color:#8a5a12;background:#f8edd8;border-radius:4px;margin-left:auto;padding:0 6px;font-size:10.5px;font-weight:600;line-height:1.6}.sp-side--float .sp-side__acts{border-top:1px solid var(--border-default);align-items:center;gap:8px;padding-top:12px}.sp-side--float .sp-side__cta{background:var(--color-brand);min-width:0;height:40px;color:var(--on-brand)}.sp-side--float .sp-side__cta:hover{background:var(--color-brand-strong)}.sp-side--float .sp-side__ib{border-color:var(--border-default);width:40px;height:40px;color:var(--color-brand-portfolio);background:0 0}.sp-side--float .sp-side__ib--wide{width:auto}.sp-side--float .sp-side__ib:hover{background:var(--workspace-accent-hover-bg,var(--pg-tint))}.sp-side--float .sp-side__summary,.sp-side--float .sp-card__name{color:var(--text-secondary)}.sp-side--float .sp-card__stats,.sp-side--float .sp-side__disc{color:var(--text-tertiary)}