.tryon2d-page{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#101323;color:#fff;font-family:Arial,sans-serif}.tryon2d-page header{display:flex;align-items:center;gap:14px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px}.tryon2d-page header a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff24;color:#fff;text-decoration:none;font-size:25px}.tryon2d-page header strong{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tryon2d-page header span{font-size:12px;font-weight:700}.tryon2d-content{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px 16px 90px}.tryon2d-photo{position:relative;width:min(100%,440px);aspect-ratio:3/4;max-height:65vh;overflow:hidden;border-radius:18px;background:#23283b}.tryon2d-face{width:100%;height:100%;object-fit:cover}.tryon2d-frame{position:absolute;left:50%;transform:translate(-50%,-50%);height:auto;pointer-events:none}.tryon2d-empty{height:100%;display:grid;place-items:center;padding:36px;text-align:center;color:#d7daea;line-height:1.5}.tryon2d-colors button,.tryon2d-upload{border:0;border-radius:999px;background:#fff;color:#1a227f;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}.tryon2d-upload input{display:none}.tryon2d-adjust{width:min(100%,440px);display:flex;gap:15px}.tryon2d-adjust label{flex:1 1;min-width:0;display:grid;gap:5px;font-size:12px}.tryon2d-adjust input{width:100%;accent-color:#fff}.tryon2d-colors{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:7px 8px 7px 14px;border-radius:999px;background:#303449;white-space:nowrap}.tryon2d-colors span{overflow:hidden;text-overflow:ellipsis;font-size:13px}