.header-buttons{display:flex;align-items:center;gap:12px}.theme-toggle{width:35px;height:35px;border:1px solid #505850;border-radius:50%;color:#f0eee7;font-size:21px}.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.project-toolbar>div{display:flex;align-items:center;gap:8px}.project-toolbar strong{font-size:11px;font-weight:500}.project-toolbar small{font-size:9px;margin-left:10px;color:var(--muted)}.project-led{height:5px;width:5px;border-radius:50%;background:#f0814d}.project-toolbar .outline-button{font-size:10px;padding:9px 13px}.viewport-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:49px;padding:9px 15px;border-bottom:1px solid var(--line);gap:8px}.view-tabs{display:flex;gap:3px;border:1px solid var(--line);border-radius:5px;padding:2px}.view-tabs button{padding:7px 10px;font-size:10px;border-radius:3px;color:var(--muted)}.view-tabs button.active{background:var(--ink);color:var(--paper)}#camera-tools{display:flex;align-items:center;gap:4px}#camera-tools[hidden]{display:none}#camera-tools button{font-size:8px;letter-spacing:.4px;border:1px solid var(--line);padding:6px;border-radius:3px}#camera-tools label{font-size:8px;display:flex;align-items:center;gap:3px}#camera-tools input{width:11px;height:11px;accent-color:var(--orange)}.canvas-corner b{font-weight:400}#render-host{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#e3e7e7,#d0d7d9);touch-action:none}#render-host canvas{display:block;width:100%;height:100%;outline:0}#render-host canvas:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}#render-message{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:70px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8;pointer-events:none}#render-message[hidden],#render-host[hidden]{display:none}.canvas.is-3d .canvas-hint{display:block;left:20px;bottom:57px;right:auto}.canvas.is-3d #zoom-value{display:none}.view-tools{z-index:2}.wave-presets{display:flex;gap:6px;margin-top:18px}.wave-presets button{flex:1;border:1px solid var(--line);padding:7px 2px;font-size:9px;border-radius:4px}.wave-presets button:hover{border-color:var(--orange);color:var(--orange)}.control-help{font-size:8px;line-height:1.7;color:var(--muted);margin-top:9px}.import-drop{border:1px dashed #7f8c79;border-radius:8px;padding:28px 18px;text-align:center;margin:20px 0;background:#f1f4e9}.import-drop.over{border-color:var(--orange);background:#ea60351a}.import-drop span{font-size:30px;color:var(--orange)}.import-drop strong{display:block;margin:8px 0;font-size:13px}.import-drop p{font-size:10px;color:var(--muted);line-height:1.8}.import-drop button{margin-top:15px;padding:10px 16px}.import-options{display:flex;gap:12px;margin-bottom:15px}.import-options label{flex:1;font-size:10px;color:var(--muted)}.import-options select,.import-options input{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:4px;margin-top:7px;background:var(--paper);color:var(--ink)}.save-actions{display:flex;gap:10px}.save-actions button{flex:1}#import-error{color:#e88a69;font-size:11px;line-height:1.7}.imported-strip{background:#e8edf0;border:1px solid var(--line);padding:12px;font-size:10px;line-height:1.7;border-radius:4px;margin:0 19px 14px}.imported-strip button{color:var(--orange);text-decoration:underline;padding:0;font-size:10px}.imported-strip[hidden]{display:none}
:root[data-theme=dark]{color-scheme:dark;--ink:#d9e1e7;--muted:#84929f;--line:#303b45;--paper:#10161b;--green:#9bbd9c;--orange:#f07649}
[data-theme=dark] body{background:#10161b;color:#d9e1e7}[data-theme=dark] .topbar{background:#151d24;border-bottom:1px solid #303a43}[data-theme=dark] .brand>span:not(.brand-mark){color:#abbac5}[data-theme=dark] .topbar nav .nav{color:#8b9ca9}[data-theme=dark] .topbar nav .nav.active{color:#f8fafc}[data-theme=dark] .nav span,[data-theme=dark] .saved-btn span{background:#2b3742}[data-theme=dark] .theme-toggle,[data-theme=dark] .saved-btn{border-color:#36434e;color:#cad6df}[data-theme=dark] h1{color:#f1f5f6}[data-theme=dark] .concept-pill{background:#1c2b28;border-color:#344b42;color:#93b6a2}[data-theme=dark] .studio-shell{border-color:#35414b;background:#1a232b;box-shadow:0 18px 50px #0003}[data-theme=dark] .controls,[data-theme=dark] .inspector{background:#1a232b}[data-theme=dark] .ride-selects label,[data-theme=dark] .dimension-fields label{color:#a5b3c0}[data-theme=dark] .ride-selects select,[data-theme=dark] .dimension-fields input{background:#10191f;color:#e5edf2;border-color:#34434e}[data-theme=dark] .segmented{background:#111a21}[data-theme=dark] .segmented button{color:#8c9ba7}[data-theme=dark] .segmented .active{background:#354652;color:#f6f9fc}[data-theme=dark] .source-badge{color:#99bd9b}[data-theme=dark] .source-badge.unverified{color:#deb779}[data-theme=dark] .profile-buttons button{color:#a6b6c2}[data-theme=dark] .profile-buttons svg{stroke:#8d9faa}[data-theme=dark] .profile-buttons .active{border-color:#c97551;background:#392b25;color:#ffc1a3}[data-theme=dark] .profile-buttons .active svg{stroke:#ef996e}[data-theme=dark] .pattern-buttons .active{background:#d17951;color:#fff}[data-theme=dark] .range-label{color:#9caebb}[data-theme=dark] .range-label output{color:#d7e5ef}[data-theme=dark] input[type=range]{accent-color:#ed986a}[data-theme=dark] .shuffle{border-color:#41505c;background:#202c36;color:#d8e4eb}[data-theme=dark] .shuffle>span{color:#ed996a}[data-theme=dark] .shuffle small{color:#93a6b4}[data-theme=dark] .drawing-panel{background:#111a21}[data-theme=dark] .drawing-top,[data-theme=dark] .drawing-bottom,[data-theme=dark] .viewport-toolbar{background:#18232b;border-color:#303d47}[data-theme=dark] .drawing-top small{color:#8ca1af}[data-theme=dark] .drawing-actions button{color:#a6b7c4}[data-theme=dark] .unit-pill{border-color:#394b58;color:#9db2c0}[data-theme=dark] .canvas{background:#111a21}[data-theme=dark] #small-grid path{stroke:#283843}[data-theme=dark] #large-grid path{stroke:#3f515d}[data-theme=dark] .canvas-corner,[data-theme=dark] .canvas-corner span{color:#8099ab}[data-theme=dark] .canvas-hint{color:#8ba2b1}[data-theme=dark] .view-tools{background:#24323c;border-color:#425561}[data-theme=dark] .view-tools button,[data-theme=dark] .view-tools span{color:#adc4d4}[data-theme=dark] .view-tools i{border-color:#4b5e68}[data-theme=dark] .drawing-bottom label,[data-theme=dark] .drawing-bottom>button{color:#b1c1cc}[data-theme=dark] .drawing-bottom input{accent-color:#ee9569}[data-theme=dark] .finish-colors span{color:#90a3b1}[data-theme=dark] .inspector-intro{color:#8ea0ae}[data-theme=dark] .dimension-fields label.concept input{border-color:#816c44;background:#302b20;color:#e1c394}[data-theme=dark] .readout{border-color:#3b4e59;background:#20313c}[data-theme=dark] .readout span{color:#94afbf}[data-theme=dark] .readout strong{color:#d6e5ee}[data-theme=dark] .geometry-status{color:#9bbe9d}[data-theme=dark] .geometry-status.error{color:#f3ac85}[data-theme=dark] .fitment-warning{background:#302b22;border-color:#51442e;color:#b7a180}[data-theme=dark] .fitment-warning strong{color:#d7b17d}[data-theme=dark] .primary-button{background:#e9784c;border-color:#e9784c;color:#111820}[data-theme=dark] .outline-button{border-color:#425462;color:#b9ccd8}[data-theme=dark] .outline-button:hover{background:#293c49}[data-theme=dark] .export-note{color:#849cae}[data-theme=dark] .reference-strip{background:#1b262e;border-color:#32404a}[data-theme=dark] .reference-strip p{color:#9aaebc}[data-theme=dark] .reference-strip a{color:#d9a57e;border-color:#715b48}[data-theme=dark] .library-tools input,[data-theme=dark] .library-tools select{background:#1b2730;color:#c3d3de;border-color:#3b4c59}[data-theme=dark] .catalog-note{background:#302d22;color:#bdb08c;border-color:#534b33}[data-theme=dark] .table-scroll{background:#1a242c;border-color:#33434e}[data-theme=dark] th{background:#273640;color:#91a9b9}[data-theme=dark] td{border-color:#2f3d46}[data-theme=dark] td small{color:#92a6b4}[data-theme=dark] td a{color:#9cbd9d}[data-theme=dark] td button{color:#e49d74}[data-theme=dark] .tag{background:#2d4035;color:#9fc8a0}[data-theme=dark] .tag.rear{background:#443b29;color:#d8ba82}[data-theme=dark] .guide-grid article,[data-theme=dark] .guide-callout.light{background:#1b2831;border-color:#354753}[data-theme=dark] .guide-number{color:#425763}[data-theme=dark] .guide-grid p,[data-theme=dark] .guide-callout.light p{color:#9dafbd}[data-theme=dark] .guide-callout.light h2{color:#d0dfe8}[data-theme=dark] footer{border-color:#2b3a44;color:#778c9a}[data-theme=dark] .footer-brand{color:#a9bdc9}[data-theme=dark] .footer-brand span{color:#7e939f}[data-theme=dark] dialog{background:#19262f;color:#e0eaf0;border-color:#4a606f}[data-theme=dark] .modal-copy{color:#a4b8c6}[data-theme=dark] .modal-field{background:#111c24;color:#d5e1e9;border-color:#405665}[data-theme=dark] .export-options button{background:#233540;border-color:#425766;color:#d9e6ee}[data-theme=dark] .export-options small{color:#9db4c4}[data-theme=dark] .note-box{background:#352e22;color:#c5ac7d}[data-theme=dark] .saved-item{border-color:#3b505d}[data-theme=dark] .saved-item small{color:#8ca5b5}[data-theme=dark] .saved-item button{color:#e4a073}[data-theme=dark] .import-drop{background:#1e303c;border-color:#587286}[data-theme=dark] .imported-strip{background:#253641}[data-theme=dark] #render-host{background:radial-gradient(ellipse at 50% 38%,#263746,#0d161e)}[data-theme=dark] .dimension-fields label span{color:#a08b67}[data-theme=dark] .step{color:#7d92a2}[data-theme=dark] .small-label{color:#879baa}[data-theme=dark] .text-button{color:#b19983}[data-theme=dark] .library-footnote{color:#8299aa}
@media(min-width:901px){.studio-shell{height:740px;min-height:740px}.controls,.inspector{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#576975 transparent}.drawing-panel{min-height:0}.canvas{min-height:0}.control-section{padding-bottom:25px}.canvas.is-3d .canvas-hint{font-size:8px}}@media(min-width:1550px){.studio-shell{height:800px}}
@media(max-width:1100px){.viewport-toolbar{flex-wrap:wrap}.project-toolbar small{display:none}}@media(max-width:600px){.project-toolbar{padding:0 3px;align-items:flex-start;flex-direction:column;gap:12px}.project-toolbar>div:last-child{width:100%}.project-toolbar button{flex:1}.header-buttons{gap:8px}.theme-toggle{width:31px;height:31px}.viewport-toolbar{padding:10px}.view-tabs button{font-size:10px;padding:7px 10px}#camera-tools button{font-size:7px}#render-message{padding:40px}.drawing-bottom{gap:11px}.canvas.is-3d .canvas-hint{font-size:8px}.import-options{flex-wrap:wrap}.save-actions{flex-direction:column}}

[data-theme=dark] #metal stop:first-child{stop-color:#8a9ca6}[data-theme=dark] #metal stop:nth-child(2){stop-color:#506571}[data-theme=dark] #metal stop:last-child{stop-color:#32444f}.drawing-bottom button[hidden]{display:none}
