.nav-wrapper{flex:0 0 380px}.nav-wrapper .nav-menus{border-right:1px solid #e0e0e0;flex:0 0 80px}.nav-wrapper .nav-menus .menu-item{white-space:nowrap;padding:10px 0}.nav-wrapper .nav-container{-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.nav-wrapper .nav-container::-webkit-scrollbar{display:none}.nav-wrapper .nav-container .model-wrapper .model-list .model-item{aspect-ratio:260/380;cursor:pointer;border-radius:5px;transition:all .3s;overflow:hidden}.nav-wrapper .nav-container .model-wrapper .model-list .model-item:hover{transform:scale(1.05)}.nav-wrapper .nav-container .model-wrapper .model-list .model-item.active{border:1px solid #030303}.nav-wrapper .nav-container .history-wrapper{-ms-overflow-style:none;scrollbar-width:none}.nav-wrapper .nav-container .history-wrapper::-webkit-scrollbar{display:none}.dock{background:#f1f2f4;flex:0 0 600px;min-width:0;height:100%;display:flex}.dock .dock-nav{background:#fff;border-right:1px solid #eee;flex-direction:column;flex:0 0 168px;gap:6px;padding:18px 12px;display:flex}.dock .dock-nav .dock-item{color:#52525c;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 12px;font-size:14px;display:flex}.dock .dock-nav .dock-item svg{flex:none;width:18px;height:18px}.dock .dock-nav .dock-item.active{color:#1b1b1b;background:#e0ffc7;font-weight:650}.dock .dock-panel{flex:1;min-width:0;min-height:0;padding:12px}.dock .tryon-stack,.dock .history-card{height:100%;min-height:0}.dock .tryon-stack{flex-direction:column;gap:10px;display:flex}.dock .history-card{background:#fff;border-radius:16px;overflow:hidden}.dock .block-title{color:#18181b;margin:0 0 10px;font-size:14px;font-weight:650}.dock .model-card,.dock .wardrobe-card,.dock .selected-card{background:#fff;border-radius:16px;padding:14px}.dock .model-card,.dock .selected-card{flex:none}.dock .wardrobe-card{flex-direction:column;flex:1;min-height:0;display:flex}.dock .model-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dock .model-head .block-title{margin:0}.dock .model-all{color:#52525c;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.dock .model-all:hover{color:#1b1b1b}.dock .model-scroller{--model-gap:8px;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 5*var(--model-gap))/5.5);gap:var(--model-gap);scrollbar-width:none;display:grid;overflow-x:auto}.dock .model-scroller::-webkit-scrollbar{display:none}.dock .model-thumb{aspect-ratio:260/380;cursor:pointer;background:#f3f3f3;border:2px solid #0000;border-radius:8px;width:100%;height:auto;padding:0;position:relative;overflow:hidden}.dock .model-thumb.active{border-color:#1b1b1b}.dock .category{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.dock .category .item{color:#8d8d8d;cursor:pointer;border-radius:999px;height:28px;padding:0 10px;font-size:13px;line-height:28px}.dock .category .item.active{color:#fff;background:#1b1b1b;font-weight:650}.dock .wardrobe-body{scrollbar-width:none;grid-template-columns:repeat(4,1fr);grid-auto-rows:108px;align-content:start;gap:8px;display:grid}.dock .wardrobe-body::-webkit-scrollbar{display:none}.dock .clothes-item{cursor:pointer;background:#f6f6f6;border:2px solid #0000;border-radius:10px;height:108px;position:relative;overflow:hidden}.dock .clothes-item.upload{color:#174539;background:#e2ffd08c;border:1px dashed #174539}.dock .clothes-item.upload .upload-hit,.dock .clothes-item.upload .upload-hit>div{width:100%;height:100%}.dock .clothes-item.upload .upload-hit>div{justify-content:center;align-items:center;display:flex}.dock .clothes-item.active{border-color:#1b1b1b}.dock .delete-garment{z-index:2;color:#e23b3b;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:4px;display:none;position:absolute;top:4px;right:4px}.dock .clothes-item:hover .delete-garment{display:flex}.dock .pick-check{z-index:1;color:#e0ffc7;background:#1b1b1b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:4px;right:4px}.dock .pick-check svg{width:10px;height:10px}.dock .selected-row{align-items:center;gap:16px;min-height:48px;margin-bottom:12px;display:flex}.dock .selected-group{color:#52525c;align-items:center;gap:8px;font-size:12px;display:flex}.dock .selected-thumb{background:#f6f6f6;border:2px solid #1b1b1b;border-radius:6px;width:36px;height:48px;position:relative;overflow:hidden}.dock .selected-remove{z-index:1;color:#1b1b1b;cursor:pointer;background:0 0;border:0;padding:0;display:none;position:absolute;top:-6px;right:-6px}.dock .selected-thumb:hover .selected-remove{display:block}.dock .tryon{color:#fff;cursor:pointer;background:#1b1b1b;border:0;border-radius:999px;width:100%;height:42px;font-size:15px;font-weight:600}.dock .tryon:disabled{cursor:not-allowed;opacity:.6}.model-modal-grid{grid-template-columns:repeat(5,1fr);gap:10px;max-height:60vh;padding:4px 0 8px;display:grid;overflow-y:auto}.model-modal-grid .model-thumb{aspect-ratio:260/380;cursor:pointer;background:#f3f3f3;border:2px solid #0000;border-radius:8px;width:100%;height:auto;padding:0;position:relative;overflow:hidden}.model-modal-grid .model-thumb.active{border-color:#1b1b1b}.model-modal-grid .pick-check{z-index:1;color:#e0ffc7;background:#1b1b1b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:4px;right:4px}.model-modal-grid .pick-check svg{width:10px;height:10px}.workbench{justify-content:center;align-items:center;padding:20px;display:flex}.workbench .containter{justify-content:center;align-items:center;width:100%;height:100%;padding:50px 0;display:flex}.workbench .containter .wrapper{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:80%;height:100%;display:flex}.workbench .containter .wrapper .preview-panel{height:83%;display:flex}.workbench .containter .wrapper .preview-panel .content{aspect-ratio:260/380;background:#fff;border-radius:10px;overflow:hidden}.workbench .containter .wrapper .preview-panel .content img{object-fit:cover;width:100%;height:100%}.workbench .containter .wrapper .outfits-panel{gap:8px;height:14%;display:flex}.workbench .containter .wrapper .outfits-panel .outfit-item{aspect-ratio:260/380;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:5px;overflow:hidden}.workbench .containter .wrapper .outfits-panel .outfit-item:hover,.workbench .containter .wrapper .outfits-panel .outfit-item.active{border-color:#000}.sidebar-wrapper{background:#fff;flex:0 0 320px}.sidebar-wrapper .wardrobe-wrapper .category{border-bottom:1px solid #e0e0e0}.sidebar-wrapper .wardrobe-wrapper .category .item.active{color:#fff;background:#030303}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body{-ms-overflow-style:none;scrollbar-width:none;padding:10px 0}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body::-webkit-scrollbar{display:none}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body .clothes-item{cursor:pointer;border:1px solid #f8f8f8;border-radius:5px;transition:all .3s;overflow:hidden}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body .clothes-item:hover{transform:scale(1.1)}.sidebar-wrapper .wardrobe-wrapper .wardrobe-body.active{border-color:#030303}.sidebar-wrapper .wardrobe-wrapper .wardrobe-footer .selected-wrapper{margin-bottom:10px}.sidebar-wrapper .wardrobe-wrapper .wardrobe-footer .selected-wrapper .selected-clothe{cursor:pointer;border:1px solid #f8f8f8;border-radius:5px;overflow:hidden}.workspace-page{height:calc(100vh - var(--app-header-height));overflow:hidden}