@keyframes clinicHubFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@keyframes clinicHubDrift{0%{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,0,0)}}@keyframes clinicHubReveal{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.clinic-reveal{animation:clinicHubReveal .76s cubic-bezier(.22,1,.36,1) both}.clinic-float{animation:clinicHubFloat 5.8s ease-in-out infinite}.clinic-float-slow{animation:clinicHubFloat 7.4s ease-in-out infinite}.clinic-drift{animation:clinicHubDrift 9s ease-in-out infinite alternate}.clinic-card{border:1px solid rgba(226,232,240,.86);background:rgba(255,255,255,.86);box-shadow:0 22px 60px rgba(15,23,42,.08);backdrop-filter:blur(18px)}.clinic-soft-grid{background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 0);background-size:52px 52px}@media (prefers-reduced-motion:reduce){.clinic-drift,.clinic-float,.clinic-float-slow,.clinic-reveal{animation:none}}.tryOnPage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:18px;background:#eef3f8;color:#08111f}.tryOnPageCompact{min-height:0;height:100%;display:flex;align-items:center;justify-content:center;gap:0;padding:0;background:#111827}.tryOnPageCompact .viewerPanel{border:0;border-radius:0;box-shadow:none;min-height:0;width:min(100%,1040px);height:auto;max-height:100%;aspect-ratio:var(--tryon-camera-aspect,16/9);grid-template-rows:minmax(0,1fr)}.tryOnPageCompact .viewport{min-height:0;height:100%}.controlsPanel,.viewerPanel{border:1px solid rgba(8,17,31,.1);border-radius:8px;background:#ffffff;box-shadow:0 18px 55px rgba(8,17,31,.12)}.viewerPanel{min-height:calc(100vh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.viewerHeader{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(8,17,31,.08)}.viewerHeader:last-child{border-top:1px solid rgba(8,17,31,.08);border-bottom:0;justify-content:flex-start}.status{color:#536171;font-size:13px;line-height:1.5}.viewport{position:relative;min-height:520px;overflow:hidden;background:#111827}.cameraVideo,.threeLayer{position:absolute!important;inset:0;width:100%;height:100%}.cameraVideo{-o-object-fit:contain;object-fit:contain;transform:scaleX(-1)}.threeLayer{pointer-events:none}.captureButton{position:absolute;right:16px;bottom:16px;z-index:12;min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.92);color:#071833;padding:0 18px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 42px rgba(7,24,51,.24);backdrop-filter:blur(18px);transition:transform .16s ease,opacity .16s ease,background .16s ease}.cameraStartOverlay{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;text-align:center;color:#ffffff;background:radial-gradient(circle at 50% 24%,rgba(34,211,238,.18),rgba(17,24,39,0) 42%),rgba(17,24,39,.56);backdrop-filter:blur(10px)}.cameraStartButton{min-height:46px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff;color:#071833;padding:0 22px;font-size:13px;font-weight:900;box-shadow:0 18px 42px rgba(0,0,0,.28);transition:transform .16s ease,opacity .16s ease,background .16s ease}.cameraStartButton:disabled{cursor:not-allowed;opacity:.62}.cameraStartButton:not(:disabled):hover{background:#ecfeff;transform:translateY(-1px)}.cameraStartOverlay p{max-width:280px;margin:0;color:rgba(255,255,255,.84);font-size:12px;font-weight:800;line-height:1.5}.captureButton:disabled{cursor:not-allowed;opacity:.48}.captureButton:not(:disabled):hover{background:#ffffff;transform:translateY(-1px)}.controlsPanel{padding:18px;overflow:auto}.controlsPanel h2{margin:0 0 8px;font-size:20px;font-weight:800}.controlGroup{display:grid;gap:8px;margin-top:16px}.controlHeader{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#283545}.controlGroup input{width:100%;accent-color:#0f766e}.calibrationActions{margin:18px 0}.primaryButton,.secondaryButton{min-height:42px;border-radius:6px;padding:0 16px;font-weight:800;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primaryButton{background:#0f766e;color:white}.secondaryButton{border:1px solid rgba(8,17,31,.15);background:#ffffff;color:#08111f}.primaryButton:disabled{cursor:not-allowed;opacity:.55}.primaryButton:not(:disabled):hover,.secondaryButton:hover{transform:translateY(-1px)}@media (max-width:920px){.tryOnPage{grid-template-columns:1fr;padding:10px}.viewerPanel{min-height:68vh}.viewport{min-height:62vh}.viewerHeader{align-items:flex-start;flex-direction:column}.tryOnPageCompact{grid-template-columns:1fr;overflow:hidden}.tryOnPageCompact .viewerPanel{min-height:0}}