*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#viewport{width:100%;height:100%;display:block}#top-bar{pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:fixed;top:12px;left:12px;right:12px}#panel{color:#eee;pointer-events:none;flex-wrap:wrap;flex:auto;align-items:flex-start;gap:12px;min-width:0;font-family:system-ui,sans-serif;font-size:13px;display:flex}#panel fieldset{pointer-events:auto;background:#141418bf;border:1px solid #444;border-radius:4px;padding:8px 10px}#panel legend{padding:0 4px}#panel label{align-items:center;gap:4px;margin-bottom:6px;display:flex}#panel input{width:60px}#panel p{color:#aaa;margin-bottom:6px}#panel button{width:100%}#panel button+button{margin-top:4px}#panel .btn-narrow{width:125px;display:block}.btn-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.btn-grid button{white-space:nowrap;width:auto}.btn-grid button+button{margin-top:0}.panel-group{pointer-events:auto;background:#141418bf;border:1px solid #444;border-radius:4px;padding:8px 10px}.panel-group summary{cursor:pointer;font-weight:600;list-style:none}.panel-group summary::-webkit-details-marker{display:none}.panel-group summary:before{content:"▸ "}.panel-group[open] summary:before{content:"▾ "}.panel-group-body{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}#panel button.active{color:#fff;background:#4a90d9;border-color:#4a90d9}#auth-panel{color:#eee;pointer-events:auto;flex:none;font-family:system-ui,sans-serif;font-size:13px}#user-info:not([hidden]){background:#141418bf;border:1px solid #444;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}#user-avatar{border-radius:50%;width:24px;height:24px}.hud-toolbar{pointer-events:auto;z-index:900;background:#141418d9;border:1px solid #444;border-radius:6px;gap:4px;padding:4px;display:flex;position:fixed;top:0;left:0}.hud-toolbar button{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:auto;margin:0;padding:6px 8px;font-size:10px;line-height:1;display:flex}.hud-toolbar button.hud-danger{color:#f88;border-color:#a33}.hud-toolbar button.hud-danger:hover{color:#fff;background:#a33}.hud-toolbar button:disabled{opacity:.4;cursor:default}.hud-hint{color:#999;white-space:nowrap;align-self:center;padding:0 4px;font-size:11px}.hud-value-input{color:#eee;background:#111;border:1px solid #555;border-radius:3px;align-self:center;width:48px;padding:3px 4px;font:11px/1.4 monospace}.hud-color-swatch{cursor:pointer;border:1px solid #555;border-radius:4px;flex-shrink:0;align-self:center;width:26px;height:26px;display:inline-block;position:relative;overflow:hidden}.hud-color-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.icon-toolbar{pointer-events:auto;background:#141418bf;border:1px solid #444;border-radius:4px;flex-wrap:wrap;align-items:stretch;gap:10px;padding:4px;display:flex;position:relative}.icon-group{flex-shrink:0;align-items:stretch;gap:2px;display:flex}#panel .icon-toolbar .icon-btn{color:#eee;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:40px;margin-top:0;padding:6px 4px;font-size:10px;line-height:1;display:flex}#panel .icon-toolbar .icon-btn:hover{background:#ffffff14;border-color:#444}#panel .icon-toolbar .icon-btn.active{color:#fff;background:#4a90d9;border-color:#4a90d9}#panel .icon-toolbar .icon-btn:disabled{opacity:.4;cursor:default}.icon-select{color:#eee;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:auto;padding:6px 4px;display:flex}#panel .icon-select select{color:#eee;background:#1a1a1e;border:1px solid #444;border-radius:3px;width:auto;max-width:84px;margin:0;padding:1px 2px;font-size:10px}.icon-toolbar-popover{z-index:950;pointer-events:auto;background:#141418f2;border:1px solid #444;border-radius:4px;min-width:260px;padding:8px 10px;position:fixed}.icon-toolbar-popover .popover-close{float:right;color:#ccc;background:0 0;border:none;width:auto;margin:0 0 4px 4px;padding:2px}