.color-preview[data-v-4a1b7d89]{display:block;width:100%;height:100%}.demo-card[data-v-325cfc71]{--card-bg: #f6f5f8;--card-ink: #2e3039;--card-muted: #737480;--card-edge: #8c7fba20;--card-spot: #9681ca16;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;position:relative;isolation:isolate;min-width:0;color:var(--card-ink);text-decoration:none;border:1px solid var(--card-edge);border-radius:18px;background:var(--card-bg);box-shadow:0 14px 45px -28px #75669128;transform:perspective(1400px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .45s}.demo-card[data-v-325cfc71]:before,.demo-card[data-v-325cfc71]:after{content:"";position:absolute;pointer-events:none;border-radius:inherit;z-index:3}.demo-card[data-v-325cfc71]:before{top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;background:radial-gradient(420px circle at var(--pointer-x) var(--pointer-y),#b29cdf80,transparent 70%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.demo-card[data-v-325cfc71]:after{top:0;right:0;bottom:0;left:0;background:radial-gradient(420px circle at var(--pointer-x) var(--pointer-y),var(--card-spot),transparent 70%);opacity:0;transition:opacity .4s}.demo-card[data-v-325cfc71]:hover{border-color:#9381b53d;box-shadow:0 24px 70px -35px #6e558b45;transform:perspective(1400px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateY(-4px)}.demo-card[data-v-325cfc71]:hover:before,.demo-card[data-v-325cfc71]:hover:after,.demo-card[data-v-325cfc71]:focus-visible:before{opacity:1}.demo-card[data-v-325cfc71]:focus-visible{outline:2px solid #a89ac6;outline-offset:6px}.demo-stage[data-v-325cfc71]{position:relative;display:grid;align-items:center;min-width:0;padding:22px 20px 0;border-radius:18px 18px 0 0;overflow:hidden}.stage-grid[data-v-325cfc71]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#8673990a 1px,transparent 1px),linear-gradient(90deg,#8673990a 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 70%);mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 70%)}.stage-glow[data-v-325cfc71]{position:absolute;width:60%;height:60%;border-radius:50%;filter:blur(42px);opacity:.24;animation:stage-drift-325cfc71 14s ease-in-out infinite alternate;animation-play-state:paused}.glow-violet[data-v-325cfc71]{top:10%;left:8%;background:#8b7bbd}.glow-peach[data-v-325cfc71]{right:-10%;bottom:5%;background:#e8a083;animation-delay:-7s}.demo-card[data-live=true] .stage-glow[data-v-325cfc71]{animation-play-state:running}.demo-cover[data-v-325cfc71]{position:relative;z-index:1;width:100%;aspect-ratio:1144 / 718;overflow:hidden;border-radius:11px;background:var(--c-bg);box-shadow:0 24px 42px -24px #16111e90,0 0 0 1px #0000000a;transform:rotate(-1deg);transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s}.demo-cover video[data-v-325cfc71]{display:block;width:100%;height:100%;object-fit:cover;background:#080808}.demo-card:hover .demo-cover[data-v-325cfc71]{transform:translateY(-3px) rotate(-.5deg) scale(1.012)}.preview-progress[data-v-325cfc71]{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#7768bb,#64a6b8,#d79778);opacity:.5;transform-origin:left;transition:transform .25s linear}.demo-info[data-v-325cfc71]{display:flex;flex-direction:column;min-width:0;padding:24px 22px 22px}.demo-meta[data-v-325cfc71]{display:flex;align-items:center;gap:10px;margin-bottom:14px;font:9px/1.5 monospace;color:var(--card-muted)}.demo-meta[data-v-325cfc71]>:first-child{opacity:.6}h2[data-v-325cfc71]{margin:0;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.045em}.demo-signature[data-v-325cfc71]{display:flex;align-items:center;height:18px;margin-top:10px}.demo-spectrum[data-v-325cfc71]{display:flex;gap:4px}.demo-spectrum i[data-v-325cfc71]{width:19px;height:3px;border-radius:4px;opacity:.85}.demo-info p[data-v-325cfc71]{margin:18px 0 22px;font-size:13px;line-height:1.8;color:var(--card-muted)}.demo-tags[data-v-325cfc71]{display:flex;flex-wrap:wrap;gap:6px;padding-right:34px;margin-top:auto}.demo-tags span[data-v-325cfc71]{padding:3px 6px;border:1px solid #8b819e16;border-radius:6px;background:#ffffff4d;color:var(--card-muted);font-size:9px;line-height:1.5}.cover-action[data-v-325cfc71]{position:absolute;bottom:22px;right:20px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #968ca32c;color:var(--card-muted);background:#ffffff40;transition:color .3s,background .3s,transform .4s}.demo-card:hover .cover-action[data-v-325cfc71],.demo-card:focus-visible .cover-action[data-v-325cfc71]{color:var(--card-ink);background:#aa96d024;transform:rotate(45deg)}.cover-action>span[data-v-325cfc71]{transition:transform .4s}.demo-card:hover .cover-action>span[data-v-325cfc71],.demo-card:focus-visible .cover-action>span[data-v-325cfc71]{transform:rotate(-45deg) translate(1px,-1px)}html.dark .lab .demo-card{--card-bg: #101014;--card-ink: #e2e1e9;--card-muted: #98959f;--card-edge: #b7a2d218;--card-spot: #bc9ded0d;background:linear-gradient(115deg,#121119,#0d0e12 74%);box-shadow:0 22px 65px -35px #000000a0}html.dark .lab .stage-grid{background-image:linear-gradient(#c4b4e409 1px,transparent 1px),linear-gradient(90deg,#c4b4e409 1px,transparent 1px)}html.dark .lab .stage-glow{opacity:.18}html.dark .lab .demo-cover{box-shadow:0 28px 50px -20px #000000a0,0 0 0 1px #a998c514}html.dark .lab .demo-tags span{background:#ffffff04;border-color:#aa94c51a}html.dark .lab .cover-action{background:#ffffff04;border-color:#b5a0d322}html.dark .lab .demo-card:hover{box-shadow:0 24px 65px -28px #79629d24}@keyframes stage-drift-325cfc71{0%{transform:translate(-6%,-7%) scale(.95)}to{transform:translate(9%,8%) scale(1.1)}}@media (hover: none),(pointer: coarse){.demo-card[data-v-325cfc71]:hover,.demo-card:hover .demo-cover[data-v-325cfc71],.demo-cover[data-v-325cfc71]{transform:none}.demo-card[data-v-325cfc71]:before,.demo-card[data-v-325cfc71]:after{display:none}}@media (prefers-reduced-motion: reduce){.demo-card[data-v-325cfc71],.demo-cover[data-v-325cfc71],.cover-action[data-v-325cfc71],.cover-action>span[data-v-325cfc71],.demo-card[data-v-325cfc71]:before,.demo-card[data-v-325cfc71]:after,.preview-progress[data-v-325cfc71]{transition:none}.stage-glow[data-v-325cfc71]{animation:none}.demo-card[data-v-325cfc71]:hover,.demo-card:hover .demo-cover[data-v-325cfc71],.demo-cover[data-v-325cfc71]{transform:none}}.sound-signature[data-v-c069d830]{display:block;color:#69afa7;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wave-echo[data-v-c069d830]{opacity:.22;stroke-width:1}html.dark .lab .sound-signature{color:#82cebc}.sound-preview[data-v-c069d830]{position:absolute;top:0;right:0;bottom:0;left:0}.lab[data-v-c069d830]{position:relative;min-height:58vh}.lab-grid[data-v-c069d830]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;perspective:1400px}.lab-orbit[data-v-c069d830]{position:relative;width:40px;height:40px;transform:rotate(-24deg)}.orbit-ring[data-v-c069d830]{position:absolute;top:5px;right:1px;bottom:5px;left:1px;border:1px solid #9288bb55;border-radius:50%}.ring-one[data-v-c069d830]{transform:rotate(0) scaleX(.48)}.ring-two[data-v-c069d830]{transform:rotate(60deg) scaleX(.48)}.ring-three[data-v-c069d830]{transform:rotate(120deg) scaleX(.48)}.orbit-core[data-v-c069d830]{position:absolute;width:4px;height:4px;top:18px;left:18px;border-radius:50%;background:#8e81bb;box-shadow:0 0 20px #9d8bd760}html.dark .lab .orbit-ring{border-color:#a59ab94d}@media (max-width: 1439px){.lab-grid[data-v-c069d830]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 999px){.lab-grid[data-v-c069d830]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width: 679px){.lab-grid[data-v-c069d830]{grid-template-columns:minmax(0,1fr)}}