:root{--bg: #0b0b0c;--panel: #111113;--line: rgba(255, 255, 255, .08);--text: #f4f1ea;--muted: rgba(244, 241, 234, .52);--accent: #ecc84a;--card: #17171a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root,.antd-root,.ant-app{width:100%;height:100%;margin:0;background:var(--bg);color:var(--text);overflow:hidden}body{height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.antd-root,.ant-app{display:flex;flex-direction:column;min-height:0}.app-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);flex:1 1 auto;height:100%;min-height:0}.fitting,.closet{min-width:0;min-height:0;display:flex;flex-direction:column}.fitting{position:relative;background:#000}.fitting-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.fitting-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#08080a61;pointer-events:none}.fitting-veil span{padding:10px 18px;border-radius:999px;background:#0c0c0eb8;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:13px;letter-spacing:.14em;font-weight:600}.fitting-dock{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:12;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:999px;background:#0c0c0e94;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:calc(100% - 24px);white-space:nowrap}.fitting-dock .ant-btn{min-height:38px;padding:0 12px;border-radius:999px;font-weight:650;flex:0 0 auto}.fitting-dock .ant-btn-default{background:transparent!important;border-color:transparent!important;color:#fff!important}.fitting-dock .ant-btn-primary{background:var(--accent)!important;color:#111!important;border-color:transparent!important;font-weight:750;min-width:84px}.shot-times .ant-segmented{background:transparent}.shot-times .ant-segmented-item-selected{background:#ecc84af2!important;color:#111!important;font-weight:750}.shot-times{flex:0 0 auto}.shot-times .ant-segmented-item-label{min-height:32px;line-height:32px;padding:0 8px;color:#ffffffe0;font-weight:650}.shot-times .ant-segmented-item-selected .ant-segmented-item-label{color:#111}.back-search{display:none}.shot-count,.shot-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shot-count{z-index:14;display:grid;place-items:center;font-size:min(28vw,220px);font-weight:800;color:#fff;text-shadow:0 8px 32px rgba(0,0,0,.55);background:#0000002e}.shot-flash{z-index:15;background:#fff}.closet{position:relative;background:var(--panel);border-left:1px solid var(--line);overflow:hidden}.closet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0;flex-shrink:0}.closet-brand{display:flex;flex-direction:column;gap:2px;min-width:0}.closet-brand-row{display:flex;align-items:center;gap:10px;min-width:0}.closet-brand strong{font-size:13px;letter-spacing:.28em;font-weight:650;color:var(--text);flex-shrink:0}.reload-page{height:32px;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(236,200,74,.55)!important;background:#ecc84a29!important;color:var(--accent)!important;font-size:12px!important;font-weight:700!important;white-space:nowrap}.reload-page:hover{background:var(--accent)!important;color:#111!important;border-color:var(--accent)!important}.closet-brand span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.closet-tabs{flex:1;min-width:0;display:flex;justify-content:flex-end}.closet-tabs .ant-segmented{background:#1a1a1e;padding:3px;border:1px solid var(--line);border-radius:999px}.closet-tabs .ant-segmented-item-selected{background:#2a2a2e!important;color:#fff!important;font-weight:700;box-shadow:none}.closet-tabs .ant-segmented-item-label{min-height:34px;line-height:34px;padding:0 14px;font-weight:600}.search-panel,.history-panel{flex-shrink:0}.search-bar,.tools{display:flex;gap:8px;padding:10px 18px 0;align-items:stretch}.search-bar .ant-input-search,.search-bar .ant-input-group-wrapper,.url-compact{flex:1 1 auto;min-width:0}.search-bar .ant-select-selector,.search-bar .ant-input-affix-wrapper,.search-bar .ant-input,.tools .ant-input,.tools .ant-input-affix-wrapper{background:#0e0e10!important;border-color:var(--line)!important}.search-bar .ant-input-search .ant-input-search-button{border-radius:0 999px 999px 0!important;font-weight:700;min-width:68px}.chips{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 18px 0;flex-shrink:0;overflow-x:auto}.chip{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:13px;font-weight:550;cursor:pointer;white-space:nowrap}.chip.active{background:var(--accent);color:#111;border-color:transparent;font-weight:700}.history-panel{display:flex;justify-content:flex-end;padding:8px 18px 0}.status-row{padding:8px 18px 0;color:var(--muted);font-size:12px;letter-spacing:.04em;flex-shrink:0;min-height:1.4em}.status-row .is-live{color:var(--accent)}.session-strip{display:flex;align-items:center;gap:8px;padding:10px 18px 0;flex-shrink:0;overflow-x:auto}.session-strip em{font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--muted);flex-shrink:0}.session-thumb{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0e0e10;cursor:pointer;flex-shrink:0}.session-thumb img{width:100%;height:100%;object-fit:cover;display:block}.session-thumb.on{border-color:var(--accent)}.grid{flex:1 1 0%;height:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 18px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:max-content;gap:12px;align-items:start;align-content:start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.grid::-webkit-scrollbar{width:8px}.grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}.garment-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.garment-card:hover{transform:translateY(-2px);border-color:#ecc84a59}.garment-card.picked{border-color:var(--accent)}.garment-media{position:relative}.garment-card img{display:block;width:100%;height:228px;object-fit:cover;background:#0a0a0c}.card-del{position:absolute;right:8px;top:8px;z-index:2;height:28px;padding:0 10px;border:0;border-radius:999px;background:#0c0c0ec7;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.card-del:hover{background:#c44747}.card-fav{flex-shrink:0;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.card-fav.on,.card-fav:hover{border-color:var(--accent);color:var(--accent)}.card-fav.on{background:#ecc84a29}.wear-badge{position:absolute;left:8px;top:8px;font-style:normal;font-size:11px;letter-spacing:.08em;padding:4px 8px;border-radius:999px;background:var(--accent);color:#111;font-weight:700}.garment-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 10px}.garment-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.garment-card .tryon{flex-shrink:0;height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--text);font-weight:650;font-size:12px;letter-spacing:.08em;cursor:pointer}.garment-card:hover .tryon,.garment-card.picked .tryon{background:var(--accent);color:#111}.garment-card.busy .tryon{opacity:.7}.garment-card.skeleton{pointer-events:none;border-color:transparent}.skel-img,.skel-bar{background:linear-gradient(90deg,#1a1a1e,#242428,#1a1a1e);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skel-img{height:228px}.skel-bar{height:28px;margin:10px;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.grid-empty{grid-column:1 / -1;padding:48px 8px}.shot-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0c0c0ef5;display:grid;place-items:center;padding:16px}.shot-card{width:100%;height:100%;max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);gap:20px;padding:8px;align-items:center}.shot-card>img{width:100%;max-height:100%;object-fit:contain;border-radius:16px;background:#000}.shot-side{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.shot-kicker{margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.shot-side h3{margin:0;font-size:clamp(18px,2vw,24px);font-weight:650}.shot-qr{width:min(38vh,240px);height:min(38vh,240px);background:#fff;border-radius:16px;padding:12px}.shot-hint{color:var(--muted);font-size:13px;margin:0}@media(max-width:900px){.shot-card{grid-template-columns:1fr;overflow:auto}.shot-card>img{max-height:36vh}.shot-qr{width:min(32vh,200px);height:min(32vh,200px)}}@media(min-width:1400px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.garment-card img,.skel-img{height:248px}}@media(min-width:1920px){.app-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.garment-card img,.skel-img{height:270px}}@media(min-width:2560px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.garment-card img,.skel-img{height:310px}}@media(max-width:1100px)and (orientation:portrait){.app-layout{grid-template-columns:1fr;grid-template-rows:minmax(38vh,46vh) minmax(0,1fr)}.closet{border-left:0;border-top:1px solid var(--line)}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.closet-head{flex-wrap:wrap}.closet-tabs{justify-content:flex-start;width:100%}}@media(max-width:700px){.app-layout{grid-template-columns:1fr;grid-template-rows:minmax(34vh,40vh) minmax(0,1fr)}.search-bar,.tools{flex-wrap:wrap}.tools{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.garment-card img,.skel-img{height:188px}.back-search{display:inline-flex}.closet-brand span{display:none}.closet-brand-row{flex-wrap:wrap}.reload-page{font-size:12px!important;white-space:normal;height:auto;min-height:32px;line-height:1.3;padding:6px 10px!important}.closet-head{padding-top:10px}.closet-tabs{width:100%;justify-content:stretch}.closet-tabs .ant-segmented{width:100%}.fitting-dock{bottom:12px}.app-layout.show-fitting{grid-template-columns:1fr;grid-template-rows:1fr}.app-layout.show-fitting .closet{display:none}.app-layout.show-fitting .fitting{height:100%;min-height:0}}@media(hover:hover)and (pointer:fine){.chip:hover{border-color:#ecc84a73;color:var(--text)}}