.try-on-car-wrapper{margin:1rem 0}.try-on-car-btn{align-items:center;background:#111;border:2px solid #111;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;padding:.8rem 1.4rem;transition:transform .1s ease,background .15s ease}.try-on-car-btn:hover{background:#d32027;border-color:#d32027;transform:translateY(-1px)}.try-on-car-btn-zoom{bottom:1.2rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.try-on-car-btn-zoom:hover{transform:translateX(-50%) translateY(-1px)}.tryon-backdrop[hidden]{display:none}.tryon-backdrop{align-items:center;background:rgba(0,0,0,.78);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2147483647}.tryon-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.25rem 1.5rem;position:relative;width:min(860px,100%)}.tryon-head{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:.9rem;margin-top:-1.25rem;padding-bottom:.7rem;padding-top:1.25rem;position:sticky;top:-1.25rem;z-index:2}.tryon-head h3{font-size:1.1rem;font-weight:700;margin:0}.tryon-close{background:transparent;border:none;color:#555;cursor:pointer;font-size:1.8rem;line-height:1;padding:0 .3rem}.tryon-close:hover{color:#000}.tryon-angle-guide{margin:0 0 1rem}.tryon-angle-title{color:#333;font-size:.92rem;margin:0 0 .6rem;text-align:center}.tryon-angle-grid{display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:520px}.tryon-angle{align-items:center;border:2px solid transparent;border-radius:6px;display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:.3rem;padding:.5rem .4rem;text-align:center}.tryon-angle svg{display:block;height:auto;max-width:110px;width:100%}.tryon-angle-good{background:#eafaf0;border-color:#2ecc71;color:#1b6b3a}.tryon-angle-bad{background:#fdecee;border-color:#e74c3c;color:#a1212b;opacity:.75}.tryon-steps{counter-reset:tryon-step;display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0 0 .9rem;padding:0}.tryon-steps li{background:#f6f7f9;border-left:3px solid #ccc;border-radius:4px;font-size:.92rem;line-height:1.35;opacity:.55;padding:.55rem .8rem}.tryon-steps li strong{display:none}.tryon-steps li:before{color:#555;content:counter(tryon-step) ".";counter-increment:tryon-step;font-weight:700;margin-right:.4rem}.tryon-steps li.active{background:#fff6f6;border-left-color:#d32027;opacity:1}.tryon-steps li.done{border-left-color:#2ecc71;opacity:.85}.tryon-hint{color:#666;display:block;font-size:.82rem;margin-top:.3rem}.tryon-hint kbd{background:#eee;border:1px solid #ccc;border-radius:3px;font-family:monospace;font-size:.78rem;padding:0 .3rem}.tryon-steps input[type=file]{font-size:.85rem;margin-left:.5rem}.tryon-canvas-wrap[hidden]{display:none}.tryon-canvas-wrap{margin:.8rem 0;text-align:center}.tryon-canvas-box{border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:inline-block;max-width:100%;overflow:hidden;position:relative}.tryon-canvas-wrap canvas{border:1px solid #ddd;border-radius:6px;cursor:crosshair;display:block;height:auto;margin:0 auto;max-height:55vh;max-width:100%;transition:filter .25s ease}.tryon-canvas-box.is-loading canvas{filter:grayscale(.6) brightness(.7)}.tryon-canvas-box.is-loading:after{animation:tryon-shimmer 2.2s linear infinite;background:linear-gradient(110deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.18) 50%,hsla(0,0%,100%,0) 70%);background-size:220% 100%;content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}@keyframes tryon-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.tryon-loader[hidden]{display:none}.tryon-loader{align-items:center;display:flex;flex-direction:column;gap:.9rem;inset:0;justify-content:center;pointer-events:none;position:absolute}.tryon-car{animation:tryon-car-bounce 1.6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));max-width:65%;width:280px}.tryon-car svg{display:block;height:auto;width:100%}.tryon-wheel-front{transform:translate(150px,82px)}.tryon-wheel-rear{transform:translate(52px,82px)}.tryon-wheel>g{animation:tryon-spin-fast .9s linear infinite;transform-box:fill-box;transform-origin:0 0}.tryon-wheel-rear>g{animation-duration:.95s}.tryon-road-dashes{animation:tryon-road .5s linear infinite}.tryon-sparkle{animation:tryon-sparkle-travel 2.4s ease-in-out infinite}@keyframes tryon-spin-fast{to{transform:rotate(1turn)}}@keyframes tryon-car-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tryon-road{0%{transform:translateX(0)}to{transform:translateX(-30px)}}@keyframes tryon-sparkle-travel{0%{opacity:0;transform:translate(52px,82px) scale(.4)}15%{opacity:1;transform:translate(52px,82px) scale(1)}70%{opacity:1;transform:translate(150px,82px) scale(1)}85%{opacity:0;transform:translate(150px,82px) scale(1.8)}to{opacity:0;transform:translate(150px,82px) scale(.4)}}.tryon-progress{background:hsla(0,0%,100%,.25);border-radius:99px;box-shadow:0 1px 3px rgba(0,0,0,.25);height:5px;overflow:hidden;width:min(260px,60%)}.tryon-progress>span{background:linear-gradient(90deg,#ffd54f,#d32027);border-radius:inherit;display:block;height:100%;transition:width .6s ease-out;width:0}.tryon-loader-text{background:hsla(0,0%,100%,.95);border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#111;font-size:.95rem;font-weight:600;max-width:85%;padding:.5rem 1rem;text-align:center}.tryon-download[hidden]{display:none}.tryon-download{align-items:center;background:#111;border-radius:4px;color:#fff;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.35rem .8rem;text-decoration:none}.tryon-download:hover{background:#d32027;color:#fff}.tryon-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.88rem;gap:1rem;justify-content:center;margin-top:.6rem}.tryon-meta button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.3rem .8rem}.tryon-actions{margin:.6rem 0 .2rem;text-align:center}.tryon-generate{background:#d32027;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.7rem 1.8rem}.tryon-generate:disabled{background:#bbb;cursor:not-allowed}.tryon-status[hidden]{display:none}.tryon-status{background:#eef4ff;border-radius:4px;color:#244d8a;font-size:.9rem;margin:.5rem 0;padding:.7rem 1rem;text-align:center}.tryon-status[data-kind=error]{background:#fdecee;color:#a1212b}.tryon-status[data-kind=success]{background:#eafaf0;color:#1b6b3a}.tryon-disclaimer{background:#f6f7f9;border-left:3px solid #bbb;border-radius:4px;color:#555;font-size:.78rem;line-height:1.45;margin:1rem 0 0;padding:.65rem .85rem}.tryon-disclaimer i{color:#888;margin-right:.3rem}.tryon-disclaimer strong{color:#333}