.ui-root{z-index:10;pointer-events:none;--ui-bg:#18181ed1;--ui-border:#ffffff17;--ui-text:#e7e7ec;--ui-muted:#8b8b96;--ui-accent:#7c9bff;align-items:flex-start;gap:10px;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;top:12px;left:12px}.toolbar{pointer-events:auto;flex-direction:column;gap:6px;display:flex}.panel-group{position:relative}.tool-button{background:var(--ui-bg);border:1px solid var(--ui-border);width:40px;height:40px;color:var(--ui-muted);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;place-items:center;transition:color .15s,border-color .15s;display:grid}.tool-button:hover{color:var(--ui-text)}.tool-button.toggleable{color:var(--ui-accent);border-color:var(--ui-accent)}.tool-button.toggleable.off{color:var(--ui-muted);border-color:var(--ui-border)}.panel{background:var(--ui-bg);border:1px solid var(--ui-border);width:236px;color:var(--ui-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;border-radius:12px;flex-direction:column;gap:13px;margin-left:10px;padding:14px;transition:opacity .14s,transform .14s,visibility .14s;display:flex;position:absolute;top:0;left:100%;transform:translate(-4px)}.panel-group:hover .panel{opacity:1;visibility:visible;transform:translate(0)}.panel:before{content:"";width:10px;height:100%;position:absolute;top:0;left:-10px}.panel-header{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted);font-size:11px;font-weight:600}.control{flex-direction:column;gap:6px;display:flex}.control-head{justify-content:space-between;align-items:baseline;display:flex}.control-label{font-size:13px}.control-value{color:var(--ui-muted);font-variant-numeric:tabular-nums;font-size:12px}.control-checkbox{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center}input[type=range]{width:100%;accent-color:var(--ui-accent)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--ui-accent);cursor:pointer}.control-stepper{ display:flex;flex-direction:column;gap:6px}.stepper{border:1px solid var(--ui-border);background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px;display:flex}.stepper-arrow{width:26px;height:26px;color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;transition:color .12s,background .12s;display:grid}.stepper-arrow:hover{color:var(--ui-text);background:#ffffff0f}.stepper-arrow:disabled{opacity:.35s;cursor:default}.stepper-value{text-align:center;color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.stepper.loading .stepper-value{color:var(--ui-muted)}