.tryon3d-stage{position:relative;overflow:hidden;background:#0b0c12}.tryon3d-frame{position:absolute;transform-origin:center}.tryon3d-frame canvas,.tryon3d-frame img,.tryon3d-frame video{position:absolute;inset:0;width:100%;height:100%;display:block}.tryon3d-frame img,.tryon3d-frame video{object-fit:fill}.tryon3d-page{position:fixed;inset:0;z-index:1000;background:#0b0c12;color:#fff;font-family:var(--font-room),Arial,sans-serif;overscroll-behavior:none;touch-action:none}.tryon3d-page .tryon3d-stage{position:absolute;inset:0}.tryon3d-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(#0b0c12cc,#0b0c1200);pointer-events:none}.tryon3d-top>*{pointer-events:auto}.tryon3d-top-embedded{padding-right:68px}.tryon3d-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#ffffff1f;color:#fff;text-decoration:none;font-size:20px;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tryon3d-badge{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;padding:5px 10px;border-radius:999px;background:#1a227f;font-size:12px;font-weight:800;letter-spacing:.04em}.tryon3d-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.tryon3d-message{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:14px;text-align:center;pointer-events:none}.tryon3d-message p{margin:0;max-width:340px;color:#fff;font-size:16px;line-height:1.4;text-shadow:0 1px 8px #000a}.tryon3d-message a,.tryon3d-message button{pointer-events:auto;border:0;border-radius:999px;padding:11px 20px;background:#fff;color:#1a227f;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.tryon3d-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff40;border-top-color:#fff;animation:tryon3d-spin .9s linear infinite}@keyframes tryon3d-spin{to{transform:rotate(1turn)}}.tryon3d-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 16px;border-radius:18px;background:#0b0c12b3;font-size:14px;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .4s}.tryon3d-hint[data-hidden=true]{opacity:0}.tryon3d-tune{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);display:grid;gap:8px;padding:12px 14px;border-radius:18px;background:#0b0c12cc;font-size:14px;touch-action:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tryon3d-tune label{display:grid;gap:2px;font-weight:600}.tryon3d-tune input{width:100%;accent-color:#fff}.tryon3d-tune-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#fffc}.tryon3d-tune-row span{flex:1 1}.tryon3d-tune button{flex:none;border:0;border-radius:999px;padding:7px 14px;background:#fff;color:#1a227f;font:inherit;font-weight:700}@media (prefers-reduced-motion:reduce){.tryon3d-spinner{animation-duration:2.4s}.tryon3d-hint{transition:none}}