:root{--color-bg: #0b0c10;--color-surface: #15191f;--color-primary: #00c4b4;--color-primary-hover: #00a89a;--color-text: #ffffff;--color-text-muted: #9ca3af;--color-border: #2a2f38}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(circle at 50% 0%,#1a202c 0%,var(--color-bg) 70%);color:var(--color-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1200px;margin:0 auto;padding:2rem;width:100%}button{cursor:pointer;font-family:inherit}header{text-align:center;margin-bottom:3rem}h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-text);font-weight:800;letter-spacing:-.02em}.subtitle{color:var(--color-text-muted);font-size:1.1rem;margin:0}@media(max-width:600px){#root{padding:1rem}h1{font-size:2rem}}.visualizer-container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.car-display{width:100%;max-width:800px;background:radial-gradient(circle at center,rgba(0,196,180,.05) 0%,transparent 70%);border-radius:20px;padding:1rem;box-shadow:0 4px 30px #0000001a;border:1px solid var(--color-border);overflow:hidden;position:relative}.real-car-container{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0009}.edit-overlay-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#000c;color:var(--color-primary);border:1px solid var(--color-primary);padding:6px 16px;border-radius:20px;font-size:.8rem;pointer-events:none;font-weight:600}.tools-bar{margin-top:-1rem}.tool-btn{background:transparent;color:var(--color-primary);border:1px dashed var(--color-primary);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;transition:all .2s}.tool-btn:hover,.tool-btn.active{background:#00c4b41a;border-style:solid}.controls-section{width:100%;max-width:700px;background:var(--color-surface);white-space:nowrap;padding:2rem;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 10px 25px #0003}.controls-container h3{margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-text);font-weight:700;text-align:center}.button-group{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.5rem}.tint-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.75rem 1.25rem;border-radius:8px;font-weight:600;transition:all .2s ease;min-width:80px}.tint-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.tint-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#000;box-shadow:0 0 20px #00c4b44d}.tint-description{margin:0;font-size:.95rem;color:var(--color-text-muted);text-align:center;padding-top:1rem;border-top:1px solid var(--color-border)}.app-logo{max-width:200px;max-height:80px;margin-bottom:1rem;height:auto;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}