.vp-browser-bar{background:var(--showroom-panel);border-bottom:1px solid var(--showroom-line);align-items:center;gap:5px;padding:10px 12px;display:flex}.vp-browser-bar i{background:var(--showroom-line);border-radius:50%;width:7px;height:7px}.vp-browser-bar i:first-child{background:var(--accent);border:1px solid var(--primary)}.vp-browser-bar .vp-url{font-family:var(--font-mono);color:var(--muted-foreground);background:var(--secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;max-width:60%;margin-left:10px;padding:3px 10px;font-size:10px;overflow:hidden}.vp-note{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:18px;font-size:10px;display:inline-flex}.vp-note i{background:var(--accent);border:1.5px solid var(--primary);border-radius:2px;width:8px;height:8px}.vp-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:32px;padding-bottom:18px;display:flex}.vp-wgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,34px);display:grid}.vp-wcard{min-width:0;animation:vp-card-in .7s var(--ease) both;flex-direction:column;gap:16px;display:flex}@keyframes vp-card-in{0%{opacity:0;transform:translateY(30px)scale(.97)}}.vp-wframe{text-align:left;border:1px solid var(--showroom-line);background:var(--showroom-panel);cursor:pointer;width:100%;transition:transform .6s var(--ease), box-shadow .6s var(--ease), border-color .6s;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.vp-wframe:hover,.vp-wframe:focus-visible{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 30px 60px oklch(20% .01 105/.18)}.vp-wframe:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.vp-wframe .scaler{aspect-ratio:4/4.4;background:var(--secondary)}.vp-artboard:not(:empty){aspect-ratio:auto!important}.vp-wframe .sc-in{pointer-events:none;transition:transform 5s cubic-bezier(.45,0,.3,1)}.vp-hint{color:var(--accent);opacity:0;transition:all .4s var(--ease);background:oklch(15% .01 280);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;position:absolute;bottom:14px;right:14px;transform:translateY(8px)}.vp-wframe:hover .vp-hint,.vp-wframe:focus-visible .vp-hint{opacity:1;transform:none}.vp-wmeta{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vp-wmeta h3{font-family:var(--font-display);font-size:20px;font-weight:650}.vp-wmeta p{color:var(--muted-foreground);margin-top:2px;font-size:13px}.vp-tag{font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--showroom-line);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:10px}.vp-artboard:empty{background:linear-gradient(110deg, var(--secondary) 30%, var(--showroom-panel) 50%, var(--secondary) 70%) 0 0 / 200% 100%;animation:1.6s linear infinite vp-shimmer}@keyframes vp-shimmer{to{background-position:-200% 0}}.vp-print{background:var(--showroom-panel);border-top:1px solid var(--border);position:relative}.vp-pin{position:relative}.vp-pin-sticky{flex-direction:column;justify-content:center;padding-block:90px;display:flex}.vp-pin.on .vp-pin-sticky{height:100vh;padding-block:64px 40px;position:sticky;top:0;overflow:hidden}.vp-pin-head{margin-bottom:clamp(24px,3.5vw,44px)}.vp-track{will-change:transform;padding-inline:max(clamp(28px,5%,72px),50vw - 648px);align-items:flex-end;gap:clamp(20px,3vw,44px);padding-bottom:30px;display:flex}.vp-pin:not(.on) .vp-track{scroll-snap-type:x mandatory;scroll-padding-inline:clamp(22px,5vw,72px);overflow-x:auto}.vp-pcard{scroll-snap-align:start;flex-direction:column;flex:none;gap:14px;display:flex}.vp-pcard.poster{width:clamp(220px,min(24vw,70.7vh - 268.66px),330px)}.vp-pcard.bro{width:clamp(300px,min(38vw,141.4vh - 537.32px),540px)}.vp-pthumb{cursor:pointer;width:100%;transition:transform .6s var(--ease);background:0 0;border:0;padding:0;display:block;position:relative}.vp-pthumb:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.vp-pcard.poster .vp-pthumb{border-radius:3px;overflow:hidden;box-shadow:0 2px #0000000a,0 24px 50px #16141b38}.vp-pcard.poster .vp-pthumb:hover{transform:translateY(-8px)rotate(-1.2deg)}.vp-pcard.poster .scaler{aspect-ratio:600/849}.vp-pcard.bro .scaler{overflow:visible}.vp-pthumb:hover .folded .pn{filter:none;transform:none}.vp-pmeta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.vp-pmeta h3{font-family:var(--font-display);font-size:17px;font-weight:650}.vp-spec{font-family:var(--font-mono);color:var(--muted-foreground);text-transform:uppercase;white-space:nowrap;font-size:10px}.vp-drag-hint{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted-foreground);font-size:10px}.vp-modal{z-index:80;-webkit-backdrop-filter:blur(10px);animation:vp-modal-in .5s var(--ease);background:oklch(15% .01 280/.88);flex-direction:column;display:flex;position:fixed;inset:0}@keyframes vp-modal-in{0%{opacity:0}}.vp-mbar{background:var(--showroom-bg);color:var(--foreground);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px clamp(16px,3vw,28px);display:flex}.vp-mbar h4{font-family:var(--font-display);font-size:20px;font-weight:650}.vp-msub{color:var(--muted-foreground);font-size:13px}.vp-grow{flex:1;min-width:0}.vp-seg{background:var(--secondary);border-radius:999px;padding:4px;display:flex}.vp-seg button{cursor:pointer;color:var(--muted-foreground);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:13px}.vp-seg button[aria-pressed=true]{background:var(--primary);color:var(--accent)}.dark .vp-seg button[aria-pressed=true],.dark .vp-iconbtn:hover{background:var(--accent);color:var(--accent-foreground)}.vp-iconbtn{border:1px solid var(--border);width:42px;height:42px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.vp-iconbtn:hover{background:var(--primary);color:var(--accent)}.vp-mstage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:22px 16px 0;display:flex;overflow:hidden}.vp-mstage.print-mode{align-items:center;padding:22px 16px}.vp-vframe{overscroll-behavior:contain;transition:width .6s var(--ease);background:#fff;border-radius:14px 14px 0 0;overflow:auto;box-shadow:0 40px 100px #00000080}.vp-pstage{flex-direction:column;align-items:center;max-width:100%;display:flex}.vp-pstage .scaler{box-shadow:0 40px 100px #00000080}.vp-pstage .bro3d .sc-in{transition:transform 1.1s var(--ease)}.vp-pstage .bro3d.flip .flipper{transform:rotateY(180deg)}@media (width<=640px){.vp-msub{display:none}.vp-mbar{gap:8px}.vp-grow{flex-basis:100%}.vp-mbar h4{font-size:17px}}.vp-contact h2.vp-big{letter-spacing:-.04em;margin:18px 0 30px;font-size:clamp(54px,9vw,150px);line-height:.9}.vp-mailbig{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:48px;display:inline-flex}.vp-mailbig a{font-family:var(--font-display);background:linear-gradient(var(--accent), var(--accent)) 0 100% / 0 40% no-repeat;transition:background-size .5s var(--ease);overflow-wrap:anywhere;font-size:clamp(24px,3.6vw,48px);font-weight:550}.vp-mailbig a:hover{background-size:100% 40%}.vp-copy{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.vp-copy:hover{border-color:var(--primary)}.vp-brief{background:var(--showroom-panel);border:1px solid var(--showroom-line);border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding:clamp(20px,3vw,40px);display:grid}.vp-brief h3{font-family:var(--font-display);margin-bottom:6px;font-size:26px;font-weight:650}.vp-brief .vp-sub{color:var(--muted-foreground);margin-bottom:22px;font-size:15px}.vp-field{border:0;flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;padding:0;display:flex}.vp-field>span,.vp-field>legend{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted-foreground);margin-bottom:8px;padding:0;font-size:10px}.vp-opts{flex-wrap:wrap;gap:8px;display:flex}.vp-opts label{position:relative}.vp-opts input{opacity:0;cursor:pointer;position:absolute;inset:0}.vp-opts label span{border:1px solid var(--showroom-line);border-radius:999px;padding:9px 15px;font-size:14px;transition:all .25s;display:inline-block}.vp-opts label:hover span{border-color:var(--primary)}.vp-opts input:checked+span{background:var(--accent);border-color:var(--primary);color:var(--accent-foreground)}.vp-opts input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.vp-txt{background:var(--showroom-bg);border:1px solid var(--showroom-line);width:100%;font:inherit;color:var(--foreground);border-radius:12px;padding:13px 14px;font-size:15px}.vp-txt:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px oklch(90% .19 102/.55)}.vp-row2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.vp-preview{--vp-cream:oklch(97.3% .006 100);color:var(--vp-cream);box-shadow:inset 0 0 0 1px var(--border);background:oklch(15% .01 280);border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:24px;display:flex}.vp-preview .vp-to{font-family:var(--font-mono);color:oklch(80% .006 100);overflow-wrap:anywhere;border-bottom:1px solid oklch(97.3% .006 100/.18);padding-bottom:12px;font-size:11px}.vp-preview pre{white-space:pre-wrap;font-family:var(--font-sans);overflow-wrap:anywhere;flex:1;margin:0;font-size:15px;line-height:1.6}.vp-acts{flex-wrap:wrap;gap:10px;display:flex}.vp-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;height:44px;padding-inline:20px;font-size:14px;font-weight:600;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.vp-btn-yellow{background:var(--accent);color:var(--accent-foreground)}.vp-btn-yellow:hover{background:var(--vp-cream)}.vp-btn-yellow:disabled{opacity:.6;cursor:progress}.vp-btn-ghost{color:var(--vp-cream);background:0 0;border-color:oklch(97.3% .006 100/.35)}.vp-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.vp-toast{min-height:1.2em;color:var(--accent);font-size:13px}.vp-toast.err{color:oklch(80% .12 40)}@media (width<=1100px){.vp-wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.vp-brief{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.vp-wgrid,.vp-row2{grid-template-columns:minmax(0,1fr)}}.vp-progress{transform-origin:0;background:var(--accent);width:100%;height:3px;box-shadow:0 0 0 .5px var(--primary);z-index:60;pointer-events:none;position:fixed;top:0;left:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.vp-wcard,.vp-modal,.vp-artboard:empty{animation:none}.vp-wframe,.vp-wframe .sc-in,.vp-pthumb,.pn,.flipper,.vp-pstage .bro3d .sc-in{transition:none!important}.demo *,.pz *{animation:none!important}}