.page-module__vs_bla__page{--background:var(--surface-alt);background-color:var(--background);min-height:100dvh;padding:var(--space-5) var(--space-4);padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));max-width:1100px;margin:0 auto}.page-module__vs_bla__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.page-module__vs_bla__header h1{color:var(--text-primary);font-size:clamp(20px,4vw,26px);font-weight:700}.page-module__vs_bla__intro{color:var(--text-secondary);margin-bottom:var(--space-5);max-width:70ch;font-size:14px;line-height:1.8}.page-module__vs_bla__resetAllButton{color:var(--brand-error);border:1px solid var(--brand-error);border-radius:var(--radius-sm);min-height:var(--tap-target);padding:0 var(--space-4);cursor:pointer;background:0 0;font-size:13px}.page-module__vs_bla__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.page-module__vs_bla__card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.page-module__vs_bla__cardHeader h2{color:var(--text-primary);font-size:15px;font-weight:700}.page-module__vs_bla__hint{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.page-module__vs_bla__preview{background-color:var(--brand-green-dark);border-radius:var(--radius-sm);min-height:96px;padding:var(--space-3);justify-content:center;align-items:center;display:flex}.page-module__vs_bla__previewImg{object-fit:contain;max-width:100%;max-height:80px}.page-module__vs_bla__status{color:var(--text-secondary);font-size:12px}.page-module__vs_bla__error{color:var(--brand-error);font-size:13px;line-height:1.6}.page-module__vs_bla__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-module__vs_bla__uploadButton{min-height:var(--tap-target);padding:0 var(--space-4);color:#fff;background-color:var(--brand-green);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.page-module__vs_bla__hiddenInput{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.page-module__vs_bla__resetButton{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:var(--tap-target);padding:0 var(--space-4);cursor:pointer;background:0 0;font-size:13px}.page-module__vs_bla__resetButton:disabled{opacity:.5;cursor:not-allowed}.page-module__vs_bla__uploadButton:has(input:disabled){opacity:.5;cursor:not-allowed}.page-module__vs_bla__centered{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-secondary);font-size:14px;display:flex}.page-module__vs_bla__spinner{border:2px solid var(--border);border-top-color:var(--brand-green);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite page-module__vs_bla__spin}@media (prefers-reduced-motion:reduce){.page-module__vs_bla__spinner{animation:none}}@keyframes page-module__vs_bla__spin{to{transform:rotate(360deg)}}.page-module__vs_bla__forbiddenCard{max-width:480px;margin:var(--space-6) auto;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.page-module__vs_bla__forbiddenCard h1{margin-bottom:var(--space-3);color:var(--text-primary);font-size:18px}.page-module__vs_bla__forbiddenCard p{color:var(--text-secondary);font-size:14px;line-height:1.8}.page-module__vs_bla__previewSection{margin-top:var(--space-6)}.page-module__vs_bla__previewSection h2{margin-bottom:var(--space-3);color:var(--text-primary);font-size:16px;font-weight:700}.page-module__vs_bla__previewFrames{gap:var(--space-4);flex-wrap:wrap;display:flex}.page-module__vs_bla__desktopFrame,.page-module__vs_bla__mobileFrame,.page-module__vs_bla__notificationFrame{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);overflow:hidden}.page-module__vs_bla__desktopFrame{width:320px}.page-module__vs_bla__mobileFrame{width:180px}.page-module__vs_bla__notificationFrame{width:260px}.page-module__vs_bla__frameLabel{color:var(--text-secondary);padding:var(--space-2) var(--space-3) 0;font-size:11px;display:block}.page-module__vs_bla__mockHeader{align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--text-primary);font-size:12px;font-weight:700;display:flex}.page-module__vs_bla__mockHeaderLogo{object-fit:contain;width:auto;height:20px}.page-module__vs_bla__mockToast{gap:var(--space-2);padding:var(--space-3);border-inline-start:4px solid var(--brand-green);margin:var(--space-3);border-radius:var(--radius-sm);background-color:var(--surface-alt);align-items:flex-start;display:flex}.page-module__vs_bla__mockToastLogo{object-fit:contain;flex-shrink:0;width:18px;height:18px;margin-top:2px}.page-module__vs_bla__mockToastTitle{color:var(--text-primary);font-size:12px;font-weight:700}.page-module__vs_bla__mockToastDesc{color:var(--text-secondary);margin-top:2px;font-size:11px}