html,body,#root{background:#f3f3f1;width:100%;height:100%;margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}*{box-sizing:border-box}button{font:inherit}.app{background:#f3f3f1;flex-direction:column;width:100%;height:100%;display:flex}.appHeader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.appHeaderTitle{color:#1f1f1f;margin:0;font-size:18px;font-weight:700}.appHeaderLogo{object-fit:contain;width:auto;height:28px;display:block}.appContent{background:#f3f3f1;flex:1;min-height:0;position:relative}.screen{width:100%;height:100%;position:relative}.swipeLayer{z-index:2;touch-action:pan-y;cursor:grab;position:absolute;inset:0}.swipeLayer:active{cursor:grabbing}.sceneWrap{z-index:1;pointer-events:none;position:absolute;inset:0}.studioOverlay,.workshopOverlay{z-index:3;pointer-events:none;position:absolute;inset:0}.topBar{color:#1f1f1f;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}.lookTitle{font-size:20px;font-weight:700}.hint{opacity:.65;font-size:14px}.dots{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#0000002e;border:0;border-radius:999px;width:10px;height:10px}.dot.active{background:#111}.floatingCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:opacity, transform;background:#ffffffeb;border-radius:16px;width:148px;overflow:hidden;box-shadow:0 10px 28px #0000001f}.floatingCardImageWrap{background:#eceae4;width:100%;height:104px}.floatingCardImage,.productImagePlaceholder{object-fit:cover;width:100%;height:100%;display:block}.productImagePlaceholder{background:linear-gradient(135deg,#eceae4 0%,#d8d6d0 100%)}.floatingCardBody{padding:10px 12px 12px}.floatingCardTitle{color:#1e1e1e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.floatingCardSubtitle{color:#6b6b6b;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.floatingCardPrice{color:#1e1e1e;margin-top:6px;font-size:13px;font-weight:700}.bottomNav{background:#e6e4de;border-top:1px solid #00000014;flex-shrink:0;align-items:flex-end;gap:4px;height:62px;padding:0 6px;display:flex}.navTab{color:#7a7a7a;cursor:pointer;background:0 0;border:0;border-radius:14px 14px 0 0;flex:1;justify-content:center;align-items:center;height:48px;margin-top:8px;transition:background .2s,color .2s,height .2s,margin-top .2s;display:flex}.navTabIcon{justify-content:center;align-items:center;display:flex}.navTabIconImg{object-fit:contain;width:24px;height:24px;display:block}.navTab.active{color:#111;background:#f3f3f1;height:54px;margin-top:0;box-shadow:0 -1px #0000000a,inset 1px 0 #fff9,inset -1px 0 #fff9}.equipBar{z-index:5;pointer-events:auto;align-items:flex-start;gap:12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.addButton{color:#fff;cursor:pointer;background:#111;border:0;border-radius:14px;flex-shrink:0;width:44px;height:44px;font-size:24px;line-height:1;box-shadow:0 8px 20px #00000026}.equipChips{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-height:44px;display:flex}.equipHint{color:#6b6b6b;padding:12px 0;font-size:13px}.equipChip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:14px;align-items:center;gap:10px;max-width:min(100%,220px);padding:8px 10px 8px 8px;display:flex;box-shadow:0 6px 18px #00000014}.equipChipImageWrap{background:#eceae4;border-radius:10px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.equipChipImage{object-fit:cover;width:100%;height:100%}.equipChipBody{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.equipChipLabel{text-transform:uppercase;letter-spacing:.04em;color:#888;font-size:10px;font-weight:600}.equipChipTitle{color:#1e1e1e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.equipChipPrice{color:#1e1e1e;font-size:12px;font-weight:700}.equipChipRemove{color:#444;cursor:pointer;background:#0000000f;border:0;border-radius:999px;flex-shrink:0;width:22px;height:22px;font-size:16px;line-height:1}.modalBackdrop{z-index:100;background:#00000059;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px 20px 16px 16px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.modalHeader{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.modalTitle{color:#1e1e1e;margin:0;font-size:18px;font-weight:700}.modalClose{color:#444;cursor:pointer;background:#0000000f;border:0;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1}.modalSearch{padding:0 20px 16px}.searchInput{border:1px solid #0000001a;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px}.searchInput:focus{border-color:#00000040}.pickerGrid{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:0 20px;display:grid;overflow-y:auto}.pickerItem{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #00000014;border-radius:14px;flex-direction:column;align-items:stretch;min-height:148px;padding:10px;transition:border-color .15s,background .15s;display:flex}.pickerItemImageWrap{background:#eceae4;border-radius:10px;width:100%;height:88px;margin-bottom:8px;overflow:hidden}.pickerItemImage{object-fit:cover;width:100%;height:100%}.pickerItem:hover{background:#f3f3f1;border-color:#0003}.pickerItemTitle{color:#1e1e1e;font-size:14px;font-weight:700}.pickerItemSubtitle{color:#6b6b6b;margin-top:4px;font-size:12px}.pickerItemPrice{color:#1e1e1e;margin-top:6px;font-size:13px;font-weight:700}.pickerEmpty{text-align:center;color:#6b6b6b;padding:24px 20px;font-size:14px}.pickerPagination{border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:20px;padding:16px 20px 20px;display:flex}.pickerPagination button{cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:10px;width:36px;height:36px;font-size:16px}.pickerPagination button:disabled{opacity:.35;cursor:default}.pickerPagination span{color:#444;text-align:center;min-width:48px;font-size:14px;font-weight:600}.loadingScreen{background:#f3f3f1;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.loadingCard{text-align:center;background:#fffffff2;border-radius:20px;width:100%;max-width:320px;padding:28px 24px;box-shadow:0 16px 40px #00000014}.loadingTitle{color:#1e1e1e;font-size:20px;font-weight:700}.loadingSubtitle{color:#6b6b6b;margin-top:8px;font-size:14px;line-height:1.4}.loadingBarTrack{background:#00000014;border-radius:999px;height:6px;margin-top:24px;overflow:hidden}.loadingBarFill{background:#111;border-radius:999px;height:100%;transition:width .25s}.loadingPercent{color:#444;margin-top:10px;font-size:13px;font-weight:600}.placeholderScreen{background:#f3f3f1;justify-content:center;align-items:center;display:flex}.placeholderContent{text-align:center;padding:24px}.placeholderTitle{color:#1f1f1f;margin:0;font-size:24px;font-weight:700}.placeholderText{color:#6b6b6b;margin:10px 0 0;font-size:14px}.feedScreen{scrollbar-width:none;-ms-overflow-style:none;background:#f3f3f1;overflow-y:auto}.feedScreen::-webkit-scrollbar{display:none}.feedList{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:16px;display:flex}.feedPost{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.feedPostHeader{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.feedPostAuthor{align-items:center;gap:10px;display:flex}.feedPostAvatar{color:#fff;background:#111;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.feedPostName{color:#1f1f1f;font-size:14px;font-weight:700}.feedPostMeta{color:#6b6b6b;margin-top:2px;font-size:12px}.feedLikeButton{color:#444;cursor:pointer;background:#0000000a;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s,transform .15s;display:flex}.feedLikeButton.liked{color:#e23d5a;background:#e23d5a1a}.feedCarousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:0 14px 14px;scroll-padding-inline:14px;display:flex;overflow-x:auto}.feedCarousel::-webkit-scrollbar{display:none}.feedSlide{scroll-snap-align:start;scroll-snap-stop:always;background:#fafafa;border:1px solid #0000000f;border-radius:14px;flex:0 0 calc(100% - 28px);max-width:320px;overflow:hidden}.feedSlideImageWrap{background:#eceae4;height:280px}.feedSlideImage{object-fit:cover;width:100%;height:100%}.feedPostFooter{flex-direction:column;gap:4px;padding:0 14px 14px;display:flex}.feedPostLikes{color:#1f1f1f;font-size:13px;font-weight:600}.feedPostSwipeHint{color:#8a8a8a;font-size:12px}@media (width<=900px){.topBar{top:18px;left:18px;right:18px}.lookTitle{font-size:18px}.hint{font-size:12px}.floatingCard{width:100px}.floatingCardImageWrap{height:72px}.floatingCardBody{padding:7px 9px 9px}.floatingCardTitle{-webkit-line-clamp:1;font-size:11px}.floatingCardSubtitle{font-size:10px}.floatingCardPrice{margin-top:4px;font-size:11px}.pickerItem{min-height:132px}.pickerItemImageWrap{height:72px}.feedList{gap:12px;padding:12px}.feedSlide{flex-basis:calc(100% - 28px)}.feedSlideImageWrap{height:240px}.equipBar{bottom:12px;left:12px;right:12px}.modalBackdrop{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-width:100%;max-height:85vh}}