.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-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-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}