*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:system-ui,sans-serif;background:#111;color:#eee}.configurator{position:relative;width:100%;height:100%}.canvas-container{width:100%;height:100%;background:#000}.blur-overlay{position:absolute;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;transition:opacity .8s ease}.blur-overlay.hidden{opacity:0}.ui-panel{position:absolute;display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#141414d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:10px;pointer-events:auto}.panel-bottom-center{bottom:20px;left:50%;transform:translate(-50%);flex-direction:row;align-items:flex-start;gap:24px;max-width:calc(100% - 40px);overflow-x:auto}.panel-top-left{top:16px;left:16px;min-width:180px}.panel-top-right{top:16px;right:16px;min-width:160px}.panel-bottom-right{bottom:20px;right:16px;min-width:160px}.panel-bottom-left{bottom:20px;left:16px;min-width:160px}.section-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#888;margin-bottom:10px}.attribute-group{display:flex;flex-direction:column;gap:6px}.attribute-name{font-size:13px;font-weight:500;color:#ccc;margin-bottom:6px}.option-grid{display:flex;flex-wrap:wrap;gap:6px}.option-btn{padding:5px 12px;border-radius:4px;border:1px solid #333;background:#222;color:#ccc;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.option-btn:hover{background:#2a2a2a;border-color:#555}.option-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.mesh-swap-group{display:flex;flex-direction:column;gap:6px}.mesh-swap-name{font-size:13px;font-weight:500;color:#ccc;margin-bottom:6px}.toggle-list{display:flex;flex-direction:column;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}.toggle-name{font-size:13px;color:#ccc}.toggle-switch{position:relative;width:36px;height:20px;border-radius:10px;border:none;background:#333;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch.on{background:#2563eb}.toggle-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.toggle-switch.on .toggle-knob{transform:translate(16px)}.behavior-list{display:flex;flex-direction:column;gap:6px}.behavior-btn{padding:8px 14px;border-radius:4px;border:1px solid #333;background:#222;color:#ccc;font-size:13px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.behavior-btn:hover{background:#2a2a2a;border-color:#555}.empty{font-size:12px;color:#555;font-style:italic}.panel-exterior-toggle{position:absolute;bottom:20px;left:50%;transform:translate(-50%);pointer-events:auto}@media(max-width:768px){.panel-exterior-toggle{bottom:auto;top:16px}}.exterior-toggle-btn{padding:10px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#141414d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eee;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.exterior-toggle-btn:hover{background:#282828e6;border-color:#ffffff40}.panel-ar-btn{position:absolute;top:16px;right:16px;pointer-events:auto}.ar-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#141414d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eee;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.ar-btn:hover{background:#282828e6;border-color:#ffffff40}