@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:'IBM Plex Mono',monospace;background:#111;color:#eee;font-size:12px;overflow:hidden;color-scheme:dark}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid #3a3a3a;border-radius:0;padding:8px 11px;white-space:nowrap}button:hover{border-color:#888;background:#252525}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe500;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:1px solid #ffe500}button[aria-pressed=true]{color:#ffe500;background:#222;border-color:#676022}a{color:inherit;text-decoration:none}input,select,textarea{background:#191919;color:#eee;border:1px solid #444;padding:9px 8px;min-width:0;border-radius:0}input[type=number]{width:100%}input[type=checkbox]{accent-color:#ffe500}select{width:100%}button.accent{background:#ffe500;border-color:#ffe500;color:#000}button.accent:hover{background:#fff;border-color:#fff}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #353535;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.7px;white-space:nowrap}.brand span{font-size:10px;color:#999;margin-left:15px;letter-spacing:0}.document{text-align:center;flex:1;min-width:80px}.document input{text-align:center;background:transparent;border:1px solid transparent;max-width:300px;width:100%;font-size:12px;padding:4px}.document input:hover{border-color:#444}.document span{display:block;font-size:9px;color:#888;padding-top:1px}.file-actions{display:flex;gap:8px;align-items:center}.file-actions button{font-size:10px}.icon-button{width:31px}.toolbar{height:53px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #353535;background:#151515}.history{display:flex;gap:2px;padding-right:12px;border-right:1px solid #333}.history button{padding:4px 9px;font-size:21px;border-color:transparent}.tools{display:flex;gap:3px}.tools button{border-color:transparent;padding:7px 10px;font-size:10px;display:flex;align-items:center;gap:8px}.tools button span{font-size:19px;line-height:20px}.tools button[aria-pressed=true]{border-color:#555}.view-options{margin-left:auto;display:flex;gap:5px}.view-options button{font-size:10px;padding:7px 9px}.studio{height:calc(100dvh - 117px);display:grid;grid-template-columns:214px minmax(0,1fr) 273px}.left-panel,.right-panel{background:#151515;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.left-panel{border-right:1px solid #333;display:flex;flex-direction:column}.right-panel{border-left:1px solid #333}.panel-tabs{display:flex;position:sticky;top:0;background:#151515;z-index:2;border-bottom:1px solid #333}.panel-tabs button{flex:1;border:0;padding:17px 9px;font-size:11px}.panel-tabs button[aria-pressed=true]{background:transparent;box-shadow:inset 0 -2px #ffe500}.panel-tabs span{font-size:9px;color:#888}.panel-note{font-size:9px;color:#8d8d8d;padding:10px 15px;margin:0}.template-button{width:100%;border:0;border-bottom:1px solid #2b2b2b;text-align:left;padding:15px 14px;display:flex;gap:12px;white-space:normal}.template-button.active{background:#252525;box-shadow:inset 3px 0 #ffe500}.template-button .template-icon{font-size:28px;color:#aaa;width:29px;flex-shrink:0;line-height:32px}.template-button.active .template-icon{color:#ffe500}.template-button b{display:block;font-size:11px;font-weight:400;line-height:1.5}.template-button small{display:block;font-size:9px;color:#999;line-height:1.6;margin-top:3px}.blank-button{margin:17px 14px;font-size:10px}.left-foot{margin-top:auto;padding:24px 16px;color:#aaa;font-size:9px;line-height:1.8}.left-foot p{color:#777}.status-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#ffe500;margin-right:5px}.subtle-link{font-size:9px;color:#aaa;text-decoration:underline;text-underline-offset:4px}.layer{width:100%;padding:11px 13px;display:flex;gap:8px;align-items:center;border:0;border-bottom:1px solid #292929;text-align:left;font-size:10px}.layer.active{background:#2b2917;color:#ffe500}.layer .layer-type{color:#888;font-size:15px;width:18px}.layer .layer-label{overflow:hidden;text-overflow:ellipsis;flex:1}.layer small{color:#888}.canvas-section{position:relative;min-width:0;min-height:0;overflow:hidden;background:#080808}.canvas-heading{height:43px;position:absolute;left:0;right:0;top:0;z-index:1;pointer-events:none;display:flex;justify-content:space-between;padding:15px 20px;font-size:10px;color:#ccc;background:linear-gradient(#101010ee,#10101000)}#scene-count{color:#777;font-size:9px}#canvas{width:100%;height:100%;touch-action:none;outline:none}#canvas svg{display:block;width:100%;height:100%;user-select:none}#canvas[data-tool=select]{cursor:default}#canvas:not([data-tool=select]){cursor:crosshair}#canvas.panning{cursor:grabbing}.canvas-note{position:absolute;bottom:48px;left:20px;right:20px;font-size:10px;color:#8c8c8c;line-height:1.7;pointer-events:none;max-width:630px;text-shadow:0 1px 3px #000}.canvas-bottom{position:absolute;left:0;right:0;bottom:0;height:37px;display:flex;align-items:center;justify-content:space-between;background:#141414ee;border-top:1px solid #333;padding:0 13px;font-size:9px;color:#aaa}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls button{border:0;padding:4px 6px;font-size:12px}#zoom-label{min-width:37px;text-align:center}#constraint-status{color:#aaa}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:17px 16px;font-size:11px;border-bottom:1px solid #333}.inspector-header span:last-child{color:#888;font-size:9px}#inspector{padding:16px}.empty-selection{line-height:1.8;color:#aaa;font-size:11px;min-height:210px}.empty-selection .empty-icon{font-size:34px;color:#666;margin:13px 0}.empty-selection b{display:block;font-weight:400;color:#ddd;font-size:13px;margin-bottom:9px}.selection-kind{font-size:9px;color:#888;margin:0 0 11px}.entity-name{font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 19px;font-weight:400}.field{display:block;font-size:10px;color:#aaa;margin:0 0 14px}.field>input,.field>select,.field>textarea{display:block;margin-top:7px;width:100%;font-size:11px}.field textarea{height:65px;resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:flex;gap:16px;font-size:10px;margin:5px 0 17px}.checks label{display:flex;align-items:center;gap:4px}.entity-actions{display:flex;gap:7px;margin-top:16px}.entity-actions button{font-size:9px;padding:8px 10px;flex:1}.constraints-list{border-top:1px solid #383838;padding-top:12px;margin-top:18px}.constraints-list h4{font-size:10px;font-weight:400;color:#aaa;margin:0 0 8px}.constraint-row{padding:8px 0;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.6}.constraint-row>span{flex:1}.constraint-row i{color:#ffe500;font-style:normal}.constraint-row button{border:0;padding:2px 5px;color:#888;font-size:14px}.constraint-row select{width:53px;padding:4px;font-size:9px}.driven-note{font-size:9px;line-height:1.7;color:#a7a06a;margin:0 0 15px}.construction{border-top:1px solid #383838;padding:17px 15px}.construction h3{font-size:11px;font-weight:400;margin:0 0 9px}.construction p{font-size:9px;color:#888;line-height:1.7;margin:0 0 13px}.constraint-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.constraint-grid button,.generator-actions button,.boolean-actions button{font-size:9px;padding:9px 5px}.generator-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:14px 0}.generator-actions button:last-child{grid-column:span 2}.compact-field{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#aaa;margin:10px 0}.compact-field input,.compact-field select{width:93px;max-width:93px;padding:6px 7px;font-size:10px}.boolean-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.construction h3:not(:first-child){margin-top:24px}.document-settings{padding:15px;border-top:1px solid #383838;font-size:10px}.document-settings summary{cursor:pointer;color:#aaa}#toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:10;background:#ffe500;color:#000;padding:12px 18px;font-size:11px;line-height:1.7;max-width:650px;display:none;box-shadow:0 4px 22px #0009}#toast.visible{display:block}dialog{background:#181818;color:#eee;border:1px solid #666;max-width:680px;width:calc(100% - 32px);padding:25px;max-height:90vh}dialog::backdrop{background:#000b}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:22px;font-weight:400;margin:0}dialog header button{border:0;font-size:24px}dialog p,dialog dd{font-size:11px;line-height:1.9;color:#aaa}dialog dt{font-size:12px;color:#fff;margin-top:18px}dialog dd{margin:5px 0 0}.help-limit{border-top:1px solid #444;padding-top:15px}[hidden]{display:none!important}
@media(min-width:1800px){.studio{grid-template-columns:238px minmax(0,1fr) 300px}.topbar{height:70px}.studio{height:calc(100dvh - 123px)}.template-button{padding:19px 17px}}
@media(max-width:1250px){.brand span{display:none}.studio{grid-template-columns:175px minmax(0,1fr) 240px}.tools button{padding:6px 7px;gap:5px}.template-button{gap:8px;padding:13px 10px}.template-button .template-icon{width:23px;font-size:24px}.canvas-bottom #coordinates{display:none}.toolbar{gap:8px;padding:0 10px}.view-options button{padding:7px 6px}}
@media(max-width:960px){.studio{grid-template-columns:150px minmax(0,1fr) 222px}.tools button{font-size:0}.tools button span{font-size:20px}.topbar{padding:0 12px;gap:12px}.brand{font-size:17px}.file-actions{gap:4px}.file-actions button{font-size:9px;padding:7px}.template-button small{display:none}.template-button{align-items:center}.template-button b{font-size:10px}.panel-tabs button{font-size:9px}.canvas-heading{padding:15px 12px}#scene-count{display:none}.canvas-note{font-size:9px;left:12px;right:12px}.right-panel{font-size:10px}#constraint-status{font-size:8px}}
@media(max-width:720px){body{overflow:auto}.topbar{flex-wrap:wrap;height:auto;min-height:95px;padding:10px 12px;gap:8px}.brand{flex:1}.document{order:3;flex:0 0 100%;display:flex;align-items:center;justify-content:space-between}.document input{text-align:left;max-width:240px;padding:3px 0}.document span{font-size:8px}.file-actions #save-project{display:none}.toolbar{height:50px;overflow-x:auto;padding:0 6px}.history{display:none}.view-options{margin-left:4px}.view-options button{font-size:9px}.tools{gap:1px}.tools button{padding:5px 7px}.studio{height:auto;display:grid;grid-template-columns:1fr}.left-panel{border-right:0;display:block}.panel-tabs{position:static}.panel-note,.left-foot{display:none}#template-list{display:flex;overflow-x:auto}.template-button{width:auto;min-width:120px;padding:10px;flex-shrink:0;border-bottom:0;border-right:1px solid #333}.template-button .template-icon{font-size:22px;width:20px}.blank-button{margin:0;position:absolute;right:7px;top:152px;font-size:9px;padding:6px;background:#151515}.panel-tabs{padding-right:113px}#layer-list{display:flex;max-height:110px;overflow-x:auto}.layer{width:auto;min-width:130px}.canvas-section{height:70dvh;min-height:460px}.right-panel{border-top:1px solid #333;border-left:0;display:grid;grid-template-columns:1fr 1fr}.inspector-header{grid-column:1/-1}.construction{border-top:0;border-left:1px solid #333}.document-settings{grid-column:1/-1}.canvas-note{max-width:calc(100% - 30px);font-size:9px}.canvas-bottom #coordinates{display:none}.canvas-bottom{padding:0 8px}#toast{width:calc(100% - 26px);max-width:420px}.empty-selection{min-height:180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.constraint-value{width:58px!important;min-width:0;padding:5px;font-size:10px}.constraint-row{flex-wrap:wrap}.constraint-row span{flex:1;min-width:88px}

/* Assembly editing and inspection controls. */
.layer-search{padding:10px;border-bottom:1px solid #303030}.layer-search input{width:100%;font-size:10px;padding:8px}.layer-row{display:flex;align-items:center;border-bottom:1px solid #292929}.layer-row .layer{border:0;min-width:0;flex:1;padding:11px 7px}.layer-row .layer-toggle{border:0;padding:6px 5px;font-size:11px;color:#888;flex:none}.layer-row.is-hidden .layer{opacity:.4}.layer-row .layer-toggle:hover{color:#ffe500}.layer-group{border-bottom:1px solid #4b4622}.layer-group .layer-row{padding-left:7px}.group-heading{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid #333;padding:11px 10px;font-size:10px;color:#ffe500;background:#222116}.group-heading small{margin-left:auto;color:#888}.group-heading span{font-size:17px}
#selection-toolbar{position:absolute;left:50%;top:50px;transform:translateX(-50%);display:flex;gap:4px;align-items:center;padding:5px 6px;background:#1b1b1b;border:1px solid #514d2e;box-shadow:0 5px 18px #0006;z-index:3;white-space:nowrap}#selection-toolbar>span{color:#b4aa52;padding:0 9px;font-size:9px}#selection-toolbar button{font-size:10px;padding:7px 8px;border-color:transparent}#selection-toolbar button:hover{border-color:#555}#selection-toolbar button:last-child{color:#ffe500}
#arrange-panel,#appearance-panel{padding:16px;border-top:1px solid #383838}#arrange-panel h3,#appearance-panel h3{font-size:11px;font-weight:400;margin:0 0 14px}#arrange-panel h3 small{float:right;color:#777;font-size:9px}.align-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.align-grid button{font-size:20px;padding:5px 0;line-height:26px}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.two-actions button{font-size:9px;padding:8px 3px}.style-presets{display:flex;gap:5px}.style-presets button{font-size:9px;flex:1;padding:7px}.style-presets button:first-child{border-bottom-width:1px}.style-presets button:nth-child(2){border-bottom-width:2px}.style-presets button:last-child{border-bottom-width:3px}
#command-dialog{padding:0;max-width:520px;box-shadow:0 18px 100px #000a}#command-dialog .command-input{display:flex;align-items:center;padding:12px 15px;gap:10px;border-bottom:1px solid #444}.command-input>span{color:#ffe500;font-size:23px}.command-input input{flex:1;background:none;border:0;font-size:13px;padding:9px 0;outline:none}.command-input button{font-size:10px;padding:5px;color:#888}#command-results{padding:7px;max-height:420px;overflow-y:auto}.command-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;padding:12px;font-size:11px;text-align:left}.command-row.highlighted{color:#ffe500;background:#2c2a1c}.command-row kbd{font:inherit;color:#999;font-size:10px}.command-row:disabled{opacity:.3}#command-dialog footer{border-top:1px solid #333;font-size:9px;color:#888;padding:12px 18px}
@media(max-width:1350px){.tools button{padding:6px;gap:4px}.toolbar{gap:7px;padding:0 10px}.view-options button{padding:7px 6px;font-size:9px}.history{padding-right:6px}.brand span{display:none}}
@media(max-width:1180px){.tools button{font-size:0}.tools button span{font-size:20px}.topbar{gap:10px;padding:0 12px}.file-actions{gap:4px}.file-actions button{padding:7px}.file-actions #export-png{display:none}}
@media(max-width:720px){.file-actions #help{display:none}.file-actions #commands{font-size:9px}.topbar{padding:10px 12px}.toolbar{overflow-x:auto}.view-options{flex-shrink:0}.tools button{padding:6px}.layer-search{display:none}.layer-row{min-width:180px}.layer-group{min-width:180px}.layer-group .layer-row{min-width:175px}.group-heading{height:32px}.layer-row .layer{min-width:0}#selection-toolbar{top:45px;max-width:calc(100% - 18px);gap:0;padding:4px}#selection-toolbar>span{padding:0 6px;font-size:8px}#selection-toolbar button{font-size:9px;padding:6px}#appearance-panel,#arrange-panel{padding:14px}#appearance-panel{border-left:1px solid #333}.construction{grid-column:1/-1;display:block}#arrange-panel{grid-column:1/-1}.right-panel #inspector{grid-column:1}#command-dialog{max-height:80dvh}#command-results{max-height:55dvh}}