.v-cards-container{box-sizing:border-box;background-color:#0000;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:80px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}@media (max-width:768px){.v-cards-container{padding:16px 0}}.v-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (max-width:768px){.v-cards-grid{grid-template-columns:1fr;gap:24px}}.v-card{aspect-ratio:3/4;box-sizing:border-box;background:#000;border:1px solid #1a1a1a;border-radius:0;flex-direction:column;min-height:280px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}@media (max-width:768px){.v-card{aspect-ratio:auto;height:auto;min-height:320px}}.v-card:hover{border-color:#333;transform:translateY(-8px);box-shadow:0 30px 60px #000c}.v-card-visualizer{background-color:#000;flex:1;overflow:hidden}.v-card-footer{background:linear-gradient(#0000,#000c);margin-top:auto;padding:20px}@media (max-width:768px){.v-card-footer{padding:16px}}.v-card-title{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.2}@media (max-width:768px){.v-card-title{padding-right:0;font-size:18px}}.v-card-subtitle{color:#666;max-width:100%;margin-bottom:0;padding-right:50px;font-size:12px;font-weight:400;line-height:1.5}@media (max-width:768px){.v-card-subtitle{padding-right:0;font-size:11px}}.v-card-explore-btn{color:#888;cursor:pointer;z-index:5;background:#ffffff08;border:1px solid #333;border-radius:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s cubic-bezier(.2,1,.3,1);display:flex;position:absolute;bottom:20px;right:20px}.v-card-explore-btn:hover{color:#fff;background:#ffffff1a;border-color:#666;transform:scale(1.05)}@media (max-width:768px){.v-card-explore-btn{padding:6px 12px;font-size:10px}}.v-card-explore-btn svg{width:15px;height:15px}.pp-explorer-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}@media (max-width:768px){.pp-explorer-overlay{padding:8px}}.pp-explorer{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);background:#0a0a0a99;border:1px solid #ffffff1a;border-radius:0;width:100%;max-width:1300px;height:700px;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 100px #0009}.pp-explorer-preview{background:#000;border-right:1px solid #ffffff0d;flex-direction:column;flex:1.25;display:flex;position:relative}.pp-tabs{z-index:20;gap:8px;display:flex;position:absolute;top:30px;left:30px}.pp-tab{color:#555;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:0;padding:8px 16px;font-size:10px;font-weight:800;transition:all .2s}.pp-tab.active{color:#7eacb5;background:#7eacb526;border-color:#7eacb5;box-shadow:0 0 15px #7eacb533}.pp-tab:hover{color:#fff;background:#ffffff0f}.pp-code-container{background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}.pp-code-block{color:#7eacb5;white-space:pre-wrap;text-align:left;max-width:600px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.7}.pp-explorer-controls{background:#ffffff05;flex-direction:column;flex:1.1;height:100%;display:flex;overflow:hidden}.pp-explorer-controls-header{flex-shrink:0;padding:40px 40px 20px}.pp-explorer-controls-body{scrollbar-width:thin;scrollbar-color:#7eacb566 transparent;max-height:100%;overflow:hidden auto}.pp-explorer-controls-body::-webkit-scrollbar{width:3px}.pp-explorer-controls-body::-webkit-scrollbar-track{background:0 0;margin:60px 0}.pp-explorer-controls-body::-webkit-scrollbar-thumb{background:#7eacb566;border-radius:4px}.pp-explorer-controls-body::-webkit-scrollbar-thumb:hover{background:#7eacb5cc}.pp-sidebar-body-container{flex-direction:column;flex:1;justify-content:center;align-items:stretch;max-height:70%;margin:auto 0;display:flex;overflow:hidden}.pp-control{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.pp-control:last-child{margin-bottom:0}.pp-control-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pp-control-label{letter-spacing:.25em;color:#555;text-transform:uppercase;font-size:10px;font-weight:800}.pp-control-value{color:#888;flex-shrink:0;font-family:monospace;font-size:11px}.pp-control-input-wrapper{align-items:center;gap:15px;display:flex}.pp-control-bound{color:#333;letter-spacing:.1em;min-width:30px;font-size:8px;font-weight:800}.pp-control-slider{appearance:none;cursor:pointer;background:#222;outline:none;flex:1;height:1px}.pp-control-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:0;width:30px;height:2px;transition:all .2s}.pp-control-slider::-webkit-slider-thumb:hover{background:#7eacb5;height:6px;box-shadow:0 0 10px #7eacb580}@media (pointer:coarse){.pp-control-slider::-webkit-slider-thumb{width:36px;height:20px;margin-top:-10px}.pp-control-slider::-moz-range-thumb{width:36px;height:20px}.pp-control-slider{height:2px}}.pp-explorer-close{color:#666;cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.pp-explorer-close:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.pp-explorer-close svg{width:16px;height:16px}.v-mode-selector{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:8px;display:grid}.v-mode-btn{color:#555;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:0;padding:8px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.v-mode-btn:hover{color:#fff;background:#ffffff14}.v-mode-btn.active{color:#7eacb5;background:#7eacb526;border-color:#7eacb5;box-shadow:0 0 15px #7eacb533}.v-control-input-text{color:#fff;letter-spacing:.05em;background:#ffffff05;border:1px solid #ffffff0d;border-radius:0;outline:none;width:100%;padding:15px 20px;font-family:inherit;font-size:14px;transition:all .2s}.v-control-input-text:focus{background:#ffffff0a;border-color:#7eacb566;box-shadow:0 0 30px #7eacb50d}.v-cards-loading-overlay{z-index:900;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s;display:flex;position:fixed;inset:0}.v-cards-loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.v-cards-loading-dots{gap:8px;display:flex}.v-cards-loading-dot{background:#333;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite v-dot-pulse}.v-cards-loading-dot:nth-child(2){animation-delay:.2s}.v-cards-loading-dot:nth-child(3){animation-delay:.4s}@keyframes v-dot-pulse{0%,80%,to{background:#333;transform:scale(1)}40%{background:#7eacb5;transform:scale(1.4);box-shadow:0 0 12px #7eacb580}}.v-cards-loading-label{letter-spacing:.3em;text-transform:uppercase;color:#333;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800}.v-card-skeleton{background:radial-gradient(ellipse at 30% 60%, color-mix(in srgb, var(--sk-c2) 18%, transparent) 0%, color-mix(in srgb, var(--sk-c1) 95%, transparent) 60%, var(--sk-c1) 100%);width:100%;height:100%;position:relative;overflow:hidden}.v-card-skeleton-shimmer{background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--sk-c3) 8%, transparent) 50%, transparent 70%);background-size:200% 100%;animation:2.2s ease-in-out infinite v-skeleton-sweep;position:absolute;inset:0}@keyframes v-skeleton-sweep{0%{opacity:.4;background-position:-100% 0}50%{opacity:1}to{opacity:.4;background-position:200% 0}}.v-card-visualizer canvas{animation:.5s ease-out forwards v-canvas-fadein}@keyframes v-canvas-fadein{0%{opacity:0}to{opacity:1}}