.xero-tryon-modal.active{background-color:rgba(17,24,39,.8);backdrop-filter:blur(4px)}.xero-tryon-modal.active .xero-tryon-modal-content{transform:translateY(0);opacity:1}.xero-tryon-upload-area.dragging{background-color:#f0f9ff;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.xero-tryon-gallery-label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:#111827}.xero-tryon-gallery-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.xero-tryon-gallery-thumb{flex:0 0 auto;width:60px;height:60px;padding:0;border-radius:6px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.xero-tryon-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.xero-tryon-gallery-thumb:hover{border-color:#a5b4fc}.xero-tryon-gallery-thumb.active{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.25)}.xero-tryon-gallery-thumb:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.3)}.xero-tryon-attr-row{display:flex;flex-direction:column}.xero-tryon-attr-label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:#111827}.xero-tryon-attr-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;color:#111827;font-size:.9rem;cursor:pointer;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto}.xero-tryon-attr-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.xero-tryon-usage-bar{margin-bottom:12px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.xero-tryon-usage-text{font-size:.8rem;color:#64748b;margin-bottom:4px}.xero-tryon-usage-track{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.xero-tryon-usage-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .4s ease}.xero-tryon-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#1e293b;color:#fff;padding:10px 20px;border-radius:8px;font-size:.85rem;font-weight:500;z-index:9999999;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.xero-tryon-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.xero-tryon-compare-label{position:absolute;bottom:8px;background:rgba(0,0,0,.6);color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:4px;z-index:4;pointer-events:none}.xero-tryon-compare-label-before{left:8px}.xero-tryon-compare-label-after{right:8px}.xero-tryon-pro-notice{text-align:center;padding:12px;background:#fefce8;border:1px solid #fef08a;border-radius:6px;font-size:.85rem;color:#854d0e}.xero-tryon-pro-notice a{color:#6366f1;font-weight:600;text-decoration:underline}