*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--toolbar-height:64px;--caption-height:44px;--bg:#f2efe9;--canvas-bg:#ebe1cb;--shelf-bg:#faf8f5;--border:#e0dbd2;--btn-bg:#1a1a1a;--btn-active:#3a3a3a;--btn-text:#faf8f5;--text:#1a1a1a;--hint:#b0a898;--caption:#6a6358}html,body{background:var(--bg);height:100%;color:var(--text);touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}#outfit-area{background:var(--canvas-bg);flex:1;position:relative;overflow:hidden}.piece{filter:drop-shadow(0 3px 10px #00000024);pointer-events:none;object-fit:contain;width:auto;max-width:65%;animation:.35s both piece-fade-in;position:absolute;transform:translate(-50%,-50%)}@keyframes piece-fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.piece-outerwear{z-index:1}.piece-top,.piece-bottom,.piece-dress{z-index:2}.piece-footwear{z-index:3}.piece-bag{z-index:4}#empty-hint{color:var(--hint);pointer-events:none;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}#empty-hint.hidden{display:none}#outfit-caption{height:var(--caption-height);background:var(--shelf-bg);border-top:1px solid var(--border);color:var(--caption);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;font-size:13px;display:flex;overflow:hidden}#toolbar{height:var(--toolbar-height);background:var(--shelf-bg);border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;display:flex}#toolbar button{background:var(--btn-bg);width:100%;max-width:360px;color:var(--btn-text);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}#toolbar button:active{background:var(--btn-active);transform:scale(.98)}