*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#e0e0e0;background:#0d0d1a}#app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#16162a;border-bottom:1px solid #2a2a4a;flex-shrink:0}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-center{position:absolute;left:50%;transform:translate(-50%)}.app-title{font-size:16px;font-weight:600;letter-spacing:.5px;color:#88c}.toolbar button{padding:6px 14px;border:1px solid #3a3a6a;border-radius:4px;background:#1e1e3a;color:#c0c0e0;cursor:pointer;font-size:13px;transition:all .15s}.toolbar button:hover:not(:disabled){background:#2a2a5a;border-color:#55a}.toolbar button:disabled{opacity:.4;cursor:default}.status-text{font-size:12px;color:#88a}#main-area{display:flex;flex:1;min-height:0}#viewport{flex:1;position:relative;overflow:hidden}#viewport.drag-over{outline:2px dashed #5555aa;outline-offset:-4px}#viewport canvas{display:block}.sidebar{width:220px;background:#12122a;border-left:1px solid #2a2a4a;overflow-y:auto;flex-shrink:0}.sidebar-section{padding:16px;border-bottom:1px solid #2a2a4a}.sidebar-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#66a;margin-bottom:10px}.material-list{display:flex;flex-direction:column;gap:6px}.material-item{display:flex;align-items:center;gap:8px;font-size:13px}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid #4a4a7a}.control-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.control-row label{font-size:12px;color:#88a;min-width:50px}.control-row input[type=range]{flex:1;accent-color:#6666cc}.control-row input[type=color]{width:32px;height:24px;border:1px solid #3a3a6a;border-radius:3px;background:none;cursor:pointer;padding:0}.control-row span{font-size:12px;color:#88a;min-width:28px;text-align:right}.hint{font-size:11px;color:#66a;font-style:italic;margin:8px 0}.button-row{display:flex;gap:8px;margin-top:12px}.button-row button{flex:1;padding:6px 12px;border:1px solid #3a3a6a;border-radius:4px;background:#1e1e3a;color:#c0c0e0;cursor:pointer;font-size:13px;transition:all .15s}.button-row button:hover:not(:disabled){background:#2a2a5a}.button-row button:disabled{opacity:.4;cursor:default}#btn-apply-decal:not(:disabled){background:#2a4a2a;border-color:#4a8a4a}#btn-apply-decal:hover:not(:disabled){background:#3a6a3a}.model-info{font-size:12px;color:#88a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1a1a32;border:1px solid #3a3a6a;border-radius:8px;padding:24px;min-width:320px;max-width:440px;max-height:80vh;overflow-y:auto}.modal h2{font-size:16px;color:#c0c0e0;margin-bottom:8px}.modal-subtitle{font-size:13px;color:#88a;margin-bottom:16px}.plate-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.plate-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1px solid #3a3a6a;border-radius:6px;background:#1e1e3a;color:#c0c0e0;cursor:pointer;font-size:14px;transition:all .15s;text-align:left}.plate-button:hover{background:#2a2a5a;border-color:#55a}.plate-label{font-weight:500}.plate-detail{font-size:12px;color:#66a}.plate-button-all{justify-content:center;border-style:dashed;color:#88a;margin-bottom:8px}.plate-button-cancel{justify-content:center;border-color:#4a2a2a;color:#a66}.plate-button-cancel:hover{background:#3a1a1a;border-color:#844}