/* Member visual system. References and licenses: vendor/member-ui-NOTICE.txt. */
:root[data-member-ui] { color-scheme: light; --paper:#f7f9fc; --page-bg:#f7f9fc; --surface:#fff; --ink:#151b26; --muted:#697386; --line:#e4e8f0; --accent:#295ee8; --accent-soft:#edf2ff; --radius:24px; --motion-ease:cubic-bezier(.22,1,.36,1); }
html[data-member-ui] { background:#fff; scroll-behavior:smooth; }
[data-member-ui] body { color:var(--ink); font-family:Inter,"SF Pro Display","Segoe UI","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
[data-member-ui] *,[data-member-ui] *::before,[data-member-ui] *::after { box-sizing:border-box; }
[data-member-ui] [hidden] { display:none!important; }
[data-member-ui] ::selection { background:#dce7ff; color:#183576; }
[data-member-ui] :focus-visible { outline:3px solid #7399fb; outline-offset:4px; }
[data-member-ui] .jing-icon { width:20px; height:20px; display:inline-flex; flex:none; align-items:center; justify-content:center; vertical-align:middle; }
[data-member-ui] .jing-icon svg { width:100%; height:100%; stroke-width:1.7; }
[data-member-ui] button,[data-member-ui] a,[data-member-ui] summary,[data-member-ui] [role=button] { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
[data-member-ui] button,[data-member-ui] a,[data-member-ui] summary,[data-member-ui] [role=button],[data-member-ui] input { transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s,scale .2s var(--motion-ease); }
@media (hover:hover) { [data-member-ui] button:not(:disabled):hover,[data-member-ui] .auth-submit:hover { scale:1.018; } }
[data-member-ui] button:not(:disabled):active,[data-member-ui] .auth-submit:active,[data-member-ui] [role=button]:active { scale:.975; }
[data-member-ui] button:disabled { cursor:not-allowed; }
[data-member-ui] a { color:inherit; }
[data-member-ui][data-leaving] body { opacity:0; translate:0 -6px; transition:opacity .16s,translate .16s; }

/* Standalone login — two surfaces become the studio after authentication. */
.member-login-page { margin:0; min-height:100svh; background:#fff; display:flex; flex-direction:column; }
.member-login-page a { text-decoration:none; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100; padding:12px 18px; background:#151b26; color:#fff!important; border-radius:10px; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.login-topbar { width:min(1380px,100%); margin:auto; padding:30px 48px 25px; display:flex; justify-content:space-between; align-items:center; }
.member-brand { display:flex; align-items:center; gap:12px; font-size:23px; font-weight:650; line-height:1.1; letter-spacing:.08em; }
.member-brand small { display:block; font-size:8px; font-weight:600; letter-spacing:.21em; color:#67738a; margin-top:7px; }
.member-monogram { display:grid; place-items:center; width:43px; height:48px; color:#fff; background:#151c2b; border-radius:19px 19px 10px 10px; font-size:21px; font-weight:400; box-shadow:inset 0 0 0 4px #151c2b,inset 0 0 0 5px #667084; }
.login-edition { display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.04em; color:#657187; }
.login-edition .jing-icon { width:16px; color:#295ee8; }
.login-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:56px; width:min(1284px,calc(100% - 96px)); margin:0 auto; flex:1; min-height:644px; }
.login-scene { border-radius:28px; background:#f0f4fc; border:1px solid #e8eef8; padding:30px 38px 28px; overflow:hidden; display:flex; flex-direction:column; min-width:0; position:relative; isolation:isolate; }
.scene-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:8px; font-weight:600; letter-spacing:.12em; color:#7888a6; }
.scene-status { display:flex; align-items:center; gap:6px; }
.scene-status i { width:5px; height:5px; background:#3565d9; border-radius:50%; box-shadow:0 0 0 4px #e0e9fc; }
.scene-copy { position:relative; z-index:2; margin-top:38px; }
.login-eyebrow { margin:0 0 16px; font-size:11px; color:#57739f; letter-spacing:.16em; }
.scene-copy h1 { font-size:clamp(34px,3.6vw,52px); line-height:1.28; letter-spacing:-.04em; margin:0; font-weight:650; }
.scene-copy h1 span { color:#2b60e3; }
.scene-copy>p:last-child { color:#7c89a0; font-size:13px; line-height:1.9; margin:19px 0 0; }
.wardrobe-art { position:relative; height:302px; min-height:270px; flex:1; margin-top:-23px; margin-left:7%; }
.art-orbit { position:absolute; width:310px; height:310px; border:1px solid #d5e0f5; border-radius:50%; top:3%; right:0; z-index:-1; }
.orbit-two { width:380px; height:380px; right:-34px; top:-23px; opacity:.5; }
.look-card { position:absolute; width:184px; height:248px; border:1px solid #dce5f4; background:#fff; border-radius:16px; box-shadow:0 10px 24px #415e8910,0 25px 50px -20px #22427325; display:flex; align-items:center; flex-direction:column; padding:17px 12px 12px; }
.look-back { top:16px; left:4%; rotate:-12deg; background:#ffffffd9; }
.look-front { top:-2px; right:7%; width:202px; height:282px; rotate:9deg; background:linear-gradient(165deg,#fff,#e9f0ff); }
.outfit-art { width:100%; height:204px; flex:1; min-height:0; display:block; object-fit:contain; background:#f1f3f5; border-radius:9px; }
.look-front .outfit-art { width:100%; height:226px; }
.look-swatch { position:absolute; right:-18px; bottom:24px; width:58px; height:81px; object-fit:cover; border:4px solid #fff; border-radius:9px; rotate:-9deg; box-shadow:0 5px 16px #1e35592b; }
.look-back .look-swatch { right:auto; left:-14px; rotate:8deg; }
.look-caption { font-size:6px; letter-spacing:.14em; color:#8c9ab0; }
.look-caption.bottom { margin-top:9px; font-size:9px; letter-spacing:.09em; color:#556b8c; }
.look-floating-label { position:absolute; bottom:11px; left:1%; display:flex; gap:10px; align-items:center; background:#fffffff0; border:1px solid #e5ebf6; padding:12px 16px; font-size:11px; border-radius:12px; color:#4c6590; box-shadow:0 8px 20px #1c315311; }
.look-floating-label .jing-icon { color:#3a6ee8; width:16px; }
.scene-footer { display:flex; gap:25px; align-items:center; color:#8b9ab1; margin-top:18px; }
.scene-footer>span:first-child { font-size:9px; letter-spacing:.1em; line-height:1.6; }
.scene-footer b { color:#526987; font-weight:600; }
.scene-divider { width:1px; height:27px; background:#d8e0ee; }
.scene-footer p { font-size:11px; margin:0; color:#4e6484; }
.scene-footer p span { display:block; margin-top:6px; color:#8796ad; font-size:9px; }
.login-controls { display:flex; align-items:center; justify-content:center; background:#fff; border-radius:28px; min-width:0; padding:32px 26px; }
.login-form-wrap { width:100%; max-width:366px; }
.login-index { font-size:9px; font-weight:600; color:#8b96aa; letter-spacing:.14em; display:block; margin-bottom:18px; }
.login-form-wrap h2 { font-weight:650; font-size:34px; letter-spacing:-.04em; margin:0; }
.login-subtitle { font-size:13px; color:#8a91a0; margin:12px 0 34px; }
.auth-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; margin-bottom:22px; background:#f1f4f9; border:1px solid #e6ebf3; border-radius:12px; }
.auth-mode-button { min-height:38px; border:0; border-radius:9px; background:transparent; color:#8692a6; font:inherit; font-size:12px; cursor:pointer; }
.auth-mode-button.active { background:#fff; color:#295ee8; box-shadow:0 3px 10px #22375e12; font-weight:600; }
.auth-mode-button:focus-visible { outline:3px solid #7399fb; outline-offset:1px; }
#memberLoginForm { display:grid; gap:21px; }
#memberRegisterForm { display:grid; gap:18px; }
.auth-field { min-width:0; }
.auth-field label { display:block; font-size:12px; font-weight:550; margin-bottom:9px; color:#344055; }
.auth-input { display:flex; align-items:center; gap:11px; border:1px solid #dfe4ed; border-radius:11px; padding-left:15px; background:#fbfcfe; transition:border-color .2s,box-shadow .2s,background .2s; }
.auth-input>.jing-icon { width:17px; color:#9ba6b9; }
.auth-input:focus-within { border-color:#6c94f5; background:#fff; box-shadow:0 0 0 4px #edf2ff; }
.auth-input:has(input[aria-invalid=true]) { border-color:#e6a0a5; box-shadow:0 0 0 3px #fff0f1; }
.auth-input input { border:0; background:transparent; outline:none!important; box-shadow:none!important; width:100%; min-width:0; height:51px; font:inherit; font-size:14px; color:#192333; padding:0 12px 0 0; }
.auth-input input::placeholder { color:#a4adbd; font-size:12px; }
.auth-code-input { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch; }
.code-button { min-width:92px; padding:0 12px; border:1px solid #dfe4ed; border-radius:11px; background:#f7f9fc; color:#49658f; font:inherit; font-size:11px; cursor:pointer; white-space:nowrap; }
.code-button:hover:not(:disabled) { border-color:#6c94f5; color:#295ee8; background:#edf2ff; }
.code-button:disabled { color:#a6afbd; cursor:wait; }
.register-note { color:#9aa5b7; font-size:10px; line-height:1.7; margin:0; }
.password-toggle { display:grid; place-items:center; background:none; color:#7f8ba0; border:0; cursor:pointer; align-self:stretch; padding:0 13px; min-width:46px; border-radius:10px; }
.password-toggle:hover { color:#295ee8; background:#edf2ff; }
.auth-submit { width:100%; min-height:52px; padding:15px 19px; background:#295ee8; color:#fff!important; border:1px solid #295ee8; border-radius:11px; font:inherit; font-size:13px; font-weight:550; display:flex; justify-content:center; align-items:center; gap:12px; cursor:pointer; box-shadow:0 6px 14px #295ee81f; }
.auth-submit:hover { background:#2053d6; border-color:#2053d6; box-shadow:0 8px 20px #295ee82a; }
.auth-submit:disabled { opacity:.75; cursor:wait; }
.submit-symbol { display:grid; place-items:center; width:19px; height:19px; }
.submit-symbol>* { grid-area:1/1; }
.submit-symbol>.jing-icon { transition:opacity .15s,scale .3s var(--motion-ease); }
.submit-progress { width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; opacity:0; scale:.6; transition:opacity .18s,scale .3s var(--motion-ease); }
.submit-progress circle { stroke-dasharray:42 57; transform-origin:center; }
.submit-progress path { stroke-dasharray:18; stroke-dashoffset:18; transition:stroke-dashoffset .28s .08s; }
[data-state=loading] .submit-symbol>.jing-icon,[data-state=success] .submit-symbol>.jing-icon { opacity:0; scale:.4; }
[data-state=loading] .submit-progress,[data-state=success] .submit-progress { opacity:1; scale:1; }
[data-state=loading] .submit-progress circle { animation:member-spin .8s linear infinite; }
[data-state=success] .submit-progress circle { opacity:0; }
[data-state=success] .submit-progress path { stroke-dashoffset:0; }
@keyframes member-spin { to { rotate:360deg; } }
.auth-feedback { color:#b32e40; background:#fff4f5; border:1px solid #f5d7db; border-radius:9px; font-size:12px; line-height:1.7; padding:10px 13px; margin:0; }
.auth-feedback a { text-decoration:underline; }
/* transitions.dev — free error-state-shake (adapted); vendor/member-ui-NOTICE.txt */
.auth-shaking { animation:member-input-shake .28s linear; }
@keyframes member-input-shake {
  0% { transform:translateX(0); animation-timing-function:cubic-bezier(.22,1,.36,1); }
  28.57% { transform:translateX(6px); animation-timing-function:cubic-bezier(.22,1,.36,1); }
  57.14% { transform:translateX(-6px); animation-timing-function:cubic-bezier(.22,1,.36,1); }
  78.57% { transform:translateX(4px); animation-timing-function:cubic-bezier(.22,1,.36,1); }
  100% { transform:translateX(0); }
}
.login-help { display:flex; align-items:flex-start; gap:9px; color:#8b95a7; font-size:11px; line-height:1.8; margin-top:22px; }
.login-help .jing-icon { width:15px; margin-top:2px; }
.login-help b { font-weight:400; color:#5a6980; }
.login-points { display:flex; gap:12px; margin-top:32px; padding:22px 0 0; border-top:1px solid #edf0f5; }
.login-points>.jing-icon { width:19px; color:#6282b8; }
.login-points strong { color:#4f607a; font-size:11px; font-weight:550; }
.login-points p { font-size:10px; color:#8692a6; margin:9px 0 7px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.login-points p span { width:1px; height:9px; background:#d7deea; }
.login-points small { color:#9ca5b4; font-size:10px; }
.login-success { padding:12px 0; }
.success-seal { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:#edf2ff; color:#295ee8; margin-bottom:18px; }
.login-success h3 { font-size:22px; font-weight:550; margin:0; }
.login-success p { color:#7b889e; font-size:13px; margin:12px 0 24px; }
.login-footer { width:min(1284px,calc(100% - 96px)); display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 auto; padding:25px 0; color:#a1a9b7; font-size:9px; letter-spacing:.05em; }
.login-footer>span:last-child { display:flex; align-items:center; gap:6px; }
.login-footer .jing-icon { width:13px; height:13px; }

/* Member studio: a white and blue shell, leaving the media pipeline untouched. */
[data-member-ui] .studio-page { --paper:#f7f9fc; --page-bg:#f7f9fc; --surface:#fff; --ink:#151b26; --muted:#697386; --line:#e4e8f0; --accent:#295ee8; --accent-soft:#edf2ff; background:#f7f9fc; background-image:none; }
[data-member-ui] .studio-page .topbar { background:#fff; border-color:#e5eaf3; box-shadow:none; height:82px; }
[data-member-ui] .topbar .brand-mark { background:#172234; color:#fff; }
[data-member-ui] .topbar .brand-wordmark { font-size:22px; }
[data-member-ui] .topbar .brand-wordmark em { font-size:9px; letter-spacing:.1em; color:#6f7e94; }
[data-member-ui] .studio-page .topbar nav { background:#f3f5fa; border:1px solid #eaf0f8; border-radius:13px; }
[data-member-ui] .studio-page .topbar nav a { color:#718096; }
[data-member-ui] .studio-page .topbar nav a.active { color:#295ee8; }
[data-member-ui] .studio-page .topbar nav a.active::after { display:none; }
[data-member-ui] .nav-shared-pill { border-color:#e3e9f6; background:#fff; box-shadow:0 2px 6px #1b385a0a; }
[data-member-ui] .studio-page .service { background:#fff; color:#718096; border-color:#e4e8f0; }
[data-member-ui] .studio-page .service i { background:#295ee8; }
[data-member-ui] .studio-page .intro h1 { color:#151b26; font-size:clamp(31px,4vw,52px); }
[data-member-ui] .studio-page .intro h1>span { color:#295ee8; }
[data-member-ui] .studio-page .intro .eyebrow,[data-member-ui] .studio-page .section-index { color:#8c9ab0; }
[data-member-ui] .studio-page .eyebrow-line { background:#295ee8; }
[data-member-ui] .studio-page .intro .intro-copy,[data-member-ui] .studio-page .intro-note small { color:#7f8a9e; }
[data-member-ui] .studio-page .intro-note { border-color:#dce4f3; }
[data-member-ui] .studio-page .intro-note strong { color:#344660; }
[data-member-ui] .studio-page .intro-note .intro-note-mark,[data-member-ui] .studio-page .intro-note>span { color:#6481b2; }
[data-member-ui] .studio-page .workflow-step b { background:#edf2ff; border-color:#dde7ff; color:#3b68c7; }
[data-member-ui] .studio-page .workflow-strip { color:#7284a0; }
[data-member-ui] .studio-page .mirror-card,[data-member-ui] .studio-page .garment-card { background:#fff; border-color:#e2e8f2; border-radius:24px; box-shadow:0 7px 18px #16386c04,0 22px 50px -28px #203e7430; }
[data-member-ui] .studio-page .mirror { background:#f2f5fc; border-color:#e7edf8; }
[data-member-ui] .studio-page .grid-bg { background:radial-gradient(ellipse at 50% 35%,#fff,#edf3ff); }
[data-member-ui] .studio-page .grid-bg::before { border-color:#d1ddf1; box-shadow:0 0 0 13px #ffffff70,0 0 0 14px #dfe7f7; }
[data-member-ui] .studio-page .figure svg { stroke:#7e9ad0; }
[data-member-ui] .studio-page .figure .mirror-arch,[data-member-ui] .studio-page .figure .guide { stroke:#c0cfe9; }
[data-member-ui] .studio-page .mirror-placeholder h2 { color:#324c74; }
[data-member-ui] .studio-page .mirror-placeholder p,[data-member-ui] .studio-page .mirror-placeholder small,[data-member-ui] .studio-page .stage-caption { color:#7b91b3; }
[data-member-ui] .studio-page .mirror-placeholder .primary { color:#fff; background:#1d2f4c; border-color:#1d2f4c; }
[data-member-ui] .studio-page .figure { display:flex; gap:7px; width:230px; height:176px; margin-bottom:15px; }
[data-member-ui] .studio-page .figure img { display:block; width:calc(50% - 3.5px); height:100%; object-fit:cover; border-radius:60px 60px 12px 12px; box-shadow:0 12px 32px #233b5a18; }
[data-member-ui] .studio-page .upload-style-pair { display:flex; gap:8px; justify-content:center; margin:0 auto 16px; }
[data-member-ui] .studio-page .upload-style-example { display:block; width:78px; height:110px; object-fit:cover; border-radius:10px; rotate:-5deg; box-shadow:0 7px 20px #20324b17; transition:rotate .35s,scale .35s; }
[data-member-ui] .studio-page .upload-style-example+img { rotate:5deg; }
[data-member-ui] .studio-page #uploadEmpty>.upload-symbol { display:none; }
[data-member-ui] .studio-page #dropZone:hover .upload-style-example { rotate:0deg; scale:1.025; }
[data-member-ui] .studio-page .mirror-bottom { background:#fffffff2; color:#798ba6; border-color:#e4eaf5; }
[data-member-ui] .studio-page .mirror-footer { color:#7c8ca6; }
[data-member-ui] .studio-page .primary,[data-member-ui] .studio-page #startButton { background:#295ee8; border-color:#295ee8; color:#fff; box-shadow:0 6px 15px #295ee81c; }
[data-member-ui] .studio-page .primary:not(:disabled):hover,[data-member-ui] .studio-page #startButton:hover:not(:disabled) { background:#2053d3; border-color:#2053d3; box-shadow:0 9px 22px #295ee828; }
[data-member-ui] .studio-page #startButton::before { background:#4c7bfa; }
[data-member-ui] .studio-page .secondary { background:#fff; border-color:#dfe6f1; color:#425471; }
[data-member-ui] .studio-page .secondary:not(:disabled):hover { background:#eff4ff; border-color:#c5d6fc; color:#295ee8; }
[data-member-ui] .studio-page .drop-zone { background:#f5f8ff; border-color:#cddbf6; border-radius:17px; }
[data-member-ui] .studio-page .drop-zone:hover,[data-member-ui] .studio-page .drop-zone.drag { background:#edf3ff; border-color:#6b95ef; box-shadow:inset 0 0 0 3px #295ee808; }
[data-member-ui] .studio-page .drop-zone.has-garment { background:#fff; border:1px solid #dce6f8; }
[data-member-ui] .studio-page .upload-symbol { background:#e9f0ff; color:#5f86d7; border-color:#dae5fc; }
[data-member-ui] .studio-page .drop-zone h3 { color:#4f6e9f; }
[data-member-ui] .studio-page .drop-zone p,[data-member-ui] .studio-page .drop-zone small { color:#8a9dba; }
[data-member-ui] .studio-page .garment-tip,[data-member-ui] .studio-page #stopButton,[data-member-ui] .studio-page .steps article { background:#f6f8fc; border-color:#e6ecf5; color:#71839f; }
[data-member-ui] .studio-page .replace-hint { background:#fffffff5; color:#295ee8; border-color:#dce6fb; }
[data-member-ui] .studio-page input { background:#fafcff; border-color:#dde5f2; }
[data-member-ui] .studio-page input:focus { border-color:#7d9fed; box-shadow:0 0 0 3px #edf2ff; }
[data-member-ui] .studio-page .member-panel { background:#fff; border-color:#e0e7f3; box-shadow:none; border-radius:18px; }
[data-member-ui] .studio-page .member-balance { background:#f8faff; border-color:#e4eaf6; }
[data-member-ui] .studio-page .member-balance.selected { background:#edf3ff; border-color:#c8d9fc; }
[data-member-ui] .studio-page .member-summary a,[data-member-ui] .studio-page .text-button,[data-member-ui] .studio-page .garment-tip .jing-icon { color:#295ee8; }
[data-member-ui] .studio-page .how,[data-member-ui] .studio-page .history,[data-member-ui] .studio-page .extension-box { background:#fff; border-color:#e3e9f3; }
[data-member-ui] .studio-page .extension-box .download { background:#f4f7ff; color:#295ee8; border-color:#e0e8fa; }
[data-member-ui] .studio-page .steps article>span { color:#295ee8; }
[data-member-ui] .studio-page>footer { background:#fff; border-color:#e3e9f3; color:#8896ae; }
[data-member-ui] #loginPanel { display:none!important; }
[data-member-ui] .member-exit-layer { position:fixed; pointer-events:none; z-index:50; margin:0; }
[data-member-ui] .waiting-ring { animation:waiting-orbit 1.05s linear infinite!important; }
@keyframes waiting-orbit { to { transform:rotate(360deg); } }

/* Account view inherits the same white shell and shared wordmark. */
[data-member-ui] body:has(#sidebar) { --bg:#f7f9fc; --card:#fff; --ink:#151b26; --muted:#748199; --accent:#295ee8; --line:#e4e9f3; background:#f7f9fc; }
[data-member-ui] #sidebar { background:#fff; border-color:#e3e9f3; }
[data-member-ui] #sidebar .brand-mark { background:#172234; }
[data-member-ui] #sidebar nav button.active { background:#edf3ff; color:#295ee8; border-color:#d6e3ff; }
[data-member-ui] .panel { border-color:#e1e7f2; background:#fff; }
[data-member-ui] #content { view-transition-name:member-account; }
[data-member-ui] .balance-hero { background:#edf3ff; }

@media (min-width:1450px) { .login-layout { min-height:680px; flex:0 1 auto; } .login-topbar { margin:0 auto; } .member-login-page { justify-content:center; } }
@media (max-width:1100px) { .login-layout { gap:24px; width:calc(100% - 56px); grid-template-columns:1fr 1fr; } .login-topbar { padding:25px 28px; } .login-scene { padding:26px; } .look-front { right:0; width:180px; } .look-back { left:0; width:155px; } .login-controls { padding:28px 20px; } .scene-footer { gap:16px; } .login-footer { width:calc(100% - 56px); } .scene-topline>span:last-child { display:none; } }
@media (max-width:800px) {
  .login-layout { display:flex; flex-direction:column; gap:0; width:calc(100% - 40px); min-height:0; flex:0; }
  .login-topbar { padding:22px 24px; }
  .member-brand { font-size:21px; gap:10px; } .member-monogram { width:36px; height:42px; font-size:18px; }
  .login-edition { font-size:10px; gap:5px; }
  .login-scene { min-height:278px; height:278px; padding:21px 24px; border-radius:21px; }
  .scene-topline { font-size:7px; } .scene-copy { margin-top:19px; }
  .login-eyebrow { font-size:9px; margin-bottom:8px; }
  .scene-copy h1 { font-size:24px; line-height:1.25; }
  .scene-copy>p:last-child { display:none; }
  .wardrobe-art { position:absolute; top:130px; left:50%; right:auto; transform:translateX(-50%); width:220px; height:136px; min-height:0; margin:0; }
  .look-card { border-radius:10px; padding:8px 6px; }.look-back { width:88px; height:122px; left:4px; top:8px; }
  .look-front { width:92px; height:134px; top:0; right:4px; }.outfit-art,.look-front .outfit-art { width:100%; max-height:106px; border-radius:5px; }
  .look-caption { font-size:3.6px; }.look-caption.bottom { font-size:5px; margin-top:4px; }
  .look-swatch { width:32px; height:44px; right:-9px; bottom:15px; border-width:2px; border-radius:5px; }.look-back .look-swatch { left:-5px; }
  .art-orbit { width:170px; height:170px; right:-6px; }.orbit-two { width:210px; height:210px; top:-19px; right:-26px; }
  .look-floating-label,.scene-footer { display:none; }
  .login-controls { padding:34px 8px 14px; border-radius:20px; }
  .login-form-wrap { max-width:410px; }.login-index { font-size:8px; margin-bottom:11px; }.login-form-wrap h2 { font-size:27px; }
  .login-subtitle { font-size:12px; margin:10px 0 26px; }.auth-mode-switch { margin-bottom:18px; }#memberLoginForm { gap:18px; }
  .auth-input input { font-size:16px; height:51px; }.auth-input input::placeholder { font-size:12px; }
  .login-help { margin-top:20px; }.login-points { margin-top:24px; padding-top:21px; }
  .login-footer { width:calc(100% - 56px); font-size:8px; flex-wrap:wrap; gap:8px; padding:26px 0 20px; }.login-footer p { display:none; }
  [data-member-ui] .studio-page .topbar { height:auto; min-height:78px; gap:14px; }
  [data-member-ui] .studio-page .topbar nav { max-width:100%; overflow:auto; }
  [data-member-ui] .studio-page .topbar nav a { min-height:42px; }
  [data-member-ui] .studio-page input { font-size:16px; }
  [data-member-ui] .studio-page .member-summary { gap:10px; }.member-summary strong { overflow-wrap:anywhere; }
}
@media (max-width:360px) { .login-layout { width:calc(100% - 28px); }.login-edition { font-size:9px; }.scene-copy h1 { font-size:24px; }.login-scene { padding:20px; }.login-controls { padding-left:6px; padding-right:6px; }.login-footer>span:last-child { font-size:7px; } }
@media (prefers-reduced-motion:reduce) {
  html[data-member-ui] { scroll-behavior:auto; }
  [data-member-ui] *,[data-member-ui] *::before,[data-member-ui] *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
  [data-member-ui] button:not(:disabled):hover,[data-member-ui] button:not(:disabled):active { scale:1; }
  [data-member-ui] .waiting-ring { animation:none!important; }
}