:root{--background:#edf2f7;--surface:#fff;--surface-muted:#f8fafc;--surface-tint:#eef6fb;--text:#111827;--muted:#64748b;--line:#cbd5e1;--line-soft:#e2e8f0;--stage:#020617;--stage-soft:#0f172a;--stage-line:#1e293b;--primary:#111827;--primary-strong:#020617;--accent:#38bdf8;--accent-strong:#0284c7;--rose:#f472b6;--violet:#4f46e5;--teal:#14b8a6;--danger:#b42318;--radius:8px;--shadow:0 18px 50px #0f172a1f}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:linear-gradient(#e8f0f7 0,#f8fafc 34%,#edf2f7 100%);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{border:0}img{max-width:100%;display:block}.shell{isolation:isolate;min-height:100vh;padding:28px;position:relative;overflow-x:hidden}.tech-backdrop{z-index:0;pointer-events:none;background:linear-gradient(115deg,#02061714,#0000 36%),linear-gradient(245deg,#14b8a61a,#0000 34%),0 0;position:fixed;inset:0;overflow:hidden}.tech-backdrop:before{content:"";opacity:.52;background-color:#0000;background-image:linear-gradient(90deg,#0ea5e929 1px,#0000 1px),linear-gradient(#6366f11a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:24s linear infinite techGridDrift;position:absolute;inset:-40px;transform:translate(0,0)}.tech-backdrop:after{content:"";opacity:.5;background:repeating-linear-gradient(#0000 0 9px,#0f172a0d 10px,#0000 11px);animation:7s linear infinite techScanRows;position:absolute;inset:0}.tech-mesh{opacity:.82;background:linear-gradient(128deg,#0000 0 20%,#38bdf821 20.1%,#0000 20.7% 48%,#f472b61a 48.1%,#0000 48.6%),linear-gradient(36deg,#0000 0 30%,#14b8a61c 30.1%,#0000 30.7% 67%,#4f46e51a 67.1%,#0000 67.6%);animation:18s ease-in-out infinite alternate techMeshShift;position:absolute;inset:-18%}.tech-sweep{opacity:.62;background:linear-gradient(90deg,#0000,#38bdf8bf,#f472b680,#0000);width:60vw;height:2px;animation:8s ease-in-out infinite techSweep;position:absolute;top:13%;left:-30%;transform:rotate(-18deg)}.tech-rails,.tech-nodes{position:absolute;inset:0}.tech-rails span{opacity:0;background:linear-gradient(90deg,#0000,#38bdf8b8,#0000);width:clamp(96px,16vw,240px);height:1px;animation:5.6s ease-in-out infinite techRailPulse;display:block;position:absolute}.tech-rails span:first-child{animation-delay:0s;top:10%;left:8%}.tech-rails span:nth-child(2){animation-delay:.8s;top:22%;right:12%}.tech-rails span:nth-child(3){animation-delay:1.5s;top:36%;left:2%;transform:rotate(90deg)}.tech-rails span:nth-child(4){animation-delay:2.1s;top:43%;right:4%}.tech-rails span:nth-child(5){animation-delay:2.9s;top:58%;left:12%}.tech-rails span:nth-child(6){animation-delay:3.4s;top:68%;right:16%;transform:rotate(90deg)}.tech-rails span:nth-child(7){animation-delay:4s;top:76%;left:4%}.tech-rails span:nth-child(8){animation-delay:4.6s;top:84%;right:8%}.tech-rails span:nth-child(9){animation-delay:5.1s;top:18%;left:46%;transform:rotate(90deg)}.tech-rails span:nth-child(10){animation-delay:5.7s;top:92%;left:34%}.tech-nodes span{opacity:.42;background:#f8fafcbf;border:1px solid #38bdf8bf;border-radius:2px;width:7px;height:7px;animation:4.8s ease-in-out infinite techNodeBlink;display:block;position:absolute;box-shadow:0 0 16px #38bdf847}.tech-nodes span:first-child{top:8%;left:17%}.tech-nodes span:nth-child(2){animation-delay:.4s;top:16%;left:66%}.tech-nodes span:nth-child(3){animation-delay:.8s;top:27%;left:42%}.tech-nodes span:nth-child(4){animation-delay:1.2s;top:35%;left:84%}.tech-nodes span:nth-child(5){animation-delay:1.6s;top:45%;left:9%}.tech-nodes span:nth-child(6){animation-delay:2s;top:54%;left:58%}.tech-nodes span:nth-child(7){animation-delay:2.4s;top:62%;left:31%}.tech-nodes span:nth-child(8){animation-delay:2.8s;top:70%;left:76%}.tech-nodes span:nth-child(9){animation-delay:3.2s;top:81%;left:13%}.tech-nodes span:nth-child(10){animation-delay:3.6s;top:88%;left:52%}.tech-nodes span:nth-child(11){animation-delay:4s;top:94%;left:88%}.tech-nodes span:nth-child(12){animation-delay:4.4s;top:11%;left:92%}.tech-nodes span:nth-child(13){animation-delay:4.8s;top:74%;left:44%}.tech-nodes span:nth-child(14){animation-delay:5.2s;top:29%;left:23%}.workspace{z-index:1;gap:16px;width:min(100%,1320px);margin:0 auto;display:grid;position:relative}.app-header,.sidebar,.panel{border-radius:var(--radius);box-shadow:var(--shadow)}.app-header{color:#fff;background:linear-gradient(120deg, #38bdf829, transparent 34%), linear-gradient(280deg, #f472b61f, transparent 32%), linear-gradient(145deg, var(--stage) 0%, #111827 58%, #15192a 100%);border:1px solid #94a3b838;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:18px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.app-header:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000c2,#0000 82%);mask-image:linear-gradient(90deg,#000000c2,#0000 82%)}.app-header:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#38bdf8e0,#f472b694,#0000);height:2px;animation:7s ease-in-out infinite workbenchTrace;position:absolute;bottom:0;left:-24%;right:-24%}.app-header>*{z-index:1;position:relative}.app-body{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.sidebar{color:#fff;background:linear-gradient(#38bdf81f,#0000 28%),#020617f0;border:1px solid #94a3b838;gap:14px;padding:16px;display:grid;position:sticky;top:28px;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 78%);mask-image:linear-gradient(#000000b8,#0000 78%)}.sidebar:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#38bdf8e0,#f472b694,#0000);height:2px;animation:6s ease-in-out infinite panelTrace;position:absolute;top:0;left:-35%;right:-35%}.sidebar>*{z-index:2;position:relative}.brand-stack{gap:8px;min-width:0;display:grid}.brand-lockup{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.brand-mark{aspect-ratio:1;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, #38bdf8e6, #f472b6d1), var(--stage-soft);border:1px solid #cbd5e152;place-items:center;width:46px;font-size:22px;font-weight:900;animation:4.8s ease-in-out infinite brandMarkPulse;display:grid}.sidebar-lede{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}.brand-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.brand-metric{border-radius:var(--radius);background:#0f172aad;border:1px solid #cbd5e138;gap:5px;min-width:0;padding:10px;display:grid}.brand-metric strong{color:var(--accent);font-size:22px;line-height:1}.brand-metric span{color:#dbeafe;font-size:11px;font-weight:800;line-height:1.35}.panel{background:#fffffff5;border:1px solid #cbd5e1e6;min-width:0;min-height:calc(100vh - 148px);padding:24px;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg,#38bdf8d1,#f472b6b8,#14b8a6c2);height:3px;animation:7.5s ease-in-out infinite workbenchTrace;position:absolute;top:0;left:0;right:0;transform:translate(-82%)}.panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0 calc(100% - 28px),#38bdf814 calc(100% - 28px),#0000 calc(100% - 27px)),linear-gradient(#0000 0 calc(100% - 28px),#4f46e50f calc(100% - 28px),#0000 calc(100% - 27px));position:absolute;inset:0}.panel>*{z-index:1;position:relative}.auth-panel{align-content:start;align-self:stretch;min-height:0;padding:20px;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.sidebar .eyebrow{color:var(--accent)}h1,h2{letter-spacing:0;margin:0}h1{color:#fff;font-size:26px;line-height:1.25}h2{color:#0f172a;font-size:26px;line-height:1.22}.heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.heading-chip{color:#075985;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:#cbd5e1;border-radius:var(--radius);background:#0f172aa3;border:1px solid #cbd5e124;min-height:42px;padding:0;font-weight:800;position:relative;overflow:hidden}.steps button{width:100%;min-height:44px;color:inherit;cursor:pointer;z-index:1;text-align:left;background:0 0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid;position:relative}.steps button:disabled{cursor:default;opacity:.64}.steps strong{overflow-wrap:anywhere;font-size:14px}.steps li:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#38bdf81f,#0000);position:absolute;inset:0;transform:translate(-100%)}.steps span{color:#e2e8f0;background:#94a3b83d;border-radius:999px;flex:none;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid}.steps li.active{color:#fff;background:#082f49b8;border-color:#38bdf88c}.steps li.active:after{opacity:1;animation:3.8s ease-in-out infinite activeStepSweep}.steps li.active span,.steps li.done span{color:#020617;background:var(--accent)}.reference{border-radius:var(--radius);aspect-ratio:4/3;background-color:#f8fafceb;background-image:url(/model-base.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #cbd5e12e;place-items:center;width:100%;max-height:220px;display:grid;overflow:hidden}.reference img{object-fit:contain;object-position:center;background:0 0;width:100%;height:100%}.form{gap:18px;display:grid}.profile-layout{grid-template-columns:minmax(260px,.76fr) minmax(0,1.6fr);align-items:start;gap:16px;display:grid}.profile-card{border:1px solid var(--line-soft);border-radius:var(--radius);background:#f8fafc;gap:14px;min-width:0;padding:16px;display:grid}.measurements-card{background:linear-gradient(#38bdf80f,#0000 28%),#fff}.profile-card .skin-options{grid-template-columns:1fr}.panel-heading{gap:4px;padding-bottom:4px;display:grid}.loading-state{border:1px solid var(--line-soft);border-radius:var(--radius);width:100%;max-width:640px;min-height:72px;color:var(--muted);background:linear-gradient(90deg,#38bdf814,#0000 48%),#f8fafc;grid-template-columns:32px minmax(0,1fr);justify-content:start;align-items:center;gap:12px;padding:14px 16px;font-weight:800;display:grid}.loading-state strong{color:#0f172a;font-size:15px}.loading-spinner,.mini-spinner{border-radius:999px;animation:.85s linear infinite loadingSpin;display:inline-block}.loading-spinner{border:3px solid #e2e8f0;border-top-color:var(--accent-strong);border-right-color:var(--rose);width:28px;height:28px}.mini-spinner{border:2px solid #cbd5e147;border-top-color:var(--accent);width:14px;height:14px}.muted-text{color:#cbd5e1;font-size:14px;font-weight:800}.account-loading{align-items:center;gap:8px;display:inline-flex}.account-panel{border-radius:var(--radius);background:#0f172ab8;border:1px solid #cbd5e12e;gap:10px;padding:14px;display:grid}.account-meta{gap:3px;min-width:0;display:grid}.account-meta strong,.account-meta span{overflow-wrap:anywhere}.account-meta strong{color:#fff;font-size:15px}.account-meta span{color:#cbd5e1;font-size:13px}.account-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{color:#e2e8f0;background:#94a3b829;border:1px solid #cbd5e133;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:13px;font-weight:900;display:inline-flex}.badge.member{color:#fdf2f8;background:#f472b629;border-color:#f472b673}label{color:#334155;gap:8px;font-size:14px;font-weight:800;display:grid}.field{gap:8px;display:grid}.field-section{gap:12px;padding-top:2px;display:grid}.field-section+.field-section{border-top:1px solid var(--line-soft);padding-top:16px}.field-section-title{color:#475569;font-size:13px;font-weight:900}.field-label{color:#334155;font-size:14px;font-weight:800}input,select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);background:#fff;padding:10px 12px}input[type=file]{padding:8px}input::file-selector-button{border:1px solid var(--line);color:#0f172a;cursor:pointer;background:#f8fafc;border-radius:6px;min-height:30px;margin-right:10px;font-weight:800}input:focus,select:focus{border-color:var(--accent-strong);outline:3px solid #38bdf833}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.input-with-unit{position:relative}.input-with-unit input{padding-right:48px}.input-with-unit span{color:var(--muted);font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.skin-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.skin-option{border:1px solid var(--line);border-radius:var(--radius);color:#334155;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 10px;font-weight:800;display:flex}.skin-option span{border:1px solid #1118272e;border-radius:999px;flex:none;width:18px;height:18px}.skin-option.active{color:#0f172a;background:#ecfeff;border-color:#14b8a6bf;box-shadow:0 0 0 2px #14b8a614}.auth-form{background:0 0;border:0;align-self:start;width:100%;max-width:none;margin:0;padding:0}.auth-content{grid-template-columns:minmax(320px,1fr) minmax(220px,.58fr);align-items:start;gap:16px;display:grid}.auth-fields{gap:14px;min-width:0;display:grid}.auth-tech-strip{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(90deg,#38bdf814,#0000 48%),#f8fafc;grid-template-columns:1fr;gap:10px;padding:10px;display:grid}.auth-tech-item{border-radius:var(--radius);background:#fff;border:1px solid #e2e8f0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:58px;padding:9px 10px;display:grid}.auth-tech-item strong{color:#334155;overflow-wrap:anywhere;font-size:13px}.auth-tech-icon{background:#f8fafc;border:1px solid #38bdf8ad;border-radius:7px;width:30px;height:30px;display:block;position:relative;overflow:hidden}.auth-tech-icon:before,.auth-tech-icon:after{content:"";position:absolute}.auth-tech-icon.scan:before{border:1px solid #0f172a47;border-radius:5px;inset:6px}.auth-tech-icon.scan:after{background:var(--accent);height:2px;animation:2.8s ease-in-out infinite authScanLine;top:50%;left:5px;right:5px;box-shadow:0 0 10px #38bdf87a}.auth-tech-icon.mesh{background:radial-gradient(circle at 8px 8px, var(--accent) 0 2px, transparent 2.5px), radial-gradient(circle at 22px 10px, var(--rose) 0 2px, transparent 2.5px), radial-gradient(circle at 15px 22px, var(--teal) 0 2px, transparent 2.5px), #f8fafc}.auth-tech-icon.mesh:before{border-top:1px solid #0f172a52;border-left:1px solid #0f172a52;width:16px;height:13px;top:9px;left:9px;transform:skew(-18deg)}.auth-tech-icon.vault:before{border:2px solid #0f172a4d;border-bottom:0;border-radius:999px 999px 0 0;height:9px;top:5px;left:8px;right:8px}.auth-tech-icon.vault:after{background:linear-gradient(135deg,#38bdf8d9,#4f46e5bf);border-radius:4px;height:13px;bottom:6px;left:7px;right:7px}.auth-tabs,.account-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-tab,.account-type-option{border:1px solid var(--line);border-radius:var(--radius);color:#334155;cursor:pointer;background:#fff;min-height:44px;padding:10px 12px;font-weight:900}.auth-tab.active,.account-type-option.active{color:#0f172a;background:#e0f2fe;border-color:#38bdf8bf}.face-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.face-placeholder{border:1px dashed var(--line);border-radius:var(--radius);background:linear-gradient(90deg,#0000 0 46%,#e2e8f0 46% 54%,#0000 54%),linear-gradient(#fff,#f8fafc);min-height:116px}.slider-field{gap:6px}.range-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:10px;display:grid}.range-row input{min-height:28px;accent-color:var(--teal);padding:0}.range-row strong{color:#0f766e;text-align:right;font-size:14px}.primary,.secondary{border-radius:var(--radius);cursor:pointer;min-height:46px;padding:12px 16px;font-weight:900}.primary{color:#fff;background:linear-gradient(90deg, #38bdf83d, #f472b62e), var(--primary)}.primary:hover{background:linear-gradient(90deg, #38bdf847, #f472b638), var(--primary-strong)}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.66}.compact-button{min-height:34px;padding:7px 10px;font-size:13px}.secondary{color:#0f172a;border:1px solid var(--line);background:#fff}.secondary:hover{background:#f1f5f9}.text-danger{color:#fca5a5;cursor:pointer;background:0 0;min-height:36px;padding:8px 0;font-size:14px;font-weight:900}.panel .text-danger,.cloth-header .text-danger{color:var(--danger)}.text-danger:hover{color:#7a271a}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tryon-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:12px;display:grid}.tryon-context{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(90deg,#38bdf814,#0000 42%),#f8fafc;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.tryon-context-media{aspect-ratio:3/4;border:1px solid var(--line-soft);border-radius:var(--radius);background:#fff;place-items:center;width:112px;display:grid;overflow:hidden}.tryon-context-media img{object-fit:contain;width:100%;height:100%}.tryon-context-media p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.tryon-context-body{gap:8px;min-width:0;display:grid}.empty-state{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(135deg,#38bdf814,#f472b60f),#f8fafc;align-content:center;justify-items:start;gap:10px;min-height:260px;padding:22px;display:grid}.empty-state-line{background:linear-gradient(90deg, var(--accent), var(--rose));border-radius:999px;width:54px;height:3px}.empty-state strong{color:#0f172a;font-size:18px}.empty-state p{max-width:520px;color:var(--muted);margin:0;font-size:14px;font-weight:700;line-height:1.7}.error{color:var(--danger);border-radius:var(--radius);background:#fff1f2;border:1px solid #fecdd3;margin:0;padding:10px 12px;font-size:14px;font-weight:700}.preview,.cloth-preview{border-radius:var(--radius);background:linear-gradient(180deg, #ffffffeb, #f8fafceb), var(--surface-muted);border:1px dashed #94a3b8;place-items:center;display:grid;overflow:hidden}.preview{height:clamp(320px,44vh,500px);padding:14px}.preview img,.preview video{object-fit:contain;width:100%;height:100%}.avatar-media-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;gap:14px;display:grid}.avatar-preview{background:#fff;height:clamp(300px,42vh,460px)}.motion-preview{border-style:solid}.preview.compact{height:clamp(220px,30vh,320px)}.preview.compact img{max-height:100%}.result-assets{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(#38bdf80f,#0000 34%),#f8fafc;grid-template-columns:repeat(2,minmax(260px,1fr));align-items:start;gap:14px;padding:14px;display:grid}.result-asset{gap:8px;min-width:0;display:grid}.result-asset .caption{margin-bottom:0}.result-source-preview{background:linear-gradient(#fffffff0,#f1f5f9f0),#fff;border-style:solid;height:clamp(260px,34vh,380px);padding:24px}.result-source-preview img,.result-source-preview video{object-fit:contain;width:100%;height:100%}.result-source-preview video{background:#020617}.preview.tryon-result{background:#fff;border-style:solid;height:auto;min-height:360px;padding:18px;overflow:visible}.preview.tryon-result img,.preview.tryon-result video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(72vh,760px)}.preview.tryon-result video{background:#020617;width:min(100%,860px)}.preview p,.cloth-preview p{color:var(--muted);text-align:center;margin:0;font-size:15px;font-weight:800}.cloth-manager{gap:8px;display:grid}.cloth-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cloth-header label{display:block}.cloth-preview{gap:10px;min-height:154px;padding:12px}.cloth-preview img{object-fit:contain;max-height:180px}.cloth-preview p{overflow-wrap:anywhere;max-width:100%}.cloth-preview.filled{background:#fff;border-style:solid}.scope-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scope-option{border:1px solid var(--line);border-radius:var(--radius);color:#334155;cursor:pointer;background:#fff;align-items:center;gap:8px;min-height:42px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.scope-option input{width:16px;min-height:16px;accent-color:var(--teal);margin:0}.scope-option.active{color:#0f172a;background:#eef2ff;border-color:#4f46e594}.summary{flex-wrap:wrap;gap:8px;display:flex}.summary span{border:1px solid var(--line-soft);color:#334155;background:var(--surface-muted);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.avatar-library{border:1px solid var(--line-soft);border-radius:var(--radius);background:#f8fafc;gap:12px;padding:14px;display:grid}.library-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.library-heading .caption{margin-bottom:3px}.library-heading strong{color:#334155;font-size:14px}.avatar-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.avatar-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:84px minmax(0,1fr);gap:10px;min-width:0;padding:8px;display:grid}.avatar-card.active{border-color:#38bdf8d9;box-shadow:0 0 0 2px #38bdf821}.avatar-thumb{aspect-ratio:3/4;border:1px solid var(--line-soft);border-radius:var(--radius);cursor:pointer;background:#fff;place-items:center;width:84px;padding:0;display:grid;overflow:hidden}.avatar-thumb img{object-fit:contain;width:100%;height:100%}.avatar-card-body{align-content:start;gap:6px;min-width:0;display:grid}.avatar-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.avatar-card-title strong{font-size:13px}.avatar-card-title span{color:#020617;background:var(--accent);border-radius:999px;padding:3px 6px;font-size:11px;font-weight:900}.avatar-card-body p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:800}.avatar-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.caption{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:900}.history-section{gap:10px;padding-top:2px;display:grid}.history-heading .caption{margin-bottom:0}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.history-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-rows:160px auto;min-width:0;display:grid;overflow:hidden}.history-media{background:var(--surface-muted);place-items:center;display:grid;overflow:hidden}.history-media img,.history-media video{object-fit:contain;width:100%;height:100%}.history-meta{gap:2px;padding:10px;display:grid}.history-meta strong{font-size:13px}.history-meta span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.notice{color:#334155;border-radius:var(--radius);background:#f0f9ff;border:1px solid #bae6fd;margin:0;padding:12px;font-size:14px;font-weight:700}@keyframes techGridDrift{0%{transform:translate(0,0)}to{transform:translate(64px,64px)}}@keyframes techScanRows{0%{transform:translateY(0)}to{transform:translateY(44px)}}@keyframes techMeshShift{0%{transform:translate(-1.8%,-1%)scale(1)}to{transform:translate(1.6%,1%)scale(1.02)}}@keyframes techSweep{0%{opacity:0;transform:translate(0)rotate(-18deg)}18%,62%{opacity:.68}to{opacity:0;transform:translate(168vw)rotate(-18deg)}}@keyframes techRailPulse{0%,to{opacity:0;clip-path:inset(0 100% 0 0)}22%,58%{opacity:.72;clip-path:inset(0)}}@keyframes techNodeBlink{0%,to{opacity:.28;transform:scale(1)}45%{opacity:.9;transform:scale(1.18)}}@keyframes panelTrace{0%{opacity:.18;transform:translateY(0)}28%,65%{opacity:.74}to{opacity:0;transform:translateY(100vh)}}@keyframes brandMarkPulse{0%,to{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 26px #38bdf852}}@keyframes workbenchTrace{0%,to{transform:translate(-82%)}48%,62%{transform:translate(82%)}}@keyframes activeStepSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes authScanLine{0%,to{opacity:.32;transform:translateY(-8px)}50%{opacity:.9;transform:translateY(8px)}}@keyframes loadingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.shell{padding:16px}.app-header,.app-body{grid-template-columns:1fr}.sidebar{position:static}.reference{max-height:260px}.panel{min-height:auto}}@media (max-width:620px){.panel,.sidebar{padding:18px}.brand-lockup{grid-template-columns:40px minmax(0,1fr)}.brand-mark{width:40px;font-size:20px}.brand-metrics,.profile-layout,.auth-content,.auth-tech-strip,.grid.two,.grid.three,.skin-options,.auth-tabs,.account-type-options,.actions,.tryon-actions,.avatar-media-grid,.tryon-context,.avatar-library-grid,.scope-options,.result-grid,.result-assets,.face-grid,.history-grid{grid-template-columns:1fr}.heading-row,.cloth-header,.library-heading{flex-direction:column;align-items:stretch}.preview{height:420px}.preview.compact{height:300px}.result-source-preview{height:280px;padding:20px}.preview.tryon-result{height:auto;min-height:360px}}