*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e6e6e6;background:#101216;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{color:#e6e6e6;cursor:pointer;background:#2a2e37;border:1px solid #3d424e;border-radius:4px;padding:6px 10px}button:hover:not(:disabled){background:#363b46}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:#1b1e24;border:1px solid #3d424e;border-radius:4px;width:100%;padding:6px 8px}.board-page{flex-direction:column;height:100%;display:flex}.board-loading{color:#999;justify-content:center;align-items:center;height:100%;display:flex}.top-bar{background:#171a20;border-bottom:1px solid #2a2e37;align-items:center;gap:10px;padding:8px 14px;display:flex}.top-bar .brand{letter-spacing:.3px;font-weight:700}.top-bar-spacer{flex:1}.banner{border-radius:4px;padding:4px 10px;font-size:12.5px}.banner-warning{color:#ffcf7a;background:#4a3a1a}.banner-error{color:#ff9a9a;background:#4a1a1a}.share-banner{background:#1c2b1e;border-bottom:1px solid #2f4a33;flex-direction:column;gap:6px;padding:10px 14px;font-size:13px;display:flex}.share-row{align-items:center;gap:8px;display:flex}.share-row code{overflow-wrap:anywhere;background:#0f1512;border-radius:4px;padding:3px 6px}.share-banner .dismiss{align-self:flex-start}.board-body{flex:1;min-height:0;display:flex}.canvas-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.toolbar{z-index:2;background:#171a20cc;border-bottom:1px solid #2a2e37;align-items:center;gap:8px;padding:8px;display:flex}.toolbar-zoom-label{text-align:center;color:#aaa;min-width:44px}.toolbar-spacer{flex:1}.toolbar-toggle-active{outline:2px solid #8fd3ff}.toolbar-dropdown{position:relative}.toolbar-swatch-btn{min-width:64px;font-weight:600}.toolbar-dropdown-panel{z-index:10;background:#1b1e24;border:1px solid #3d424e;border-radius:4px;flex-direction:column;gap:2px;min-width:120px;padding:4px;display:flex;position:absolute;top:110%;left:0}.toolbar-swatch-option{text-align:left;border:none}.options-menu{position:relative}.options-menu-panel{z-index:10;background:#1b1e24;border:1px solid #3d424e;border-radius:4px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;top:110%;right:0}.options-menu-panel button{text-align:left;border:none}.side-panel{background:#14161b;flex-direction:column;flex-shrink:0;gap:6px;width:320px;padding:14px;display:flex;overflow-y:auto}.side-panel-resize-handle{cursor:col-resize;z-index:3;touch-action:none;background:#2a2e37;flex-shrink:0;width:6px;margin-left:-3px;position:relative}.side-panel-resize-handle:hover,.side-panel-resize-handle:active{background:#8fd3ff}.side-panel-empty{color:#888;margin-top:8px}.field-label{text-transform:uppercase;letter-spacing:.5px;color:#9aa0ab;margin-top:8px;font-size:12px}.connect-buttons{gap:8px;margin-top:8px;display:flex}.connect-buttons button{flex:1}.hint{color:#8fd3ff;font-size:12px}.dialogue-header{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.dialogue-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.dialogue-card{border:1px solid #2a2e37;border-radius:4px;flex-direction:column;gap:4px;padding:6px;display:flex}.dialogue-card button{align-self:flex-end}.status-bar{color:#8f95a0;border-top:1px solid #2a2e37;min-height:18px;margin-top:auto;padding-top:10px;font-size:12px}