.InstantPreview-Layout[data-v-b8b7c397]{display:flex;flex-direction:column;gap:clamp(3rem,6.5vh,4.75rem);align-items:stretch;width:100%;height:100%;min-height:clamp(900px,110vh,1180px);box-sizing:border-box}.InstantPreview-Stage[data-v-b8b7c397]{position:relative;width:100%;flex:1;min-height:clamp(1060px,105vh,1120px);border:none;background:transparent;isolation:isolate;overflow:hidden;--instant-preview-stage-scale: .9;--instant-preview-right-top: 1%;--instant-preview-right-gap: .5%;--instant-preview-card-block: clamp(300px, 28vh, 320px)}.InstantPreview-SectionBackdrop[data-v-b8b7c397]{position:absolute;inset:0;background:radial-gradient(120% 120% at 0 0,#3b82f624,#000000b3 55%),radial-gradient(120% 120% at 100% 100%,#0ea5e92e,#000000f2 65%);opacity:.85;filter:blur(.3px)}.InstantPreview-Glow[data-v-b8b7c397]{position:absolute;inset:0;background:radial-gradient(50% 50% at 50% 30%,hsla(0,0%,100%,.08),transparent 70%);pointer-events:none}.InstantPreview-Stage .InstantPreview-FloatLayer[data-v-b8b7c397]{position:absolute;inset:0;width:auto;height:auto;transform:scale(var(--instant-preview-stage-scale));transform-origin:center}.InstantPreview-CardSlot[data-v-b8b7c397]{position:absolute;width:27vw;min-width:220px}.InstantPreview-CardSlot.is-expression[data-v-b8b7c397]{top:4%;left:18%}.InstantPreview-CardSlot.is-unit[data-v-b8b7c397]{top:var(--instant-preview-right-top);right:18%}.InstantPreview-CardSlot.is-time[data-v-b8b7c397]{top:30%;left:6%}.InstantPreview-CardSlot.is-color[data-v-b8b7c397]{top:calc(var(--instant-preview-right-top) + (var(--instant-preview-card-block) + var(--instant-preview-right-gap))*2);right:18%}.InstantPreview-CardSlot.is-currency[data-v-b8b7c397]{top:calc(var(--instant-preview-right-top) + var(--instant-preview-card-block) + var(--instant-preview-right-gap));right:6%}.InstantPreview-CardSlot.is-constant[data-v-b8b7c397]{top:56%;left:18%}@media(min-width:1600px){.InstantPreview-CardSlot[data-v-b8b7c397]{width:27vw;min-width:250px}.InstantPreview-CardSlot.is-expression[data-v-b8b7c397]{top:2%;left:18%}.InstantPreview-CardSlot.is-unit[data-v-b8b7c397]{top:var(--instant-preview-right-top);right:18%}.InstantPreview-CardSlot.is-currency[data-v-b8b7c397]{top:calc(var(--instant-preview-right-top) + var(--instant-preview-card-block) + var(--instant-preview-right-gap));right:6%}.InstantPreview-CardSlot.is-time[data-v-b8b7c397]{top:28%;left:6%}.InstantPreview-CardSlot.is-color[data-v-b8b7c397]{top:calc(var(--instant-preview-right-top) + (var(--instant-preview-card-block) + var(--instant-preview-right-gap))*2);right:18%}.InstantPreview-CardSlot.is-constant[data-v-b8b7c397]{top:54%;left:18%}}@media(max-width:1200px){.InstantPreview-Layout[data-v-b8b7c397]{min-height:clamp(900px,110vh,1180px)}.InstantPreview-CardSlot[data-v-b8b7c397]{width:27vw;min-width:200px}.InstantPreview-CardSlot.is-expression[data-v-b8b7c397]{top:4%;left:16%}.InstantPreview-CardSlot.is-unit[data-v-b8b7c397]{top:var(--instant-preview-right-top);right:16%}.InstantPreview-CardSlot.is-currency[data-v-b8b7c397]{top:calc(var(--instant-preview-right-top) + var(--instant-preview-card-block) + var(--instant-preview-right-gap));right:8%}.InstantPreview-CardSlot.is-time[data-v-b8b7c397]{top:30%;left:8%}.InstantPreview-CardSlot.is-color[data-v-b8b7c397]{top:calc(var(--instant-preview-right-top) + (var(--instant-preview-card-block) + var(--instant-preview-right-gap))*2);right:16%}.InstantPreview-CardSlot.is-constant[data-v-b8b7c397]{top:56%;left:16%}}.InstantPreview-CardInput[data-v-b8b7c397]{font-size:.75rem;color:#ffffffa6;font-family:JetBrains Mono,ui-monospace,monospace;padding:.4rem .6rem;border-radius:8px;background:#ffffff0a;margin-bottom:.75rem}.InstantPreview-Highlights[data-v-b8b7c397]{display:flex;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap;justify-content:space-between;width:100%}.InstantPreview-HighlightCard[data-v-b8b7c397]{display:flex;gap:1rem;padding:.95rem 1.15rem;min-width:220px;flex:1 1 calc(25% - 1rem);border-radius:18px;border:1px solid hsla(0,0%,100%,.12);background:#0a0a0f99;box-shadow:0 12px 30px #00000059}@media(max-width:1200px){.InstantPreview-HighlightCard[data-v-b8b7c397]{flex:1 1 calc(50% - 1rem)}}@media(max-width:720px){.InstantPreview-Layout[data-v-b8b7c397]{min-height:auto;padding:1.5rem 1rem 2rem}.InstantPreview-SectionBackdrop[data-v-b8b7c397]{inset:4vh 4vw 8vh}.InstantPreview-HighlightCard[data-v-b8b7c397]{flex:1 1 100%}}.InstantPreview-HighlightIcon[data-v-b8b7c397]{font-size:20px;color:#ffffffd9}.InstantPreview-HighlightTitle[data-v-b8b7c397]{margin:0;font-size:.95rem;font-weight:600;color:#ffffffeb}.InstantPreview-HighlightDesc[data-v-b8b7c397]{margin:.35rem 0 0;font-size:.78rem;color:#ffffff9e;line-height:1.5}.ai-preview-demo__card[data-v-b8b7c397]{width:100%;min-height:260px;padding:1.25rem;background:#1e1e23f2;border:1px solid hsla(0,0%,100%,.08);border-radius:25px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #00000080;display:flex;flex-direction:column}@property --instant-preview-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.ai-preview-demo__card[data-v-b8b7c397]:before{content:"";position:absolute;inset:0;border-radius:25px;padding:2px;background:linear-gradient(var(--instant-preview-angle),#0894ff 0,#c959dd 34%,#ff2e54 68%,#ff9004 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;filter:blur(3px);pointer-events:none;animation:instant-preview-rotate-angle-b8b7c397 4s linear infinite}@keyframes instant-preview-rotate-angle-b8b7c397{0%{--instant-preview-angle: 0deg}to{--instant-preview-angle: 360deg}}.ai-preview-demo__card-header[data-v-b8b7c397]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:12px;color:#a3a6ad}.ai-preview-demo__card-head-left[data-v-b8b7c397]{display:flex;align-items:center;gap:8px}.ai-preview-demo__card-badge[data-v-b8b7c397]{display:flex;align-items:center;padding:2px 8px;border-radius:999px;background:#18222c;color:#409eff}.ai-preview-demo__card-ability[data-v-b8b7c397]{font-size:12px;font-family:JetBrains Mono,ui-monospace,monospace;opacity:.35}.ai-preview-demo__card-body[data-v-b8b7c397]{flex:1;margin-bottom:.75rem}.ai-preview-demo__card-result[data-v-b8b7c397]{font-size:2.2rem;font-weight:700;color:#fff;line-height:1.1;margin-bottom:.5rem;letter-spacing:-.02em}.ai-preview-demo__card-extra[data-v-b8b7c397]{font-size:.85rem;color:#ffffff80;line-height:1.4}.ai-preview-demo__color-preview[data-v-b8b7c397]{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ai-preview-demo__color-swatch[data-v-b8b7c397]{width:56px;height:56px;border-radius:12px;box-shadow:0 4px 12px #0000004d}.ai-preview-demo__color-value[data-v-b8b7c397]{font-size:1.6rem;font-weight:700;color:#fff;font-family:JetBrains Mono,ui-monospace,monospace}.ai-preview-demo__card-details[data-v-b8b7c397]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-top:.75rem;border-top:1px solid hsla(0,0%,100%,.06)}.ai-preview-demo__card-detail-item[data-v-b8b7c397]{display:flex;justify-content:space-between;font-size:.78rem}.ai-preview-demo__card-detail-label[data-v-b8b7c397]{color:#ffffff59;font-weight:500}.ai-preview-demo__card-detail-value[data-v-b8b7c397]{color:#fffc;font-family:JetBrains Mono,ui-monospace,monospace}.ai-preview-demo__card-hint[data-v-b8b7c397]{display:flex;align-items:center;gap:4px;border:none;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.ai-preview-demo__card-hint-key[data-v-b8b7c397]{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:6px;background:#303030;font-size:11px;font-weight:500;color:#e5eaf3}.ai-preview-demo__card-powered[data-v-b8b7c397]{position:absolute;right:.75rem;bottom:.75rem;font-size:10px;color:#fff3}@media(max-width:1140px){.InstantPreview-Layout[data-v-b8b7c397]{min-height:auto}.InstantPreview-Stage[data-v-b8b7c397]{height:auto;min-height:auto;padding:24px;--instant-preview-stage-scale: 1}.InstantPreview-FloatLayer[data-v-b8b7c397]{position:static!important;height:auto!important;display:grid!important;gap:16px}.InstantPreview-CardSlot[data-v-b8b7c397]{position:relative!important;inset:auto!important;width:100%;transform:none!important}}@media(prefers-reduced-motion:reduce){[data-v-b8b7c397]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ai-preview-demo__card[data-v-b8b7c397]:before{animation:none}}