.modal.spnl-dialog{width:min(960px,calc(100vw - 24px));padding:0}.spnl-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--density, 1));padding:calc(8px * var(--density, 1)) var(--space-panel);min-height:calc(40px * var(--density, 1));border-bottom:1px solid var(--line);background:var(--panel)}.spnl-head h2{margin:0;font:var(--type-card-title)}.spnl-body{display:grid;grid-gap:var(--space-panel);gap:var(--space-panel);padding:var(--space-panel)}.spnl-stage{display:flex;justify-content:center;min-width:0}.spnl-scale{overflow:hidden;border:1px solid var(--line);border-radius:8px}.spnl-controls{display:grid;grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1));min-width:0}.spnl-control{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6px * var(--density, 1)) calc(12px * var(--density, 1))}.spnl-control-label{min-width:88px;font:var(--type-label);color:var(--muted)}.spnl-options{display:flex;flex-wrap:wrap;gap:calc(6px * var(--density, 1));min-width:0}.spnl-swatch-art{width:16px;height:16px;border:1px solid var(--line);border-radius:4px;flex-shrink:0}.spnl-actions{display:flex;flex-wrap:wrap;gap:calc(8px * var(--density, 1))}.spnl-status{margin:0;min-height:calc(18px * var(--density, 1));font:var(--type-caption);color:var(--muted)}.spnl-status.negative{color:var(--negative)}@media (max-width:520px){.spnl-actions .button{flex:1 1 100%}}.spnl-card{position:relative;overflow:hidden;box-sizing:border-box;background:var(--canvas);color:var(--text);font-family:var(--font-body);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;--spnl-tone:var(--positive);--spnl-sep:color-mix(in srgb,var(--text) 10%,transparent)}.spnl-card[data-tone=negative]{--spnl-tone:var(--negative)}.spnl-card[data-tone=flat]{--spnl-tone:var(--muted)}.spnl-card.landscape{width:1200px;height:630px}.spnl-card.square{width:1080px;height:1080px}.spnl-card.portrait{width:1080px;height:1920px}.spnl-card{--u:1px;--spnl-orange:color-mix(in srgb,var(--caution) 55%,var(--negative))}.spnl-swatch-art,.spnl-thumb-art{--u:.08px;--spnl-tone:var(--positive);--spnl-orange:color-mix(in srgb,var(--caution) 55%,var(--negative))}.spnl-swatch-art{--u:.03px}:is(.spnl-card,.spnl-thumb-art,.spnl-swatch-art)[data-bg=bold]{background:radial-gradient(ellipse at 92% 8%,color-mix(in srgb,var(--art-violet) 30%,transparent),transparent 55%),linear-gradient(160deg,var(--canvas) 30%,color-mix(in srgb,var(--art-violet) 22%,var(--canvas)) 100%)}:is(.spnl-card,.spnl-thumb-art,.spnl-swatch-art)[data-bg=neon]{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--art-cyan) 34%,transparent),transparent 42%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--art-magenta) 34%,transparent),transparent 42%),linear-gradient(90deg,color-mix(in srgb,var(--art-cyan) 70%,transparent),transparent 30%,transparent 70%,color-mix(in srgb,var(--art-magenta) 70%,transparent)) top /100% calc(var(--u) * 4) no-repeat,linear-gradient(90deg,color-mix(in srgb,var(--art-cyan) 70%,transparent),transparent 30%,transparent 70%,color-mix(in srgb,var(--art-magenta) 70%,transparent)) bottom /100% calc(var(--u) * 4) no-repeat,var(--canvas)}:is(.spnl-card,.spnl-thumb-art,.spnl-swatch-art)[data-bg=glass]{background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--spnl-tone) 34%,transparent),transparent 40%),radial-gradient(circle at 18% 88%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 46%),radial-gradient(circle at 52% 60%,color-mix(in srgb,var(--control) 60%,transparent),transparent 55%),var(--canvas)}:is(.spnl-card,.spnl-thumb-art,.spnl-swatch-art)[data-bg=minimal]{--grain-light:color-mix(in srgb,var(--text) 4%,transparent);--grain-dark:color-mix(in srgb,var(--canvas) 14%,transparent);background:radial-gradient(circle at 30% 40%,var(--grain-light) 0 max(calc(var(--u) * .7),.3px),transparent max(calc(var(--u) * 1),.4px)) 0 0 /calc(var(--u) * 3) calc(var(--u) * 3),radial-gradient(circle at 70% 20%,var(--grain-dark) 0 max(calc(var(--u) * .7),.3px),transparent max(calc(var(--u) * 1),.4px)) 0 0 /calc(var(--u) * 5) calc(var(--u) * 5),radial-gradient(circle at 20% 80%,var(--grain-light) 0 max(calc(var(--u) * .6),.3px),transparent max(calc(var(--u) * .9),.4px)) 0 0 /calc(var(--u) * 7) calc(var(--u) * 7),radial-gradient(circle at 60% 60%,var(--grain-dark) 0 max(calc(var(--u) * .6),.3px),transparent max(calc(var(--u) * .9),.4px)) 0 0 /calc(var(--u) * 11) calc(var(--u) * 11),radial-gradient(circle at 50% 10%,var(--grain-light) 0 max(calc(var(--u) * .8),.3px),transparent max(calc(var(--u) * 1.1),.4px)) 0 0 /calc(var(--u) * 13) calc(var(--u) * 13),var(--raised)}.spnl-card[data-backdrop=art],.spnl-card[data-backdrop=upload]{background:var(--canvas)}.spnl-bg{position:absolute;inset:-80px;background-position:50%;background-size:cover;filter:blur(40px) saturate(1.15)}.spnl-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--canvas) 34%,transparent)}.spnl-bg.art{inset:0;filter:none}.spnl-bg.art+.spnl-scrim{background:linear-gradient(90deg,color-mix(in srgb,var(--canvas) 78%,transparent) 0,color-mix(in srgb,var(--canvas) 45%,transparent) 45%,color-mix(in srgb,var(--canvas) 8%,transparent) 75%,transparent 100%),linear-gradient(0deg,color-mix(in srgb,var(--canvas) 60%,transparent) 0,transparent 35%)}.portrait .spnl-bg.art+.spnl-scrim,.square .spnl-bg.art+.spnl-scrim{background:linear-gradient(0deg,color-mix(in srgb,var(--canvas) 85%,transparent) 0,color-mix(in srgb,var(--canvas) 55%,transparent) 45%,color-mix(in srgb,var(--canvas) 30%,transparent) 100%)}.spnl-watermark{position:absolute;right:-16px;bottom:-24px;color:var(--text);opacity:.07}.square .spnl-watermark{right:-18px;bottom:-28px}.portrait .spnl-watermark{right:-20px;bottom:-32px}.spnl-content{position:absolute;inset:0;display:flex;flex-direction:column;gap:calc(28px * var(--density, 1));padding:calc(52px * var(--density, 1)) calc(60px * var(--density, 1)) calc(44px * var(--density, 1))}.square .spnl-content{gap:calc(40px * var(--density, 1));padding:calc(72px * var(--density, 1))}.portrait .spnl-content{gap:calc(56px * var(--density, 1));padding:calc(104px * var(--density, 1)) calc(88px * var(--density, 1)) calc(88px * var(--density, 1))}.spnl-card[data-backdrop=upload] .spnl-content,.spnl-card[data-bg=glass] .spnl-content,.spnl-card[data-theme=glass] .spnl-content{inset:24px;padding:calc(28px * var(--density, 1)) calc(36px * var(--density, 1)) calc(20px * var(--density, 1));border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:28px;background:linear-gradient(160deg,color-mix(in srgb,var(--text) 9%,transparent),color-mix(in srgb,var(--text) 2%,transparent) 60%),color-mix(in srgb,var(--canvas) 48%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 14%,transparent)}.square[data-backdrop=upload] .spnl-content,.square[data-bg=glass] .spnl-content,.square[data-theme=glass] .spnl-content{inset:32px;padding:calc(40px * var(--density, 1));border-radius:36px}.portrait[data-backdrop=upload] .spnl-content,.portrait[data-bg=glass] .spnl-content,.portrait[data-theme=glass] .spnl-content{inset:40px;padding:calc(64px * var(--density, 1)) calc(48px * var(--density, 1)) calc(48px * var(--density, 1));border-radius:44px}.spnl-kind{font-size:calc(15px * var(--density, 1));font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.square .spnl-kind{font-size:calc(18px * var(--density, 1))}.portrait .spnl-kind{font-size:calc(22px * var(--density, 1))}.spnl-main{display:grid;grid-gap:28px;grid-gap:calc(28px * var(--density, 1));gap:calc(28px * var(--density, 1))}.square .spnl-main{gap:calc(40px * var(--density, 1))}.portrait .spnl-main{display:flex;flex-direction:column;gap:calc(64px * var(--density, 1))}.portrait .spnl-spark{order:1}.portrait .spnl-hero{order:2}.spnl-identity{display:flex;align-items:center;gap:calc(18px * var(--density, 1));min-width:0}.spnl-identity>div{display:grid;grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1));min-width:0}.spnl-identity strong{overflow:hidden;font-size:calc(34px * var(--density, 1));font-weight:800;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;max-width:820px}.square .spnl-identity strong{font-size:calc(40px * var(--density, 1))}.portrait .spnl-identity strong{font-size:calc(56px * var(--density, 1));max-width:760px}.spnl-identity>div>span{font-family:var(--font-mono);font-size:calc(22px * var(--density, 1));line-height:1.2;color:var(--muted)}.portrait .spnl-identity>div>span{font-size:calc(30px * var(--density, 1))}.spnl-logo{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;width:72px;height:72px;flex-shrink:0;border-radius:50%;background:var(--raised)}.square .spnl-identity .spnl-logo{width:80px;height:80px}.portrait .spnl-identity .spnl-logo{width:120px;height:120px}.spnl-logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spnl-initials{font-family:var(--font-mono);font-size:calc(28px * var(--density, 1));font-weight:600;color:var(--muted)}.portrait .spnl-identity .spnl-initials{font-size:calc(44px * var(--density, 1))}.spnl-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(8px * var(--density, 1)) calc(24px * var(--density, 1))}.spnl-label{flex-basis:100%;font-size:calc(18px * var(--density, 1));font-weight:600;line-height:1.2;color:var(--muted)}.square .spnl-hero .spnl-label{font-size:calc(20px * var(--density, 1))}.portrait .spnl-hero .spnl-label{font-size:calc(28px * var(--density, 1))}.spnl-pct{font-family:var(--font-mono);font-size:calc(100px * var(--density, 1));font-weight:600;line-height:1;letter-spacing:-.03em}.square .spnl-pct{font-size:calc(132px * var(--density, 1))}.portrait .spnl-pct{font-size:calc(184px * var(--density, 1))}.spnl-usd{font-family:var(--font-mono);font-size:calc(36px * var(--density, 1));font-weight:500;line-height:1.1}.square .spnl-usd{font-size:calc(44px * var(--density, 1))}.portrait .spnl-usd{flex-basis:100%;font-size:calc(60px * var(--density, 1))}.spnl-card .positive{color:var(--positive)}.spnl-card .negative{color:var(--negative)}.spnl-card .flat{color:var(--text)}.spnl-tags{display:flex;gap:calc(8px * var(--density, 1))}.spnl-tag{padding:calc(3px * var(--density, 1)) calc(12px * var(--density, 1));border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);font-family:var(--font-body);font-size:calc(18px * var(--density, 1));font-weight:600;line-height:1.2;color:var(--muted)}.portrait .spnl-tag{font-size:calc(26px * var(--density, 1));padding:calc(4px * var(--density, 1)) calc(16px * var(--density, 1))}.spnl-tag.positive{background:var(--positive-soft)}.spnl-tag.negative{background:var(--negative-soft)}.spnl-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-row-gap:28px;grid-row-gap:calc(28px * var(--density, 1));row-gap:calc(28px * var(--density, 1));margin:0;padding-top:calc(24px * var(--density, 1));border-top:1px solid var(--spnl-sep)}.spnl-stats>div{display:grid;grid-gap:6px;grid-gap:calc(6px * var(--density, 1));gap:calc(6px * var(--density, 1));min-width:0;padding:0 calc(20px * var(--density, 1));border-left:1px solid var(--spnl-sep)}.spnl-stats>div:first-child{padding-left:0;border-left:0}.portrait .spnl-stats,.square .spnl-stats{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.portrait .spnl-stats,.square .spnl-stats[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait .spnl-stats{row-gap:calc(40px * var(--density, 1));padding-top:calc(40px * var(--density, 1))}.portrait .spnl-stats>div:nth-child(odd),.square .spnl-stats>div:nth-child(3n+1),.square .spnl-stats[data-count="4"]>div:nth-child(odd){padding-left:0;border-left:0}.square .spnl-stats[data-count="4"]>div:nth-child(3n+1):not(:nth-child(odd)){padding-left:calc(20px * var(--density, 1));border-left:1px solid var(--spnl-sep)}.spnl-stats dt{font-size:calc(15px * var(--density, 1));font-weight:600;line-height:1.2;color:var(--muted)}.square .spnl-stats dt{font-size:calc(18px * var(--density, 1))}.portrait .spnl-stats dt{font-size:calc(24px * var(--density, 1))}.spnl-stats dd{overflow:hidden;margin:0;font-family:var(--font-mono);font-size:calc(22px * var(--density, 1));font-weight:500;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.square .spnl-stats dd{font-size:calc(30px * var(--density, 1))}.portrait .spnl-stats dd{font-size:calc(40px * var(--density, 1))}.spnl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;grid-gap:calc(24px * var(--density, 1));gap:calc(24px * var(--density, 1));padding-top:calc(24px * var(--density, 1));border-top:1px solid var(--spnl-sep)}.portrait .spnl-split,.square .spnl-split{grid-template-columns:minmax(0,1fr);gap:calc(32px * var(--density, 1))}.spnl-split .spnl-stats{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;padding-top:0;border-top:0}.spnl-split .spnl-stats>div:nth-child(3n+1){padding-left:0;border-left:0}.spnl-split .spnl-stats>div:not(:nth-child(3n+1)){padding-left:calc(20px * var(--density, 1));border-left:1px solid var(--spnl-sep)}.spnl-winners{display:grid;align-content:start;grid-gap:10px;grid-gap:calc(10px * var(--density, 1));gap:calc(10px * var(--density, 1));padding-left:calc(24px * var(--density, 1));border-left:1px solid var(--spnl-sep)}.portrait .spnl-winners,.square .spnl-winners{padding:calc(32px * var(--density, 1)) 0 0;border-left:0;border-top:1px solid var(--spnl-sep)}.spnl-winners .spnl-label{font-size:calc(15px * var(--density, 1))}.square .spnl-winners .spnl-label{font-size:calc(18px * var(--density, 1))}.portrait .spnl-winners .spnl-label{font-size:calc(24px * var(--density, 1))}.spnl-winners ol{display:grid;grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1));margin:0;padding:0;list-style:none}.portrait .spnl-winners ol{gap:calc(16px * var(--density, 1))}.spnl-winners li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;grid-gap:12px;grid-gap:calc(12px * var(--density, 1));gap:calc(12px * var(--density, 1))}.portrait .spnl-winners li{grid-template-columns:48px minmax(0,1fr) auto;gap:calc(16px * var(--density, 1))}.spnl-winners .spnl-logo{width:32px;height:32px}.portrait .spnl-winners .spnl-logo{width:48px;height:48px}.spnl-winners .spnl-initials{font-size:calc(12px * var(--density, 1))}.portrait .spnl-winners .spnl-initials{font-size:calc(18px * var(--density, 1))}.spnl-winner-pnl,.spnl-winner-symbol{overflow:hidden;font-family:var(--font-mono);font-size:calc(22px * var(--density, 1));line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.portrait .spnl-winner-pnl,.portrait .spnl-winner-symbol{font-size:calc(34px * var(--density, 1))}.spnl-empty{font-size:calc(20px * var(--density, 1));color:var(--muted)}.spnl-foot{display:flex;align-items:center;gap:calc(20px * var(--density, 1));margin-top:auto;padding-right:calc(48px * var(--density, 1));color:var(--text)}.square .spnl-foot{padding-right:calc(64px * var(--density, 1))}.portrait .spnl-foot{padding-right:calc(72px * var(--density, 1))}.spnl-note{flex:1 1;min-width:0;font-size:calc(14px * var(--density, 1));line-height:1.35;color:var(--faint)}.square .spnl-note{font-size:calc(16px * var(--density, 1))}.portrait .spnl-note{font-size:calc(20px * var(--density, 1))}.spnl-url{font-family:var(--font-mono);font-size:calc(22px * var(--density, 1));font-weight:600;color:var(--text)}.square .spnl-url{font-size:calc(26px * var(--density, 1))}.portrait .spnl-url{font-size:calc(30px * var(--density, 1))}.spnl-sticker{position:absolute;top:28px;right:44px;z-index:1;display:flex;align-items:center;justify-content:center;width:132px;height:132px;transform:rotate(8deg);filter:drop-shadow(0 12px 24px color-mix(in srgb,var(--canvas) 70%,transparent))}.square .spnl-sticker{top:44px;right:56px;width:180px;height:180px}.portrait .spnl-sticker{top:72px;right:72px;width:240px;height:240px}.spnl-sticker svg{width:100%;height:100%;color:var(--text)}.has-sticker .spnl-identity strong{max-width:640px}.square.has-sticker .spnl-identity strong{max-width:580px}.portrait.has-sticker .spnl-identity strong{max-width:520px}.landscape .spnl-main.has-spark{grid-template-columns:minmax(0,1fr) 420px;align-items:end}.landscape .spnl-main.has-spark .spnl-identity{grid-column:1/-1}.spnl-spark{display:grid;grid-gap:10px;grid-gap:calc(10px * var(--density, 1));gap:calc(10px * var(--density, 1));margin:0;min-width:0}.spnl-spark-plot{position:relative;width:420px;height:150px;color:var(--spnl-tone)}.square .spnl-spark-plot{width:100%;height:160px}.portrait .spnl-spark-plot{width:100%;height:520px}.spnl-spark-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--spnl-tone)}.spnl-spark figcaption{font-size:calc(15px * var(--density, 1));font-weight:600;line-height:1.2;color:var(--muted);text-align:right}.portrait .spnl-spark figcaption,.square .spnl-spark figcaption{font-size:calc(20px * var(--density, 1));text-align:left}.spnl-card[data-theme=minimal] .spnl-pct{font-weight:500}.spnl-card[data-theme=minimal] .spnl-spark-fill{display:none}.spnl-card[data-theme=neon] .spnl-pct{text-shadow:0 0 24px color-mix(in srgb,var(--spnl-tone) 60%,transparent),0 0 64px color-mix(in srgb,var(--spnl-tone) 30%,transparent)}.spnl-card[data-theme=neon] .spnl-kind,.spnl-card[data-theme=neon] .spnl-url{color:var(--spnl-tone)}.spnl-card[data-theme=neon]{--spnl-sep:color-mix(in srgb,var(--spnl-tone) 22%,transparent)}.spnl-card[data-theme=neon] .spnl-spark-stroke{filter:drop-shadow(0 0 8px var(--spnl-tone))}.spnl-card[data-theme=neon] .spnl-logo{box-shadow:0 0 24px color-mix(in srgb,var(--spnl-tone) 45%,transparent)}.spnl-thumbs{display:flex;flex-wrap:wrap;gap:calc(8px * var(--density, 1));min-width:0}.spnl-thumb{display:grid;justify-items:center;grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1));width:72px;padding:calc(4px * var(--density, 1)) calc(4px * var(--density, 1)) calc(6px * var(--density, 1));border:1px solid var(--line);border-radius:8px;background:var(--panel);font:var(--type-caption);color:var(--muted);cursor:pointer}.spnl-thumb:hover{border-color:var(--muted);color:var(--text)}.spnl-thumb.selected{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.spnl-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spnl-thumb-art{display:flex;align-items:center;justify-content:center;overflow:hidden;width:62px;height:44px;border-radius:6px;background:var(--base);color:var(--muted)}.spnl-thumb-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spnl-thumb-art.sticker svg{width:36px;height:36px;color:var(--text)}@media (max-width:520px){.spnl-thumb{width:64px}.spnl-thumb-art{width:54px;height:40px}}