:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{width:100%;height:100%}body{margin:0;display:block;min-width:320px;min-height:100vh;background:transparent}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tryon-overlay{position:fixed;inset:0;background:#0a0a198c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.tryon-container{width:min(1280px,96vw);height:min(92vh,880px);background:linear-gradient(180deg,#fff,#fafbff);border-radius:16px;box-shadow:0 18px 60px #0000004d;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06)}.tryon-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eaecef}.tryon-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.tryon-close{background:#f3f4f6;border:1px solid #e5e7eb;width:36px;height:36px;border-radius:10px;cursor:pointer}.tryon-content{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;padding:12px}.tryon-sidebar{background:#fff;border:1px solid #eaecef;border-radius:12px;padding:12px;display:flex;flex-direction:column;overflow:hidden}.tryon-sidebar-title{font-weight:700;color:#1f2937;font-size:1rem;margin-bottom:8px}.tryon-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-gutter:stable}.tryon-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #eaecef;cursor:pointer}.tryon-card.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 3px 12px #6366f133}.tryon-thumb{width:56px;height:56px;border-radius:10px;background:#f3f4f6;border:1px solid #eaecef;display:flex;align-items:center;justify-content:center;overflow:hidden}.tryon-thumb img{width:100%;height:100%;object-fit:cover}.tryon-name{font-size:.95rem;font-weight:600;color:#1f2937}.tryon-stage{position:relative}.tryon-canvas-wrap{height:100%;border-radius:12px;background:#0f172a;box-shadow:inset 0 1px #ffffff0d,0 14px 28px #0000002e;display:flex}@media(max-width:768px){.tryon-content{grid-template-columns:1fr;gap:10px}.tryon-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.tryon-card{flex:0 0 180px}}