/* VehicleWiseHub single unified responsive design layer */
:root{--vwh-navy:#071b2c;--vwh-cyan:#56d6f3;--vwh-lime:#86f450}
html{scroll-behavior:smooth}body{overflow-x:hidden}img{max-width:100%;height:auto}button,a,input,select,textarea{font:inherit}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #60dcfa!important;outline-offset:3px}
:where(.panel,.card,.image-card,.visual-panel,.studio-controls,.tool-tile){min-width:0;overflow-wrap:anywhere}
:where(.two,.layout-main,.field-grid,.control-cols,.three-fields){min-width:0}
:where(.two,.layout-main,.field-grid,.control-cols,.three-fields)>*{min-width:0}
img[loading="lazy"]{background-color:#0b2739}
:where(.image-card,.scroller-track>a,.category-card) img{object-fit:cover;object-position:center;max-width:100%}
.vwh-universal-footer{margin:24px auto;color:#9dc0d2;font-size:12px;text-align:center;padding:12px 18px;max-width:1200px}
.vwh-search{display:flex;gap:10px;position:relative;max-width:670px;margin:18px 0;z-index:4}
.vwh-search input{width:100%;height:54px;border:1px solid #4882a5;border-radius:15px;color:#fff;background:#092c42;box-shadow:0 8px 24px #0003;padding:0 18px}
.vwh-results{position:absolute;top:calc(100% + 5px);left:0;right:0;display:grid;gap:3px;border:1px solid #277393;border-radius:16px;padding:7px;background:#071e31;box-shadow:0 18px 36px #0007;max-height:320px;overflow-y:auto}
.vwh-results[hidden]{display:none}.vwh-results a{padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#e6f9ff;text-decoration:none;font-size:14px}
.vwh-results a:hover,.vwh-results a:focus{background:#104263}.vwh-results a small{display:block;color:#a9c6d5}
.vwh-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;background:linear-gradient(135deg,#06283c,#164b58);color:#d3f3fc;font-size:13px}
.vwh-photo-box{position:relative;min-height:310px;border-radius:19px;overflow:hidden;background:#091b2b;border:1px solid #28688b}
.vwh-photo-box canvas{width:100%;display:block;touch-action:none;cursor:crosshair;max-height:560px;object-fit:contain;background:#071320}
.vwh-photo-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.vwh-photo-tools label{font-size:13px;color:#b8dce8}.vwh-photo-tools input[type="range"]{max-width:120px}
.vwh-photo-tools input[type="color"]{width:45px;height:38px;border:0;background:transparent}
.vwh-photo-tools button,.vwh-photo-tools .vwh-file-button{border:1px solid #52b6cf;background:#10344a;color:#fff;padding:11px 15px;border-radius:13px;cursor:pointer;display:inline-flex;align-items:center;font-size:13px}
.vwh-photo-tools button:hover,.vwh-photo-tools label:hover{border-color:#86f450}
.vwh-photo-hint{font-size:13px;color:#a7c7d4;line-height:1.6;margin:10px 0}
.vwh-photo-status{font-size:13px;color:#9bf3b0;margin-top:8px;min-height:20px}
.vwh-modding{margin-top:24px;padding:24px;background:linear-gradient(140deg,#0b293e,#101e33);border:1px solid #357e9b;border-radius:21px;color:#eef8ff}
.vwh-modding h2{font-size:23px;color:#fff;margin:0 0 8px}.vwh-mod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.vwh-mod-grid>div{border:1px solid #33688a;border-radius:16px;background:#082338;padding:17px}
.vwh-mod-grid strong{display:block;color:#a2f98a;font-size:16px}.vwh-mod-grid p{font-size:13px;color:#b6d5e3;line-height:1.6}
.vwh-mod-grid a{color:#7bdcf8;font-weight:700;font-size:13px}
.vwh-mod-grid label{display:block;font-size:12px;color:#b5d8e7}
.vwh-mod-grid select{width:100%;margin:8px 0;padding:11px 12px;border-radius:10px;background:#0a354c;border:1px solid #46809a;color:#fff}
.vwh-chat{position:fixed;z-index:110;right:clamp(12px,2vw,30px);bottom:clamp(12px,2vw,30px);font-family:inherit}
.vwh-chat-toggle{border:1px solid #6dd4f4;border-radius:999px;background:linear-gradient(135deg,#082e49,#126a88);color:#fff;padding:14px 18px;display:flex;gap:9px;align-items:center;font-weight:800;cursor:pointer;box-shadow:0 13px 35px #001627a8;font-size:14px}
.vwh-chat-toggle span{color:#90fc68}.vwh-chat-panel{width:min(382px,calc(100vw - 24px));max-height:min(590px,calc(100vh - 102px));display:flex;flex-direction:column;position:absolute;right:0;bottom:calc(100% + 10px);border:1px solid #55b7dd;border-radius:19px;background:#0a2032;color:#eaf9ff;box-shadow:0 25px 55px #0009;overflow:hidden}
.vwh-chat-panel[hidden]{display:none}.vwh-chat-head{padding:15px 17px;background:#0b3852;display:flex;align-items:center;justify-content:space-between;gap:12px}.vwh-chat-head strong{color:#fff;font-size:16px}.vwh-chat-head small{display:block;color:#b8dbe8;font-size:11px;margin-top:2px}.vwh-chat-close{background:transparent;border:0;color:white;font-size:24px;cursor:pointer}
.vwh-chat-messages{padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;min-height:150px;max-height:310px}.vwh-chat-message{align-self:flex-start;max-width:96%;padding:11px 13px;border:1px solid #275773;background:#0e344a;border-radius:14px;font-size:13px;line-height:1.55;white-space:pre-wrap}.vwh-chat-message.mine{align-self:flex-end;background:#176a71;border-color:#338f8b}.vwh-chat-input{padding:11px;display:flex;gap:7px;border-top:1px solid #286581}.vwh-chat-input input{flex:1;min-width:0;border-radius:12px;border:1px solid #326d8f;color:white;background:#0c354b;padding:11px}.vwh-chat-input button{background:#81eb53;color:#102419;border:0;border-radius:12px;font-weight:800;cursor:pointer;padding:10px 13px}.vwh-chat-disclaimer{font-size:10px;color:#bad3e0;padding:0 12px 11px}
.vwh-intro{position:fixed;inset:0;z-index:1000;background:rgba(5,14,25,.68);backdrop-filter:blur(4px);display:grid;place-items:center;transition:opacity .6s,visibility .6s;pointer-events:auto}
.vwh-intro.exit{opacity:0;visibility:hidden;pointer-events:none}.vwh-intro-frame{position:relative;width:min(720px,90vw);padding:30px;border:1px solid #4ebbe3;border-radius:27px;background:linear-gradient(125deg,#071c2e,#10384d);box-shadow:0 32px 90px #0009;overflow:hidden;text-align:center;color:#fff}
.vwh-intro-frame:before{content:"";position:absolute;inset:-30% -60%;background:linear-gradient(115deg,transparent 40%,#9cfaff12 48%,transparent 54%);animation:vwhSweep 2.6s linear infinite;pointer-events:none}
.vwh-intro-kicker{font-size:11px;letter-spacing:.23em;color:#9fe0f4;text-transform:uppercase}.vwh-intro-title{font-size:clamp(29px,4vw,44px);font-weight:950;letter-spacing:-.05em;margin:6px 0;color:#fff}.vwh-intro-title span{color:#84fa55}
.vwh-intro-car{display:block;width:100%;height:190px;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 14px #0009);animation:vwhCarReveal 1s cubic-bezier(.22,.9,.4,1) both}.vwh-intro-line{height:4px;background:#23576c;border-radius:99px;margin:18px auto;overflow:hidden;max-width:380px}.vwh-intro-line i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#49bcff,#80f855);transform-origin:left;animation:vwhProgress 2.2s linear both}.vwh-intro-btn{background:none;border:1px solid #7cbdd2;color:#ecfaff;border-radius:99px;padding:9px 20px;cursor:pointer}
@keyframes vwhSweep{from{transform:translateX(-30%)}to{transform:translateX(35%)}}@keyframes vwhCarReveal{from{transform:translateX(-9%) scale(.96);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes vwhProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-mm-theme="light"] .vwh-chat-panel{background:#fff;color:#143449;box-shadow:0 14px 38px #1233}[data-mm-theme="light"] .vwh-chat-message{background:#eff8ff;color:#102d3d;border-color:#b7dbea}[data-mm-theme="light"] .vwh-chat-message.mine{background:#dff9e5}[data-mm-theme="light"] .vwh-chat-input input{background:#fff;color:#102f44}[data-mm-theme="light"] .vwh-chat-disclaimer{color:#5a7181}
[data-mm-theme="light"] .vwh-modding{background:#fff;color:#173449;border-color:#bcd9e7}[data-mm-theme="light"] .vwh-modding h2{color:#15344c}[data-mm-theme="light"] .vwh-mod-grid>div{background:#f4f9fd;border-color:#c5dde9}[data-mm-theme="light"] .vwh-mod-grid p{color:#4a6674}[data-mm-theme="light"] .vwh-mod-grid strong{color:#157c58}
@media(max-width:760px){.vwh-mod-grid{grid-template-columns:1fr}.vwh-chat{right:10px;bottom:10px}.vwh-photo-box{min-height:220px}.vwh-intro-car{height:130px}.vwh-intro-frame{padding:20px}.vwh-search{max-width:100%}}
@media(prefers-reduced-motion:reduce){.vwh-intro-car,.vwh-intro-frame:before,.vwh-intro-line i{animation:none!important}html{scroll-behavior:auto}}

/* Final structure lock: prevent 3D/media/control collision on tablets */
body[data-mm-page="studio"] .studio-main,body[data-mm-page="studio"] .studio-layout{min-width:0}
body[data-mm-page="studio"] .studio-layout{display:grid!important;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important;gap:20px!important;align-items:start!important}
body[data-mm-page="studio"] .visual-panel,body[data-mm-page="studio"] .studio-controls{position:relative!important;min-width:0!important;max-width:100%!important;height:auto!important;overflow:visible!important}
body[data-mm-page="studio"] .visual-image{position:relative!important;overflow:hidden!important;border-radius:16px}
body[data-mm-page="studio"] .visual-image>img{width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;background:#09192a}
body[data-mm-page="studio"] .three-fields,body[data-mm-page="studio"] .control-cols{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important}
body[data-mm-page="studio"] input,body[data-mm-page="studio"] select{max-width:100%!important}
@media(max-width:980px){body[data-mm-page="studio"] .studio-layout{grid-template-columns:1fr!important}}

#photoCustomizer{max-width:1200px;margin:28px auto;padding:24px;position:relative;z-index:1}.vwh-search{z-index:50}.hero{overflow:visible!important}.hero-backdrop{overflow:hidden!important}.vwh-results{z-index:100}html[data-mm-theme="light"] .vwh-results{background:#fff;border-color:#b2d6e7}html[data-mm-theme="light"] .vwh-results a{color:#17344d}html[data-mm-theme="light"] .vwh-results a:hover{background:#e6f5ff}