.InstantPreview-Layout[data-v-97dbd152]{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(3rem,6.5vh,4.75rem);height:100%;min-height:clamp(900px,110vh,1180px);width:100%}.InstantPreview-Stage[data-v-97dbd152]{background:transparent;border:none;flex:1;isolation:isolate;min-height:clamp(860px,105vh,1120px);overflow:hidden;position:relative;width:100%;--instant-preview-card-scale:1;--instant-preview-right-top:1%;--instant-preview-right-gap:.5%;--instant-preview-card-block:clamp(240px,28vh,320px)}.InstantPreview-SectionBackdrop[data-v-97dbd152]{background:radial-gradient(120% 120% at 0 0,#3b82f624,#000000b3 55%),radial-gradient(120% 120% at 100% 100%,#0ea5e92e,#000000f2 65%);filter:blur(.3px);inset:0;opacity:.85;position:absolute}.InstantPreview-Glow[data-v-97dbd152]{background:radial-gradient(50% 50% at 50% 30%,hsla(0,0%,100%,.08),transparent 70%);pointer-events:none}.InstantPreview-FloatLayer[data-v-97dbd152],.InstantPreview-Glow[data-v-97dbd152]{inset:0;position:absolute}.InstantPreview-CardSlot[data-v-97dbd152]{min-width:220px;position:absolute;width:27vw}.InstantPreview-CardSlot.is-expression[data-v-97dbd152]{left:18%;top:4%}.InstantPreview-CardSlot.is-unit[data-v-97dbd152]{right:18%;top:var(--instant-preview-right-top)}.InstantPreview-CardSlot.is-time[data-v-97dbd152]{left:6%;top:30%}.InstantPreview-CardSlot.is-color[data-v-97dbd152]{right:18%;top:calc(var(--instant-preview-right-top) + (var(--instant-preview-card-block) + var(--instant-preview-right-gap))*2)}.InstantPreview-CardSlot.is-currency[data-v-97dbd152]{right:6%;top:calc(var(--instant-preview-right-top) + var(--instant-preview-card-block) + var(--instant-preview-right-gap))}.InstantPreview-CardSlot.is-constant[data-v-97dbd152]{left:18%;top:56%}@media(min-width:1600px){.InstantPreview-CardSlot[data-v-97dbd152]{min-width:250px;width:27vw}.InstantPreview-CardSlot.is-expression[data-v-97dbd152]{left:18%;top:2%}.InstantPreview-CardSlot.is-unit[data-v-97dbd152]{right:18%;top:var(--instant-preview-right-top)}.InstantPreview-CardSlot.is-currency[data-v-97dbd152]{right:6%;top:calc(var(--instant-preview-right-top) + var(--instant-preview-card-block) + var(--instant-preview-right-gap))}.InstantPreview-CardSlot.is-time[data-v-97dbd152]{left:6%;top:28%}.InstantPreview-CardSlot.is-color[data-v-97dbd152]{right:18%;top:calc(var(--instant-preview-right-top) + (var(--instant-preview-card-block) + var(--instant-preview-right-gap))*2)}.InstantPreview-CardSlot.is-constant[data-v-97dbd152]{left:18%;top:54%}}@media(max-width:1200px){.InstantPreview-Layout[data-v-97dbd152]{min-height:clamp(900px,110vh,1180px)}.InstantPreview-CardSlot[data-v-97dbd152]{min-width:200px;width:27vw}.InstantPreview-CardSlot.is-expression[data-v-97dbd152]{left:16%;top:4%}.InstantPreview-CardSlot.is-unit[data-v-97dbd152]{right:16%;top:var(--instant-preview-right-top)}.InstantPreview-CardSlot.is-currency[data-v-97dbd152]{right:8%;top:calc(var(--instant-preview-right-top) + var(--instant-preview-card-block) + var(--instant-preview-right-gap))}.InstantPreview-CardSlot.is-time[data-v-97dbd152]{left:8%;top:30%}.InstantPreview-CardSlot.is-color[data-v-97dbd152]{right:16%;top:calc(var(--instant-preview-right-top) + (var(--instant-preview-card-block) + var(--instant-preview-right-gap))*2)}.InstantPreview-CardSlot.is-constant[data-v-97dbd152]{left:16%;top:56%}}.InstantPreview-CardInput[data-v-97dbd152]{background:#ffffff0a;border-radius:8px;color:#ffffffa6;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;margin-bottom:.75rem;padding:.4rem .6rem}.InstantPreview-Highlights[data-v-97dbd152]{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);justify-content:space-between;width:100%}.InstantPreview-HighlightCard[data-v-97dbd152]{background:#0a0a0f99;border:1px solid hsla(0,0%,100%,.12);border-radius:18px;box-shadow:0 12px 30px #00000059;display:flex;flex:1 1 calc(25% - 1rem);gap:1rem;min-width:220px;padding:.95rem 1.15rem}@media(max-width:1200px){.InstantPreview-HighlightCard[data-v-97dbd152]{flex:1 1 calc(50% - 1rem)}}@media(max-width:720px){.InstantPreview-Layout[data-v-97dbd152]{min-height:auto;padding:1.5rem 1rem 2rem}.InstantPreview-SectionBackdrop[data-v-97dbd152]{inset:4vh 4vw 8vh}.InstantPreview-HighlightCard[data-v-97dbd152]{flex:1 1 100%}}.InstantPreview-HighlightIcon[data-v-97dbd152]{color:#ffffffd9;font-size:20px}.InstantPreview-HighlightTitle[data-v-97dbd152]{color:#ffffffeb;font-size:.95rem;font-weight:600;margin:0}.InstantPreview-HighlightDesc[data-v-97dbd152]{color:#ffffff9e;font-size:.78rem;line-height:1.5;margin:.35rem 0 0}.ai-preview-demo__card[data-v-97dbd152]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e23f2;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:0 16px 40px -10px #00000080;display:flex;flex-direction:column;min-height:260px;overflow:hidden;padding:1.25rem;position:relative;transform:scale(var(--instant-preview-card-scale));transform-origin:top left;width:100%}.ai-preview-demo__card[data-v-97dbd152]:before{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(59,130,246,.25),transparent);border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.ai-preview-demo__card-header[data-v-97dbd152]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ai-preview-demo__card-type[data-v-97dbd152]{align-items:center;color:#ffffff80;display:flex;font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.ai-preview-demo__card-badge[data-v-97dbd152]{background:#ffffff0a;border-radius:4px;color:#ffffff4d;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6rem;padding:.2rem .5rem}.ai-preview-demo__card-body[data-v-97dbd152]{flex:1;margin-bottom:.75rem}.ai-preview-demo__card-result[data-v-97dbd152]{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem}.ai-preview-demo__card-extra[data-v-97dbd152]{color:#ffffff80;font-size:.85rem;line-height:1.4}.ai-preview-demo__color-preview[data-v-97dbd152]{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.ai-preview-demo__color-swatch[data-v-97dbd152]{border-radius:12px;box-shadow:0 4px 12px #0000004d;height:56px;width:56px}.ai-preview-demo__color-value[data-v-97dbd152]{color:#fff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.6rem;font-weight:700}.ai-preview-demo__card-details[data-v-97dbd152]{border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-top:.75rem}.ai-preview-demo__card-detail-item[data-v-97dbd152]{display:flex;font-size:.78rem;justify-content:space-between}.ai-preview-demo__card-detail-label[data-v-97dbd152]{color:#ffffff59;font-weight:500}.ai-preview-demo__card-detail-value[data-v-97dbd152]{color:#fffc;font-family:JetBrains Mono,ui-monospace,monospace}.ai-preview-demo__card-footer[data-v-97dbd152]{align-items:center;border-top:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem}.ai-preview-demo__card-action-btn[data-v-97dbd152]{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:.72rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.ai-preview-demo__card-action-btn[data-v-97dbd152]:hover{background:#ffffff14;color:#fff}.ai-preview-demo__card-powered[data-v-97dbd152]{color:#fff3;font-size:.65rem;font-weight:500}@media(max-width:960px){.InstantPreview-Layout[data-v-97dbd152]{min-height:auto}.InstantPreview-Stage[data-v-97dbd152]{height:auto;min-height:auto;padding:24px;--instant-preview-card-scale:1}.InstantPreview-FloatLayer[data-v-97dbd152]{display:grid!important;gap:16px;height:auto!important;position:static!important}.InstantPreview-CardSlot[data-v-97dbd152]{inset:auto!important;position:relative!important;transform:none!important;width:100%}}