:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#e9eef5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}#app{min-height:100vh;display:flex;flex-direction:column}.controls{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.65rem 1rem;background:#142033;color:#fff;z-index:10}.toolbar-controls{display:contents}.brand{display:flex;flex-direction:column;margin-right:.75rem}.brand span{color:#a8b5ca;font-size:.75rem}.command-bar{display:flex;align-items:center;gap:.35rem}.command-group{position:relative}.command-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:4.6rem;gap:.15rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:.45rem;background:transparent;color:#fff}.command-button span{font-size:.68rem}.command-button svg{width:1.25rem;height:1.25rem}.command-button[aria-expanded=true]{background:#324a70;border-color:#91b6ed}.command-action{min-width:4.6rem;min-height:3.3rem;border-color:transparent;background:transparent}.command-action:hover{background:#324a70}.command-popup{position:fixed;display:grid;grid-template-columns:minmax(13rem,1fr);gap:.55rem;min-width:15rem;max-width:min(28rem,calc(100vw - 1rem));max-height:calc(100vh - 1rem);overflow:auto;padding:.75rem;border:1px solid #52627c;border-radius:.55rem;background:#142033;box-shadow:0 .75rem 2rem #07101ecc;z-index:20}.command-popup[hidden],.command-popup [hidden]{display:none!important}.command-popup-wide{min-width:min(30rem,calc(100vw - 1rem))}.popup-subgroup{display:grid;gap:.45rem}.popup-subgroup h2{margin:0;padding-bottom:.2rem;border-bottom:1px solid #40516d;color:#c6d1e4;font-size:.8rem;font-weight:600}.command-popup label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem}.command-popup input[type=number]{width:6.5rem}.command-popup input[type=text],.command-popup select{min-width:0;flex:1}.command-popup fieldset{min-width:0}.control-group,.advanced-panel{display:grid;gap:.45rem;padding:.55rem;border:1px solid #40516d;border-radius:.45rem}.control-group legend,.advanced-panel legend{padding:0 .25rem;color:#c6d1e4;font-size:.8rem}.advanced-panel summary{display:none}.popup-actions,.zoom-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.zoom-controls output{min-width:3.5rem;text-align:center;color:#c6d1e4}button,.file-button{border:1px solid #52627c;border-radius:.45rem;padding:.45rem .7rem;background:#243653;color:#fff;cursor:pointer}button:hover,.file-button:hover{background:#324a70}button:focus-visible,.file-button:focus-within,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b9d5ff;outline-offset:2px}button:has(svg){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem}button svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button[aria-pressed=true]{background:#45658f;border-color:#a9c9fa}.file-button input{display:none}#status{flex:1 1 100%;margin:0;color:#c6d1e4;font-size:.8rem}.workspace{flex:1;min-height:0;padding:1rem;display:flex}.canvas-host{flex:1;min-height:420px;overflow:hidden;border-radius:.75rem;background:#fff;box-shadow:0 .5rem 2rem #7f8da633;touch-action:none}.canvas-host canvas{display:block;width:100%;height:100%}@media(max-width:640px){.controls{align-items:flex-start;padding:.5rem}.brand{flex-basis:100%;margin-right:0}.command-bar{width:100%;justify-content:space-between}.command-button{min-width:3.8rem}.workspace{padding:.5rem}.canvas-host{min-height:calc(100vh - 150px)}}