.app-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;border-right:1px solid #0000000d;flex-direction:column;width:380px;display:flex;box-shadow:4px 0 24px #00000005}.sidebar-header{border-bottom:1px solid #0000000d;padding:24px}.sidebar-header h1{letter-spacing:-.5px;color:#1a1a1a;align-items:center;gap:8px;margin:0;font-size:24px;font-weight:600;display:flex}.sidebar-header p{color:#666;margin:6px 0 0;font-size:13px}.category-tabs{background:#fff6;border-bottom:1px solid #0000000d;gap:12px;padding:16px 24px;display:flex}.tab-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:40px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.tab-btn:hover{color:#1a1a1a;background:#00000008}.tab-btn.active{color:#fff;background:#1a1a1a}.clothes-grid{flex:1;grid-template-columns:repeat(2,1fr);grid-auto-rows:max-content;gap:12px;padding:24px;display:grid;overflow-y:auto}.clothing-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:12px;padding:12px;transition:all .2s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000005}.clothing-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 16px #0000000f}.card-image{object-fit:contain;background:0 0;border-radius:8px;width:100%;height:180px;margin-bottom:8px;display:block}.card-title{color:#444;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.canvas-area{background:radial-gradient(circle,#fff 0%,#f0ede6 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.paper-doll{object-fit:contain;pointer-events:none;filter:drop-shadow(0 24px 48px #0000001a);max-width:100%;height:85vh}.canvas-controls{z-index:9999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:24px;right:24px}.control-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:40px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .1s,background .1s;display:flex;box-shadow:0 4px 12px #0000004d}.control-btn:hover{background:#222;transform:scale(1.03)}.draggable-item{cursor:grab;transform-origin:50%;position:absolute}.draggable-item:active{cursor:grabbing}.draggable-image{object-fit:contain;filter:drop-shadow(0 8px 16px #00000040);pointer-events:none;width:100%;height:100%}.item-controls{z-index:1000;pointer-events:auto;background:#000c;border-radius:24px;gap:8px;padding:8px 14px;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.item-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;transition:all .2s;display:flex}.item-btn:hover{background:#ffffff40;transform:scale(1.1)}.brand-disclaimer{z-index:9999;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#323232cc;border-radius:8px;max-width:320px;padding:15px 25px;transition:all .3s;position:absolute;bottom:30px;right:40px}.brand-disclaimer-title{color:#fff;margin:0;font-size:28px}.brand-disclaimer-text{color:#ccc;pointer-events:auto;margin:6px 0 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.5}@media screen and (width<=1400px){.brand-disclaimer{max-width:260px;padding:12px 18px;bottom:20px;right:20px}.brand-disclaimer-title{font-size:22px}.brand-disclaimer-text{font-size:11px;line-height:1.3}}@media screen and (width<=1150px){.brand-disclaimer{background:#32323266;max-width:200px;padding:8px 12px;bottom:15px;right:15px}.brand-disclaimer-title{font-size:18px}.brand-disclaimer-text{color:#eee;font-size:10px;line-height:1.2}}.brand-disclaimer-light{background:#ffffffd9}.brand-disclaimer-light .brand-disclaimer-title{color:#222}.brand-disclaimer-light .brand-disclaimer-text{color:#666}@media screen and (width<=1400px){.brand-disclaimer-light .brand-disclaimer-text{color:#555}}@media screen and (width<=1150px){.brand-disclaimer-light{background:#ffffff80}}.theme-rose .canvas-area{background:radial-gradient(circle,#fff0f5 0%,#ffd1dc 100%)}.theme-rose .sidebar{background:#fff0f5d9;border-right:1px solid #ffb6c180}.theme-rose .category-tabs{background:#fff0f599}.theme-mint .canvas-area{background:radial-gradient(circle,#f5fffa 0%,#c4ebd1 100%)}.theme-mint .sidebar{background:#f5fffad9;border-right:1px solid #3cb37180}.theme-mint .category-tabs{background:#f5fffa99}.theme-lavender .canvas-area{background:radial-gradient(circle,#f8f5ff 0%,#e6e6fa 100%)}.theme-lavender .sidebar{background:#f8f5ffd9;border-right:1px solid #8a2be280}.theme-lavender .category-tabs{background:#f8f5ff99}.theme-pinkblack .canvas-area{background:radial-gradient(circle,#1a1a1a 0%,#000 100%)}.theme-pinkblack .sidebar{background:#141414f2;border-right:1px solid #ff1493}.theme-pinkblack .sidebar-header h1,.theme-pinkblack .sidebar-header p,.theme-pinkblack .tab-btn{color:#ff1493}.theme-pinkblack .tab-btn:hover{color:#ff69b4;background:#ff14931a}.theme-pinkblack .tab-btn.active{color:#000;background:#ff1493}.theme-pinkblack .category-tabs{background:#0009;border-bottom:1px solid #ff1493}.theme-pinkblack .sidebar-header{border-bottom:1px solid #ff1493}.theme-pinkblack select{color:#ff1493!important;background:#111!important;border:1px solid #ff1493!important}.theme-pinkblack .clothing-card{background:#111;border-color:#ff1493;box-shadow:0 4px 12px #ff14931a}.theme-pinkblack .card-title{color:#ff69b4}.theme-pinkblack .control-btn{color:#000;background:#ff1493;box-shadow:0 4px 12px #ff14934d}.theme-pinkblack .control-btn:hover{background:#ff69b4}.theme-grayscale .canvas-area{filter:grayscale();background:radial-gradient(circle,#eaeaea 0%,#888 100%)}.theme-grayscale .sidebar{background:#e6e6e6d9;border-right:1px solid #0003}.theme-grayscale .clothing-card{background:#fff}@keyframes spin{to{transform:rotate(360deg)}}