*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0f0f1a;--bg-panel:#1a1a2e;--bg-panel-hover:#252540;--bg-input:#12122a;--border:#2a2a4a;--text:#d0d0e0;--text-dim:#88a;--accent:#48f;--accent-hover:#59f;--green:#0f8;--red:#f44;--orange:#fa0}html,body{height:100%;color:var(--text);background:var(--bg-dark);-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}select,.prop-input[type=select],select.prop-input{appearance:none;background:var(--bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238888aa'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid var(--border);color:var(--text);background-size:10px 6px;border-radius:3px;padding-right:24px;font-family:inherit;font-size:12px}select:focus{border-color:var(--accent);outline:none}select option{background:var(--bg-panel);color:var(--text)}.tab-content{display:none}.tab-content.active{display:block}.menu-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;gap:4px;min-height:32px;padding:4px 8px;display:flex}.menu-bar button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 10px;font-size:12px}.menu-bar button:hover{background:var(--bg-panel-hover);border-color:var(--border)}.menu-bar .spacer{flex:1}.menu-dropdown{position:relative}.menu-trigger{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 10px;font-size:12px}.menu-trigger:hover,.menu-dropdown:hover .menu-trigger{background:var(--bg-panel-hover);border-color:var(--border)}.menu-content{background:var(--bg-panel);border:1px solid var(--border);z-index:1000;border-radius:4px;min-width:160px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0006}.menu-dropdown:hover .menu-content{display:block}.menu-dropdown.submenu{position:relative}.menu-dropdown.submenu>.menu-content{min-width:180px;display:none;position:absolute;top:0;left:100%}.menu-dropdown.submenu:hover>.menu-content{display:block}.menu-dropdown.submenu>.menu-trigger{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:12px}.menu-dropdown.submenu>.menu-trigger:hover{background:var(--bg-panel-hover)}.menu-content button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:12px;display:block}.menu-content button:hover{background:var(--accent);color:#fff}.menu-content hr{border:none;border-top:1px solid var(--border);margin:4px 0}.menu-bar .app-title{color:var(--accent);margin-right:16px;font-size:13px;font-weight:600}.menu-content .shortcut{float:right;color:var(--text-dim);margin-left:20px;font-size:10px}.tab-bar{background:var(--bg-dark);border-bottom:1px solid var(--border);gap:0;min-height:32px;padding:0 8px;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 16px;font-size:12px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text);background:var(--bg-panel-hover)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab[data-tab=calculate]{color:#4f8}.tab[data-tab=calculate]:hover{color:#6fa}.tab[data-tab=calculate].active{color:#4f8;border-bottom-color:#4f8}#tool-strip{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;align-items:stretch;gap:2px;width:40px;min-width:40px;padding:4px;transition:width .2s,min-width .2s;display:flex;overflow:hidden}#tool-strip.expanded{width:140px;min-width:140px}#tool-strip .strip-separator{background:var(--border);height:1px;margin:4px 0}#tool-strip button.tool-strip-btn{height:48px;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:0 4px;font-size:21px;display:flex;position:relative;overflow:hidden}#tool-strip:not(.expanded) button.tool-strip-btn{justify-content:center}#tool-strip button.tool-strip-btn:hover{background:var(--bg-panel-hover)}#tool-strip button.tool-strip-btn.active{background:var(--accent);color:#fff}#tool-strip button.tool-strip-btn .tool-label{font-size:12px;display:none}#tool-strip.expanded button.tool-strip-btn .tool-label{display:inline}#tool-strip:not(.expanded) button.tool-strip-btn[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--bg-panel);border:1px solid var(--border);color:var(--text);white-space:nowrap;z-index:100;pointer-events:none;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:11px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}#tool-strip button.tool-strip-btn .tool-icon{text-align:center;flex-shrink:0;width:30px}.main-area{flex:1;display:flex;overflow:hidden}.canvas-container{flex:1;position:relative;overflow:hidden}.canvas-container canvas{width:100%;height:100%;display:block}.canvas-container>canvas#main-canvas{z-index:1;position:relative}.panel-toggle{width:20px;height:20px;color:var(--text-dim);cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;font-size:11px;transition:opacity .15s;display:flex}.panel-toggle:hover{opacity:1;background:var(--bg-panel-hover);border-color:var(--border)}#left-panel-toggle{align-self:center;margin-top:auto}#right-panel{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;width:280px;min-width:200px;max-width:500px;transition:width .2s,min-width .2s;display:flex;position:relative;overflow:hidden}#right-panel.collapsed{width:24px;min-width:24px;max-width:24px}#right-panel.dragging{transition:none}#right-panel.collapsed .right-panel-header,#right-panel.collapsed .layers-list,#right-panel.collapsed .panel-divider,#right-panel.collapsed .context-panel,#right-panel.collapsed .drag-handle{display:none!important}.drag-handle{cursor:col-resize;z-index:2;background:0 0;width:4px;position:absolute;top:0;bottom:0;left:0}.drag-handle:hover,.drag-handle.active{background:var(--accent)}#right-panel-toggle{z-index:3;position:absolute;top:6px;left:6px}.right-panel-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:8px 10px 4px;font-size:11px;font-weight:600}.layers-list{border-bottom:1px solid var(--border);min-height:56px;max-height:200px;overflow-y:auto}.layers-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);padding:6px 8px 4px;font-size:10px;font-weight:600}.layer-row{cursor:pointer;align-items:center;gap:4px;height:28px;padding:0 6px;font-size:11px;transition:background .1s;display:flex}.layer-row:hover{background:var(--bg-panel-hover)}.layer-row.selected{background:#4488ff26}.layer-visibility{text-align:center;cursor:pointer;opacity:.7;flex-shrink:0;width:16px;font-size:12px}.layer-visibility:hover{opacity:1}.layer-visibility.hidden{opacity:.3}.layer-color{border:1px solid #ffffff26;border-radius:2px;flex-shrink:0;width:12px;height:12px}.layer-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;min-width:0;font-size:11px;overflow:hidden}.layer-name-input{background:var(--bg-input);border:1px solid var(--accent);color:var(--text);border-radius:2px;outline:none;flex:1;min-width:0;padding:1px 4px;font-size:11px}.layer-material-select{background:var(--bg-input);border:1px solid var(--border);max-width:80px;color:var(--text);cursor:pointer;border-radius:2px;outline:none;flex-shrink:0;padding:1px 2px;font-size:10px}.layer-material-select:focus{border-color:var(--accent)}.layer-calc{text-align:center;cursor:pointer;flex-shrink:0;width:16px;font-size:11px;font-weight:600}.layer-calc.active{color:var(--green)}.layer-calc.inactive{color:var(--text-dim)}.layers-empty{color:var(--text-dim);text-align:center;padding:8px;font-size:11px;font-style:italic}.panel-divider{background:var(--border);height:1px}.context-panel,.right-panel-content{flex:1;padding:8px;overflow-y:auto}.tab-content[data-tab=calculate] select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px}.tab-content[data-tab=calculate] select:focus{border-color:var(--accent);outline:none}.panel-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:11px;font-weight:600}.panel{margin-bottom:16px}.settings-collapsible{-webkit-user-select:none;user-select:none}.settings-collapsible .collapse-arrow{float:right;font-size:10px}.settings-body{padding-top:4px}.tool-btn{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;margin-bottom:2px;padding:6px 8px;font-size:12px;display:flex}.tool-btn:hover{background:var(--bg-panel-hover)}.tool-btn.active{background:var(--accent);color:#fff}.tool-icon{text-align:center;width:30px;font-size:21px}.material-category{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;margin:8px 0 4px;font-size:10px;font-weight:600}.material-item{cursor:pointer;border-radius:3px;align-items:center;gap:8px;margin-bottom:1px;padding:4px 6px;display:flex}.material-item:hover{background:var(--bg-panel-hover)}.material-item.active{background:var(--accent);color:#fff}.material-item.active .material-info small{color:#ffffffb3}.material-swatch{border:1px solid #fff3;border-radius:2px;flex-shrink:0;width:14px;height:14px}.material-info{font-size:11px;line-height:1.3}.material-info small{color:var(--text-dim)}.prop-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}.prop-label{color:var(--text-dim);font-size:11px}.prop-value{font-family:monospace;font-size:11px}.prop-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;width:100px;padding:2px 6px;font-size:12px}.prop-input:focus{border-color:var(--accent);outline:none}.prop-hint{color:var(--text-dim);padding:8px 0;font-size:11px;font-style:italic}.prop-verts{color:var(--text-dim);padding:4px 0;font-family:monospace;font-size:10px}.prop-vert-line{padding:1px 0}.bc-item{background:var(--bg-input);border-radius:3px;margin-bottom:4px;padding:6px;font-size:11px}.bc-name{margin-bottom:2px;font-weight:600}.bc-detail{color:var(--text-dim);font-family:monospace;font-size:10px}.bc-edges{color:var(--text-dim);margin-top:2px;font-size:10px}.bc-preset-select{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);border-radius:3px;margin-top:8px;padding:4px 6px;font-size:12px}.bc-hint{color:var(--text-dim);margin-top:8px;font-size:10px;font-style:italic}.results-slider{appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px;margin-top:4px}.results-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.results-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.results-toggle{cursor:pointer}.license-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.license-dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:400px;padding:32px;box-shadow:0 20px 60px #00000080}.license-header{text-align:center;margin-bottom:24px}.license-logo{margin-bottom:8px;font-size:48px;display:block}.license-header h2{color:var(--text);margin:0;font-size:24px}.license-subtitle{color:var(--text-dim);margin:4px 0 0;font-size:13px}.license-label{color:var(--text-dim);margin-top:16px;margin-bottom:6px;font-size:12px;display:block}.license-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);letter-spacing:1px;text-align:center;border-radius:6px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:14px}.license-input:focus{border-color:var(--accent);outline:none}.license-error{color:var(--red);text-align:center;min-height:18px;margin-top:6px;font-size:12px}.license-btn{cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:600}.license-btn-primary{background:var(--accent);color:#fff}.license-btn-primary:hover{background:var(--accent-hover)}.license-btn-secondary{border:1px solid var(--border);color:var(--text-dim);background:0 0}.license-btn-secondary:hover{background:var(--bg-panel-hover);color:var(--text)}.trial-badge{text-align:center;color:var(--accent);background:#4488ff1a;border:1px solid #4488ff4d;border-radius:6px;padding:8px;font-size:13px}.trial-expired{color:var(--red);background:#ff44441a;border-color:#ff44444d}.license-status{text-align:center}.license-active{color:var(--green);font-size:14px}.license-key-display{color:var(--text-dim);margin:8px 0;font-family:monospace;font-size:11px}.license-footer{text-align:center;margin-top:16px}.license-footer a{color:var(--accent);font-size:12px;text-decoration:none}.license-footer a:hover{text-decoration:underline}.status-bar{background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:16px;min-height:24px;padding:4px 12px;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:11px;display:flex}.status-bar .spacer{flex:1}