.sp{aspect-ratio:4 / 3;width:100%;border:1px solid var(--color-border);background-color:var(--color-muted)}.sp-tone-calm-soft{background:radial-gradient(circle at 35% 40%,#f4d9c6 0 22%,transparent 23%),linear-gradient(160deg,#e8eef3,#cfd9e6)}.sp-tone-calm-sharp{background:linear-gradient(90deg,transparent 48%,#1a1a1a 48% 52%,transparent 52%),#f2efe8}.sp-tone-kinetic-soft{background:radial-gradient(circle at 30% 60%,#ff8a5c 0 18%,transparent 19%),radial-gradient(circle at 70% 35%,#5cc8ff 0 14%,transparent 15%),#fff4e0}.sp-tone-kinetic-sharp{background:conic-gradient(from 45deg at 50% 50%,#111 0,#111 25%,#e63a2e 0,#e63a2e 50%,#111 0,#111 75%,#f5c400 0)}.sp-tone-era{background:radial-gradient(ellipse at 50% 45%,#c89b5e 0 30%,transparent 60%),linear-gradient(#e9d7b4,#b98d5a)}.sp-3d-render{background:radial-gradient(circle at 40% 38%,#fff 0 4%,#ffb3c7 10%,#e889a8 26%,transparent 27%),radial-gradient(ellipse at 50% 80%,#d9c6f0 0 30%,transparent 31%),#f3ecfb}.sp-aurora-glass{background:linear-gradient(135deg,#fff5 0,#fff5) 30% 40% / 50% 45% no-repeat,radial-gradient(circle at 20% 30%,#7af0d0,transparent 50%),radial-gradient(circle at 80% 70%,#9a7bff,transparent 55%),#1b1d3a}.sp-bauhaus{background:radial-gradient(circle at 30% 35%,#e63a2e 0 18%,transparent 19%),linear-gradient(#1d4fb8,#1d4fb8) 62% 70% / 30% 40% no-repeat,conic-gradient(from 180deg at 70% 30%,#f5c400 0 25%,transparent 0),#f2ebdc}.sp-cel-boil{background:radial-gradient(circle at 50% 50%,transparent 0 24%,#222 25% 27%,#ffd84a 28% 40%,#222 41% 43%,transparent 44%),repeating-linear-gradient(0deg,#fbf6ea 0,#fbf6ea 3px,#f4ecd8 3px,#f4ecd8 4px)}.sp-collage{background:linear-gradient(8deg,transparent 40%,#f2e6c9 41% 70%,transparent 71%),radial-gradient(#0004 1px,transparent 1.5px) 0 0 / 5px 5px,linear-gradient(-6deg,#d23b2b 0,#d23b2b 45%,#1a1a1a 46%)}.sp-flat-vector{background:radial-gradient(circle at 70% 40%,#ffcf5c 0 16%,transparent 17%),linear-gradient(160deg,transparent 55%,#3cc58a 56%),#5b6cff}.sp-hud{background:radial-gradient(circle at 50% 50%,transparent 0 20%,#3ff 21% 22%,transparent 23% 34%,#3ff8 35% 36%,transparent 37%),repeating-linear-gradient(0deg,#0ff1 0 1px,transparent 1px 3px),#04121a}.sp-isometric{background:conic-gradient(from 120deg at 50% 50%,#7fc7ff 0,#7fc7ff 120deg,#4a8fd9 0,#4a8fd9 240deg,#2c5f9e 0) 50% 50% / 46% 50% no-repeat,#eaf2fb}.sp-line-art{background:radial-gradient(circle at 50% 48%,transparent 0 26%,#1a1a1a 27% 28%,transparent 29%),linear-gradient(45deg,transparent 49.3%,#1a1a1a 49.5% 50.5%,transparent 50.7%),#f6f2ea}.sp-liquid{background:radial-gradient(circle at 40% 45%,#ff5c8a 0 20%,transparent 21%),radial-gradient(circle at 58% 55%,#ff5c8a 0 16%,transparent 17%),radial-gradient(circle at 50% 50%,#ff5c8a 0 12%,transparent 13%),#2a0f3a}.sp-morph{background:radial-gradient(circle at 30% 50%,#fff 0 14%,transparent 15%),linear-gradient(#fff,#fff) 65% 50% / 26% 34% no-repeat,#111}.sp-pixel{background:linear-gradient(#5ab552 0,#5ab552 0) 0 80% / 100% 20% no-repeat,linear-gradient(#e43b44 0,#e43b44 0) 40% 65% / 12.5% 16% no-repeat,linear-gradient(90deg,#0002 1px,transparent 1px) 0 0 / 12.5% 100%,linear-gradient(#0002 1px,transparent 1px) 0 0 / 100% 16.6%,#63c6f2}.sp-product-flight{background:linear-gradient(#c8102e 0,#c8102e 0) 50% 24% / 30% 8% no-repeat,linear-gradient(#ffffff38 0,#ffffff38 0) 50% 58% / 26% 40% no-repeat,linear-gradient(#1c1c23 0,#1c1c23 0) 50% 50% / 36% 66% no-repeat,linear-gradient(#f2a23c 0,#f2a23c 0) 50% 50% / 38% 70% no-repeat,radial-gradient(ellipse at 70% 50%,#f2a23c40,transparent 55%),#0b0b0f}.sp-sticker-explainer{background:radial-gradient(circle at 35% 45%,#ffcf5c 0 14%,#fff 15% 18%,transparent 19%),linear-gradient(#fff 0,#fff 0) 62% 55% / 30% 30% no-repeat,#2b6fd6}.sp-synthwave{background:repeating-linear-gradient(0deg,#2b0a3d 0 4%,transparent 4% 8%) 50% 30% / 40% 30% no-repeat,radial-gradient(circle at 50% 55%,#ffd23f,#ff3e9a 30%,transparent 31%),linear-gradient(transparent 60%,#ff2bd6 60% 61%,transparent 61% 72%,#ff2bd6 72% 73%,transparent 73% 86%,#ff2bd6 86% 87%,transparent 87%),linear-gradient(#1a0533,#4b0e5c 60%,#120024 60%)}.sp-variety-show{background:linear-gradient(-4deg,transparent 40%,#ffe600 41% 60%,transparent 61%),radial-gradient(circle at 80% 25%,#ff3d6e 0 12%,transparent 13%),#fff}.sp-finance-chart{background:linear-gradient(#0b6b4a 0,#0b6b4a 0) 20% 100% / 12% 40% no-repeat,linear-gradient(#0b6b4a 0,#0b6b4a 0) 44% 100% / 12% 60% no-repeat,linear-gradient(#e0533d 0,#e0533d 0) 68% 100% / 12% 80% no-repeat,repeating-linear-gradient(#0001 0 1px,transparent 1px 20%),#f7f4ee}.sp-keynote-ui{background:linear-gradient(#2a2a2e 0,#2a2a2e 0) 50% 60% / 64% 56% no-repeat,linear-gradient(#fff 0,#fff 0) 50% 18% / 40% 6% no-repeat,radial-gradient(ellipse at 50% 100%,#3a3a46,#000 70%)}.sp-kinetic-type{background:linear-gradient(#111 0,#111 0) 20% 30% / 60% 14% no-repeat,linear-gradient(#e63a2e 0,#e63a2e 0) 30% 55% / 70% 14% no-repeat,linear-gradient(#111 0,#111 0) 10% 80% / 40% 14% no-repeat,#f4f1ea}.sp-math-explainer{background:radial-gradient(circle at 50% 50%,transparent 0 28%,#58c4dd 29% 30%,transparent 31%),linear-gradient(transparent 49.5%,#fff6 49.5% 50.5%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#fff6 49.5% 50.5%,transparent 50.5%),#1c1c1c}.sp-newsroom-collage{background:linear-gradient(4deg,transparent 30%,#fffdf5 31% 62%,transparent 63%),linear-gradient(-8deg,transparent 50%,#d9cba8 51% 80%,transparent 81%),linear-gradient(#e0372b 0,#e0372b 0) 80% 20% / 20% 10% no-repeat,#2f2d2a}.sp-presenter-explainer{background:radial-gradient(circle at 30% 50%,#fde2c4 0 12%,transparent 13%),linear-gradient(#2f6fdf 0,#2f6fdf 0) 30% 90% / 22% 30% no-repeat,linear-gradient(#fff 0,#fff 0) 72% 45% / 36% 40% no-repeat,#ffd34f}.sp-science-explainer{background:radial-gradient(circle at 50% 50%,#9ff 0 6%,#5ef0ff66 7% 20%,transparent 21%),radial-gradient(circle at 25% 30%,#ffb84d 0 5%,transparent 6%),radial-gradient(circle at 75% 70%,#ff6fb5 0 4%,transparent 5%),#0d1838}.sp-storytime{background:radial-gradient(circle at 40% 45%,#fff 0 16%,#111 17% 18%,transparent 19%),radial-gradient(circle at 36% 42%,#111 0 2%,transparent 2.5%),radial-gradient(circle at 46% 42%,#111 0 2%,transparent 2.5%),#8fd3ff}.sp-whiteboard{background:radial-gradient(circle at 30% 45%,transparent 0 14%,#222 15% 16%,transparent 17%),linear-gradient(10deg,transparent 49%,#222 49.5% 50.5%,transparent 51%) 70% 50% / 40% 30% no-repeat,linear-gradient(transparent 48%,#d33 48% 52%,transparent 52%) 75% 75% / 30% 20% no-repeat,#fbfbf8}.sp-anime-light{background:radial-gradient(ellipse at 70% 80%,#fff 0 18%,transparent 19%),linear-gradient(115deg,transparent 40%,#fff7 41% 44%,transparent 45%),linear-gradient(#2c7be5,#8ec9ff 70%,#ffe1b8)}.sp-chiaroscuro{background:radial-gradient(circle at 45% 45%,#ffd27a 0,#ffd27a 3%,#c47b2e 10%,#3a1e0c,#0b0604 60%)}.sp-comic-pop{background:radial-gradient(#e63a2e 30%,transparent 32%) 0 0 / 8px 8px,linear-gradient(#ffe100,#ffe100);background-blend-mode:multiply;box-shadow:inset 0 0 0 3px #111}.sp-constructivist{background:linear-gradient(30deg,transparent 45%,#111 46% 58%,transparent 59%),conic-gradient(from 200deg at 30% 70%,#d6261e 0 70deg,transparent 0),#efe4cc}.sp-cubist{background:conic-gradient(from 20deg at 40% 45%,#8a6a4a,#c9a77a,#5e6a72,#b88d5d,#3d4a52,#d8c4a0,#8a6a4a)}.sp-cut-paper{background:radial-gradient(ellipse at 30% 40%,#1d4fb8 0 18%,transparent 19%),radial-gradient(ellipse at 70% 60%,#f27b2e 0 20%,transparent 21%),radial-gradient(ellipse at 60% 25%,#2e9e5b 0 10%,transparent 11%),#f7f1e3}.sp-grain-flat-illustration{background:radial-gradient(#0002 .6px,transparent 1px) 0 0 / 3px 3px,radial-gradient(circle at 60% 60%,#f28c6b 0 22%,transparent 23%),linear-gradient(#f8e3c8,#e9c9a6)}.sp-impressionist{background:radial-gradient(ellipse 8px 4px,#f6d6e8 70%,transparent) 0 0 / 14px 10px,radial-gradient(ellipse 6px 3px,#9ed0e6 70%,transparent) 7px 5px / 14px 10px,#b7d9a8}.sp-ink-wash{background:radial-gradient(ellipse at 30% 70%,#222 0 10%,#2228 25%,transparent 45%),radial-gradient(ellipse at 70% 60%,#4448 0 15%,transparent 40%),radial-gradient(circle at 75% 25%,#c0392b 0 5%,transparent 6%),#f3efe6}.sp-mosaic{background:linear-gradient(90deg,#f3ede0 2px,transparent 2px) 0 0 / 10px 10px,linear-gradient(#f3ede0 2px,transparent 2px) 0 0 / 10px 10px,radial-gradient(circle at 50% 50%,#b34a2a 0,#b34a2a 25%,#d9a441 26%,#d9a441 40%,#2f5d7a 41%)}.sp-pointillist{background:radial-gradient(#f4b942 35%,transparent 40%) 0 0 / 6px 6px,radial-gradient(#4d8fd6 35%,transparent 40%) 3px 3px / 6px 6px,#f6efe0}.sp-retro-cgi{background:radial-gradient(circle at 40% 40%,#fff 0 4%,#c0c0c0 10%,#444 28%,transparent 29%),conic-gradient(#111 0,#111 25%,#eee 0,#eee 50%,#111 0,#111 75%,#eee 0) 0 70% / 20% 30%,linear-gradient(#000 0 70%,transparent 70%)}.sp-swirl-brushwork{background:repeating-radial-gradient(circle at 70% 30%,#f6d743 0,#f6d743 3px,#1e3f8f 3px,#1e3f8f 8px,#3a6fc4 8px,#3a6fc4 12px),#1e3f8f}.sp-watercolor-anime{background:radial-gradient(ellipse at 30% 30%,#fffd 0 15%,transparent 30%),radial-gradient(ellipse at 50% 100%,#6fae6a 0 35%,transparent 36%),linear-gradient(#9cd1ef,#e6f4f2)}.sp-cave-painting{background:radial-gradient(ellipse 22% 12% at 45% 55%,#7a2e14 60%,transparent 62%),radial-gradient(circle at 70% 30%,#3b2416 0 4%,transparent 5%),linear-gradient(#c99a62,#8c5e34)}.sp-egyptian-mural{background:linear-gradient(#1f5f8b 0,#1f5f8b 0) 50% 20% / 100% 8% no-repeat,linear-gradient(#c8462b 0,#c8462b 0) 40% 60% / 14% 40% no-repeat,linear-gradient(#e8cf8f,#d9b56a)}.sp-greek-vase{background:radial-gradient(ellipse 30% 42% at 50% 55%,#c9622d 96%,transparent),repeating-linear-gradient(90deg,#111 0,#111 6px,#c9622d 6px,#c9622d 12px) 50% 18% / 60% 6% no-repeat,#111}.sp-illuminated-manuscript{background:linear-gradient(#c9a227 0,#c9a227 0) 18% 22% / 22% 30% no-repeat,repeating-linear-gradient(#0000 0,#0000 8px,#3a2a1a55 8px,#3a2a1a55 9px) 70% 50% / 50% 70% no-repeat,linear-gradient(90deg,#8b1e1e 0,#8b1e1e 4%,#f3e7c9 4%)}.sp-renaissance-sfumato{background:radial-gradient(ellipse 20% 26% at 50% 40%,#d9a77a,#8a5a35 70%,transparent 100%),linear-gradient(#5e6b4a,#2e2a1e)}.sp-art-nouveau{background:radial-gradient(circle at 50% 42%,transparent 0 26%,#b8862b 27% 30%,transparent 31%),radial-gradient(circle at 50% 42%,#e6c7a0 0 26%,transparent 27%),#2f4a3a}.sp-gold-ornamental{background:radial-gradient(circle,#f5d76e 0 25%,transparent 30%) 0 0 / 10px 10px,conic-gradient(#b8860b,#f0c75e,#8b6508,#f0c75e,#b8860b)}.sp-expressionist-scream{background:repeating-radial-gradient(ellipse at 50% 120%,#e8642c 0,#e8642c 6px,#f2a33a 6px,#f2a33a 12px,#2b3f7a 12px,#2b3f7a 18px)}.sp-temple-mural{background:radial-gradient(circle at 50% 40%,#e6c99a 0 14%,#3f7f78 15% 18%,transparent 19%),linear-gradient(#a4472f,#6e2f22)}.sp-polka-infinity{background:radial-gradient(#111 40%,transparent 42%) 0 0 / 12px 12px,#f7d417}.sp-surreal-melt{background:radial-gradient(ellipse 26% 16% at 45% 52%,#e9e2cf 80%,transparent),linear-gradient(transparent 62%,#8a6a3a 62%),linear-gradient(#7fb4d9,#f1d39a)}.sp-hard-light-realism{background:linear-gradient(#f6e8a0 0,#f6e8a0 0) 60% 55% / 46% 30% no-repeat,linear-gradient(#1f3a3a 0,#1f3a3a 0) 60% 55% / 52% 38% no-repeat,linear-gradient(#0e1a24,#24414a)}.sp-space-comic{background:radial-gradient(circle,#ffd400 0 18%,transparent 19%) 0 0 / 22px 22px,radial-gradient(circle at 55% 50%,#e83a8b 0 22%,transparent 23%),#1b1464}.sp-water-lily{background:radial-gradient(ellipse 14% 8% at 30% 60%,#f3b6c8 60%,transparent),radial-gradient(ellipse 18% 9% at 65% 40%,#7aa86a 60%,transparent),linear-gradient(#5b8fa8,#2f5d6e)}.sp-street-line-art{background:radial-gradient(circle at 50% 35%,#111 0 10%,transparent 11%),linear-gradient(#111 0,#111 0) 50% 70% / 8% 34% no-repeat,linear-gradient(60deg,transparent 47%,#111 47% 53%,transparent 53%),#ff4f3a}.sp-rubber-hose{background:radial-gradient(circle at 42% 40%,#111 0 16%,transparent 17%),radial-gradient(circle at 58% 40%,#111 0 16%,transparent 17%),radial-gradient(ellipse 14% 10% at 50% 62%,#f3d3b0 70%,transparent),#ece2c6}.sp-shadow-puppet{background:radial-gradient(ellipse 12% 30% at 40% 55%,#6b1d12 70%,transparent),radial-gradient(ellipse 12% 30% at 62% 55%,#3a4a1c 70%,transparent),radial-gradient(circle at 50% 45%,#fff3c4,#e8a84a 70%)}.sp-blue-period{background:radial-gradient(ellipse 18% 30% at 45% 55%,#2c4a7a 80%,transparent),linear-gradient(#5a7fb0,#142846)}@media(prefers-reduced-motion:no-preference){.sp{transition:transform .2s ease}.sp:hover{transform:scale(1.03)}}