@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{color:#dfe8df;font-synthesis:none;background:#0c100d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,textarea{font:inherit}.cad-app{background:#0c100d;grid-template-columns:minmax(340px,42%) 1fr;width:100%;height:100%;min-height:520px;display:grid;overflow:hidden}.code-pane,.preview-pane{grid-template-rows:54px minmax(0,1fr);min-width:0;min-height:0;display:grid}.code-pane{background:#111613;border-right:1px solid #273129}.pane-header{color:#aeb9af;border-bottom:1px solid #273129;justify-content:space-between;align-items:center;min-width:0;padding:0 18px;font-size:12px;display:flex}.pane-header>div{align-items:center;gap:10px;display:flex}.pane-header strong{color:#edf3ed;letter-spacing:.02em;font-size:12px;font-weight:600}.pane-header>span:not(.status){color:#68766b;font-size:10px}.header-actions{justify-content:flex-end}.render-button{color:#eff8ef;cursor:pointer;background:#315a39;border:1px solid #4d7a56;border-radius:6px;min-width:76px;height:30px;padding:0 14px;font-size:11px;font-weight:600}.render-button:hover:not(:disabled){background:#3a6944}.render-button:focus-visible{outline-offset:2px;outline:2px solid #87bd91}.render-button:disabled{color:#849087;cursor:wait;background:#252e27;border-color:#39463c}.product-mark{color:#d8ead5;background:#315a39;border-radius:6px;place-items:center;width:26px;height:26px;font-size:9px;font-weight:600;display:grid}.status{color:#8ea493;align-items:center;gap:7px;display:flex}.status i{background:#6ba879;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #6ba87966}.status.error{color:#d98c82}.status.error i{background:#d56e60;box-shadow:0 0 8px #d56e6066}.editor-wrap{min-height:0;overflow:hidden}.code-editor{background:#111613;width:100%;height:100%;min-height:0;font:400 13px/1.7 DM Mono,monospace}.code-editor.ace_editor{background:#111613}.code-editor .ace_gutter{color:#48534b;background:#0f1411}.code-editor .ace_scroller{background:#111613}.code-editor .ace_cursor{color:#8dc69a}.code-editor .ace_marker-layer .ace_active-line,.code-editor .ace_gutter-active-line{background:#172119}.preview-pane{background:#101512}.three-preview{min-width:0;min-height:0;position:relative;overflow:hidden}.three-preview canvas{cursor:grab;width:100%;height:100%;display:block}.three-preview canvas:active{cursor:grabbing}.preview-message{z-index:1;color:#839187;text-align:center;pointer-events:none;background:#111713dd;border:1px solid #2b382e;border-radius:8px;max-width:260px;padding:10px 14px;font-size:11px;line-height:1.5;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.preview-message.hidden{display:none}@media (width<=760px){.cad-app{grid-template-rows:minmax(300px,48%) minmax(320px,52%);grid-template-columns:1fr;overflow:auto}.code-pane{border-bottom:1px solid #273129;border-right:0}.pane-header>span:not(.status){display:none}}