@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy: #1C1D22;--navy-light: #6C5CE0;--lavender: #6C5CE0;--lavender-soft: #EEEBFC;--rose: #6C5CE0;--rose-soft: #F0EDE6;--bg: #F4F5F8;--card: #ffffff;--text: #1C1D22;--text-muted: #6B7280;--border: #E4E6EC;--success: #2E9E6B;--warning: #C98A2C;--error: #D6483A;--radius: 20px;--shadow: 0 2px 10px rgba(28,29,34,.06);--accent: var(--lavender);--ink: var(--navy);--muted: var(--text-muted);--line: var(--border);--surface: var(--card);--surface-2: #ECEEF3;--radius-s: 10px;--radius-m: 16px;--radius-l: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.app-layout{min-height:100vh}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:100;background:#f4f5f8eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:1px;flex:0 0 auto}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--lavender);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto}.sidebar-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;cursor:pointer;transition:all .15s;font-size:13.5px;font-weight:600;color:var(--text-muted);text-decoration:none}.nav-item:hover{background:var(--lavender-soft);color:var(--navy)}.nav-item.active{background:var(--navy);color:#fff}.nav-icon{font-size:15px}.nav-divider{display:none}.sidebar-footer{display:flex;align-items:center;gap:14px;flex:0 0 auto}.user-balance{background:var(--card);border:1px solid var(--border);padding:7px 14px;border-radius:999px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow)}.user-balance .label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.user-balance .amount{font-size:13.5px;font-weight:700}.user-balance:hover{border-color:var(--lavender)}.main{max-width:1120px;margin:0 auto;min-height:100vh;padding:28px 24px 80px}.section-header{margin-bottom:24px}.section-header h2{font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.section-header p{font-size:13.5px;color:var(--text-muted)}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.card h2{font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}label{font-size:12.5px;font-weight:700;color:var(--text-muted);letter-spacing:.2px}input[type=text],input[type=number],input[type=email],input[type=password],input[type=url],textarea,select{padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;font-family:inherit;color:var(--text);transition:border-color .15s;background:var(--bg);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--lavender)}textarea{resize:vertical;min-height:100px}.btn{padding:11px 22px;border:none;border-radius:10px;font-size:13.5px;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:all .15s;font-family:inherit;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--lavender);color:#fff;box-shadow:0 4px 14px #6c5ce047}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce059}.btn-secondary{background:var(--lavender-soft);color:var(--navy)}.btn-secondary:hover{background:var(--lavender);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-zone{border:1.5px dashed var(--border);border-radius:16px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg);position:relative}.upload-zone:hover{border-color:var(--lavender);background:var(--lavender-soft)}.upload-icon{font-size:40px;margin-bottom:10px;opacity:.4}.upload-text{font-size:13px;color:var(--text-muted);margin-bottom:4px}.upload-hint{font-size:11px;color:var(--text-muted);opacity:.7}.photo-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#1c1d22bf;color:#fff;font-size:13px;line-height:1;cursor:pointer;padding:0}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;background:var(--bg)}.badge-success,.badge.success{background:#2e9e6b21;color:#206b4a}.badge-warning,.badge.warning{background:#c98a2c26;color:#8a5f1e}.badge-error,.badge.error{background:#d6483a21;color:#a13327}.badge.accent{background:var(--lavender-soft);color:var(--accent);text-transform:none;font-size:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.notification{position:fixed;top:20px;right:20px;z-index:9999;padding:14px 22px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px #1c1d222e;transition:all .3s;color:#fff}.notification.success{background:var(--success)}.notification.error{background:var(--error)}.hamburger{display:none;background:none;border:none;padding:6px;font-size:20px;cursor:pointer}.trait-card{background:var(--bg);border-radius:var(--radius-m);padding:14px 16px}.trait-card .k{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.trait-card .v{font-size:14.5px;font-weight:700;margin-top:4px}.trait-card .d{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.4}.palette-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.swatch{width:40px;height:40px;border-radius:10px;box-shadow:inset 0 0 0 1px #0000000f;position:relative}.swatch[data-name]:hover:after{content:attr(data-name);position:absolute;bottom:46px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:5}.rules-list{margin:0;padding-left:18px;font-size:13px;color:var(--ink);line-height:1.8}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:outline .1s}.product-card.selected{outline:2px solid var(--accent);box-shadow:0 0 0 3px #6c5ce02e}.product-photo{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo .avail-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px}.product-body{padding:11px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.product-cat{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.product-brand{font-size:12px;font-weight:700}.product-name{font-size:12.5px;color:var(--muted);line-height:1.3;min-height:32px}.product-meta{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700}.product-actions{display:flex;gap:6px;margin-top:4px}.product-actions .btn{flex:1;padding:8px 6px;font-size:11.5px}.look-card{background:var(--bg);border-radius:var(--radius-m);padding:14px}.look-swatches{display:flex;gap:6px;margin-bottom:10px}.look-swatches span{width:28px;height:28px;border-radius:8px;display:inline-block}.look-title{font-size:13px;font-weight:700}.look-items{font-size:12px;color:var(--muted);margin-top:3px}.combo-list{display:flex;flex-direction:column;gap:10px}.combo-row{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px;background:var(--bg);border-radius:var(--radius-m)}.combo-row .sw{width:22px;height:22px;border-radius:6px;flex:0 0 auto}.tryon-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:start}.tryon-preview{background:var(--surface-2);border-radius:var(--radius-l);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.tryon-preview img{width:100%;height:100%;object-fit:cover}.tryon-preview .placeholder{text-align:center;color:var(--muted);font-size:13px;padding:20px}.tryon-result-badge{position:absolute;top:10px;left:10px;background:#1c1d22bf;color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;z-index:3}.ba-slider{position:relative;max-width:420px;margin:0 auto;border-radius:var(--radius-l);overflow:hidden;background:var(--surface-2);-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize}.ba-slider>.ba-img{display:block;width:100%;height:auto}.ba-before{position:absolute;top:0;right:0;bottom:0;left:0;width:50%;overflow:hidden}.ba-before .ba-img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none}.ba-tag{position:absolute;bottom:10px;z-index:3;background:#1c1d22bf;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.ba-tag-before{left:10px}.ba-tag-after{right:10px}.ba-handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #00000026;transform:translate(-1px);z-index:4}.ba-handle-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;letter-spacing:-1px}.ba-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0a0ee6;display:flex;align-items:center;justify-content:center;padding:48px 20px}.ba-zoom-close{position:fixed;top:16px;right:20px;z-index:1001;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.ba-zoom-close:hover{background:#ffffff47}.ba-slider-zoom{display:inline-block;max-width:90vw;max-height:90vh;margin:0;cursor:ew-resize}.ba-slider-zoom>.ba-img{display:block;width:auto;height:auto;max-width:90vw;max-height:90vh}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0a0e8c;display:flex;align-items:center;justify-content:center;padding:20px}.share-modal{position:relative;width:100%;max-width:360px;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-l);padding:20px;box-shadow:0 20px 60px #00000040}.share-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:50%;background:var(--surface-2);color:var(--ink);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.share-modal-title{margin:0 0 14px;font-size:16px;text-align:center}.share-modal-img{display:block;width:auto;height:auto;max-width:50%;max-height:50vh;border-radius:var(--radius-m);margin:0 auto 14px}.share-modal-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.share-modal-items{margin:10px 0 0;padding-left:18px;font-size:13px;color:var(--muted)}.share-modal-items a{color:var(--navy)}.item-pick-row{display:flex;align-items:center;gap:12px;background:var(--bg);border-radius:var(--radius-m);padding:12px;margin-bottom:12px}.item-pick-row .sw{width:44px;height:44px;border-radius:10px;flex:0 0 auto}.item-pick-row .thumb{width:44px;height:56px;object-fit:cover;border-radius:10px;flex:0 0 auto}.item-pick-row .info{flex:1}.item-pick-row .name{font-weight:700;font-size:13px}.item-pick-row .cat{font-size:11.5px;color:var(--muted)}.item-pick-row .fit-select{margin-top:6px;font-size:12px;padding:4px 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);max-width:100%}.tryon-history{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px}.tryon-history-item{background:var(--bg);border-radius:var(--radius-s);padding:8px;text-align:center}.tryon-history-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;margin-bottom:6px}.tryon-history-item .n{font-size:11px;font-weight:700}.tryon-history-item .n a{color:var(--accent);text-decoration:underline}.tryon-item-cards{display:flex;flex-direction:column;gap:5px;margin-bottom:6px;text-align:left}.tryon-item-card{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:5px 6px;text-decoration:none;color:inherit}a.tryon-item-card:hover{border-color:var(--accent)}.tryon-item-card .ti-thumb{flex:none;width:26px;height:32px;object-fit:cover;border-radius:4px}.tryon-item-card .ti-sw{flex:none;width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.12)}.tryon-item-card .ti-info{min-width:0}.tryon-item-card .ti-name{font-size:11px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tryon-item-card .ti-cat{font-size:10px;color:var(--muted);line-height:1.2}.tryon-history-item .d{font-size:10px;color:var(--muted)}.tryon-preview-col{display:flex;flex-direction:column;gap:12px}.photo-picker-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.photo-pick-thumb{width:56px;height:56px;padding:0;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:none;flex:0 0 auto}.photo-pick-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-pick-thumb.active{border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1d2273;display:none;align-items:center;justify-content:center;z-index:90;padding:20px}.modal-overlay.active{display:flex}.modal{background:var(--surface);border-radius:var(--radius-l);padding:22px;width:100%;max-width:380px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2)}.modal h3{margin:0 0 14px;font-size:16px}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-item-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.modal-item-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--bg);border:none;border-radius:var(--radius-m);padding:10px 12px;text-align:left;cursor:pointer}.modal-item-row .sw{width:36px;height:36px;border-radius:8px;flex:0 0 auto}.modal-item-row .thumb{width:40px;height:50px;object-fit:cover;border-radius:8px;flex:0 0 auto}.modal-item-row .info{flex:1}.modal-item-row .name{font-weight:700;font-size:12.5px}.modal-item-row .cat{font-size:11px;color:var(--muted)}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.season-chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.season-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:13.5px}.profile-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.profile-chip{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid transparent;border-radius:999px;padding:7px 14px 7px 7px;font-size:13px;font-weight:600;cursor:pointer}.profile-chip .mini-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.profile-chip .mini-avatar img{width:100%;height:100%;object-fit:cover}.profile-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.profile-chip.active .mini-avatar{background:var(--accent)}.profile-chip.add{background:transparent;border:1px dashed var(--line);color:var(--muted)}.profile-card.collapsed .profile-card-body{display:none}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.photo-group input[type=file]{display:none}.photo-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.photo-thumb{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb button[data-remove]{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000a6;color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;padding:0}.photo-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}@media (max-width: 860px){.photo-row{grid-template-columns:1fr}}.tryon-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;display:flex;align-items:center;gap:16px;box-shadow:0 14px 34px #1c1d2247;z-index:70}.tryon-bar-count{font-size:13px;font-weight:700}.tryon-bar .btn-ghost{background:#ffffff26;color:#fff;border:none}@media (max-width: 860px){.tryon-layout{grid-template-columns:1fr}.tryon-history{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.topbar-inner{flex-wrap:wrap}.sidebar-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}.main{padding:20px 16px}.columns,.form-grid{grid-template-columns:1fr}}