@keyframes clinicHubFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@keyframes clinicHubDrift{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes clinicHubReveal{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.clinic-reveal{animation:.76s cubic-bezier(.22,1,.36,1) both clinicHubReveal}.clinic-float{animation:5.8s ease-in-out infinite clinicHubFloat}.clinic-float-slow{animation:7.4s ease-in-out infinite clinicHubFloat}.clinic-drift{animation:9s ease-in-out infinite alternate clinicHubDrift}.clinic-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #e2e8f0db;box-shadow:0 22px 60px #0f172a14}.clinic-soft-grid{background-image:linear-gradient(#0f172a0b 1px,#0000 1px),linear-gradient(90deg,#0f172a0b 1px,#0000 1px);background-size:52px 52px}@media (prefers-reduced-motion:reduce){.clinic-reveal,.clinic-float,.clinic-float-slow,.clinic-drift{animation:none}}.tryOnPage{color:#08111f;background:#eef3f8;grid-template-columns:minmax(0,1fr) 360px;gap:18px;min-height:100vh;padding:18px;display:grid}.tryOnPageCompact{background:#111827;grid-template-columns:minmax(0,1fr);gap:0;height:100%;min-height:0;padding:0}.tryOnPageCompact .viewerPanel{box-shadow:none;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.tryOnPageCompact .viewport{height:100%;min-height:0}.viewerPanel,.controlsPanel{background:#fff;border:1px solid #08111f1a;border-radius:8px;box-shadow:0 18px 55px #08111f1f}.viewerPanel{grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100vh - 36px);display:grid;overflow:hidden}.viewerHeader{border-bottom:1px solid #08111f14;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:14px 16px;display:flex}.viewerHeader:last-child{border-top:1px solid #08111f14;border-bottom:0;justify-content:flex-start}.status{color:#536171;font-size:13px;line-height:1.5}.viewport{background:#111827;min-height:520px;position:relative;overflow:hidden}.cameraVideo,.threeLayer{width:100%;height:100%;inset:0;position:absolute!important}.cameraVideo{-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.threeLayer{pointer-events:none}.captureButton{z-index:12;color:#071833;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffff38;border-radius:999px;min-height:42px;padding:0 18px;font-size:12px;font-weight:900;transition:transform .16s,opacity .16s,background .16s;position:absolute;bottom:16px;right:16px;box-shadow:0 18px 42px #0718333d}.captureButton:disabled{cursor:not-allowed;opacity:.48}.captureButton:not(:disabled):hover{background:#fff;transform:translateY(-1px)}.controlsPanel{padding:18px;overflow:auto}.controlsPanel h2{margin:0 0 8px;font-size:20px;font-weight:800}.controlGroup{gap:8px;margin-top:16px;display:grid}.controlHeader{color:#283545;justify-content:space-between;gap:12px;font-size:13px;display:flex}.controlGroup input{accent-color:#0f766e;width:100%}.calibrationActions{margin:18px 0}.primaryButton,.secondaryButton{border-radius:6px;min-height:42px;padding:0 16px;font-weight:800;transition:transform .16s,opacity .16s,background .16s}.primaryButton{color:#fff;background:#0f766e}.secondaryButton{color:#08111f;background:#fff;border:1px solid #08111f26}.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{flex-direction:column;align-items:flex-start}.tryOnPageCompact{grid-template-columns:1fr;overflow:hidden}.tryOnPageCompact .viewerPanel{min-height:0}}