/* BrushOrbit v3.2: named tools, direct actions and a stable inspector. */
:root{--tool-rail:180px;--inspector-width:312px;--panel-radius:9px}
.tool-dock{padding:10px 8px;gap:10px;scrollbar-gutter:stable;background:#f4f1e9}
.tool-group{margin:0;padding:9px 6px 7px;border:1px solid #dcded0;border-radius:var(--panel-radius);background:#faf8f1}
.tool-group-title{margin:0 0 8px;text-align:left;color:#4e5945;font-size:12px;line-height:1.4;font-weight:650;letter-spacing:.2px;text-transform:none;padding:0 3px}
.tool-grid{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-button{min-width:44px;min-height:61px;height:auto;flex-direction:column;gap:4px;padding:7px 2px;border-radius:6px}
.tool-button svg{width:25px;height:27px}
.tool-label{font-size:11px;line-height:1.2;max-width:100%;text-align:center;overflow-wrap:anywhere}
.tool-button[aria-pressed=true]{background:#e2e8d7;border:1px solid #7b8b66;box-shadow:inset 0 -2px 0 #6d8058}
.dock-help{margin-top:0;border:1px solid var(--line);border-radius:7px;font-size:12px;min-height:44px;flex:none}
.dock-help kbd{display:inline-block;margin:0 0 0 5px}
.topbar{padding-left:calc(var(--tool-rail) + 14px)}
.topbar .top-slider,.medium-switch button,.topbar .small-button{font-size:12px}
.workspace-inspector{display:flex;flex-direction:column;overflow:hidden;padding:0;background:#f8f6ef}
.action-hub{flex:none;padding:12px 11px 10px;border-bottom:1px solid var(--line);background:#f4f2e9}
.action-hub h2{font-size:14px;font-weight:650;margin:0 0 10px;color:#46513d;line-height:1.4}
.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.action-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:55px;border:1px solid #d9ddcf;border-radius:7px;background:#fffdf6;padding:6px 1px;font-size:11px;line-height:1.3}
.action-grid svg{width:21px;height:21px}
.action-grid button[aria-pressed=true]{background:#e1e8d6;border-color:#71835f;color:#344c2b;box-shadow:inset 0 -2px 0 #71835f;font-weight:650}
.action-grid button[aria-disabled=true]{opacity:.55}
.workspace-context{flex:none;display:flex;gap:3px 8px;align-items:center;flex-wrap:wrap;padding:9px 12px;font-size:11px;line-height:1.5;color:#626b59;min-height:37px;border-bottom:1px solid #e5e5d9}
#working-tool{flex:1 0 100%;font-size:12px;color:#3c4b33}
#working-layer,#working-restrictions{padding:2px 5px;min-height:26px;border:1px solid #d7dccb;background:#f0f2e7;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:11px}
#working-restrictions{background:#f6eddb;border-color:#dccba7;color:#6e5733}
.workspace-inspector>.selection-state{flex:none;margin:6px 10px;padding:5px 7px;font-size:12px;gap:3px}
.selection-state button{min-height:32px;font-size:11px}
.inspector-tabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 10px 0;border-bottom:1px solid var(--line);gap:3px;background:#f4f2e9}
.inspector-tabs button{min-height:40px;padding:6px 3px;font-size:12px;border-bottom:3px solid transparent;border-radius:5px 5px 0 0}
.inspector-tabs button[aria-selected=true]{background:#fffdf6;border-bottom-color:#7b885d;font-weight:650;color:#374c2e}
.inspector-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:11px 10px}
.inspector-body>[role=tabpanel]{outline-offset:-2px;min-width:0}
.inspector-body .inspector-section{padding:0;border:0;min-width:0}
.editing-panel{margin:0}
.editing-panel>summary{display:none}
.editing-panel #edit-instruction{font-size:12px;color:#616c56;line-height:1.6;margin:0 0 12px}
.tool-settings>.section-kicker{font-size:11px;color:#657158;letter-spacing:.5px}
.tool-settings>h2{font-size:23px;margin:5px 0 7px}
.tool-settings>p{font-size:12px;line-height:1.6;margin-bottom:13px}
.setting-group,.edit-subdetails,.layer-extras{border:1px solid #d9ddce;border-radius:var(--panel-radius);background:#fffdf6;padding:11px;margin:0 0 10px}
.setting-group>h3,.setting-group>summary,.edit-subdetails>summary{font-size:12px;line-height:1.5;font-weight:650;color:#4c5c40;margin:0 0 9px;letter-spacing:0}
.setting-group>summary,.edit-subdetails>summary{cursor:pointer;list-style-position:inside}
.setting-group:not([open])>summary,.edit-subdetails:not([open])>summary{margin-bottom:0}
.setting-group summary span,.edit-subdetails summary span{font-size:11px;color:#707b63;line-height:1.4;margin:4px 0 0 13px;max-width:100%;white-space:normal}
.setting-row{font-size:12px;line-height:1.5;margin:10px 0 14px;gap:5px}
.setting-row output{font-size:12px}
.setting-row input[type=range]{height:14px;margin-top:4px;width:100%}
.select-row,.check-row,.layer-opacity{font-size:12px;line-height:1.5;gap:7px}
.select-row{margin:11px 0}
.select-row select,.editing-panel select{font-size:12px;padding:8px;max-width:100%;min-height:36px}
.check-row{margin:9px 0;display:flex;align-items:center}
.check-row input{width:16px;height:16px;flex:none}
.brush-actions{display:flex;gap:6px;align-items:center;margin:0 0 7px}
.brush-actions button{font-size:12px;min-height:36px;padding:7px 10px;border:1px solid #d3d9c7;background:#f4f5e9}
#brush-load-indicator{margin-left:auto;font-size:11px}
.angle-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:12px;margin-top:10px}
.angle-row small{flex:0 0 100%;font-size:11px;color:#707966;line-height:1.4}
.angle-input{display:flex;align-items:center;gap:4px}.angle-input input{width:90px;padding:7px;border:1px solid var(--line);background:#fffefa;min-height:34px}
.choice-field{margin:10px 0}.choice-label{font-size:12px;display:block;margin-bottom:7px;font-weight:550;color:#56634a}
[data-choice-source]{display:none!important}
.choice-buttons{display:flex;flex-wrap:wrap;gap:5px}
.choice-buttons button{min-height:36px;min-width:44px;flex:1 0 auto;max-width:100%;padding:6px 8px;border:1px solid #d7dccb;background:#fffdf6;font-size:12px}
.choice-buttons button[aria-pressed=true]{border-color:#7b8c66;background:#e5ebda;color:#3f532f;box-shadow:inset 0 -2px 0 #8b9978}
.edit-number-grid{gap:10px;margin:12px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
.edit-number-grid label{font-size:12px;gap:6px;line-height:1.4}
.edit-number-grid input{font-size:13px;min-height:36px;padding:7px}
.edit-actions button,.edit-reset{font-size:12px;min-height:36px;padding:7px 9px}
.edit-subdetails .edit-actions{gap:6px}
.microcopy,.inspector-section .microcopy{font-size:11px;line-height:1.6}
.workspace-inspector>.edit-commit{flex:none;position:static;margin:0 10px 7px;padding:9px;box-shadow:none}
.edit-commit>span{font-size:11px;line-height:1.4;margin-bottom:6px}
.edit-commit button{min-height:38px;font-size:12px;flex:1}
.quick-colours{flex:none;padding:8px 11px 9px;border-top:1px solid var(--line);background:#f4f2e8}
.quick-colours>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:7px}
.quick-colours h3{font-size:11px;font-weight:600;color:#536249}
.quick-colours #open-colour{font-size:11px;padding:3px 5px;min-height:26px;text-decoration:underline;text-underline-offset:3px}
.quick-swatches{display:flex;flex-wrap:wrap;gap:6px;max-height:62px;overflow:hidden}
.quick-swatch{min-width:25px;width:25px;height:25px;border:2px solid #fffdf4;border-radius:50%;box-shadow:0 0 0 1px #a9b299;padding:0;flex:none}
.quick-swatch[aria-pressed=true]{outline:2px solid #596b46;outline-offset:1px}
.inspector-utility{flex:none;display:flex;align-items:center;gap:8px;padding:6px 11px;border-top:1px solid var(--line)}
.inspector-utility button{font-size:11px;min-height:30px;padding:4px 6px;color:#5b674f}
#inspector-close{display:none;margin-left:auto}
.palette-section>.section-kicker,.layers-section>.section-kicker{font-size:13px;color:#4d5e42;letter-spacing:.3px;margin-bottom:12px}
.palette-section .wood-palette{max-width:270px;height:160px;margin:15px auto;transform:rotate(-4deg)}
.colour-entry{gap:7px}.colour-entry input[type=text]{font-size:13px;padding:8px}.colour-entry button{min-width:36px;min-height:36px}
.mix-ratio{font-size:12px;line-height:1.5;margin:15px 0}.mix-ratio input{height:14px}
.recent-mixtures>span{font-size:11px}.recent-mixture{width:25px;height:25px;margin:3px}
.layers{margin:9px 0}.layer{min-height:48px;padding:7px 5px;border:1px solid #dedfd1;border-radius:7px;margin-bottom:5px;gap:7px}
.layer-name{font-size:12px;line-height:1.5}.layer-thumbnail{width:44px;height:33px}.layer-index{font-size:10px}
.layer .visibility{min-width:28px;min-height:32px;font-size:15px}
.layer-opacity{display:flex;flex-wrap:wrap;margin:13px 0}.layer-opacity input{flex:1;min-width:80px;height:14px}.layer-opacity output{font-size:12px}
.layer-actions,.dry-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.layer-actions button,.dry-actions button{font-size:12px;min-height:36px;padding:6px 8px;flex:1 0 auto;border:1px solid #d4d9c7;background:#f5f6ec}
.layer-actions .destructive,.dry-actions .destructive{color:#934a38;border-color:#e0cabe;background:#fcf3e9}
.layer-destructive{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #e5dbcf}
.layer-destructive button{flex:1;min-height:36px;font-size:12px;padding:6px 8px;color:#934a38;border:1px solid #e0cabe;background:#fcf3e9}
.layer-extras .select-row,.layer-extras .check-row{font-size:12px}
.preset-choice{min-height:44px;gap:8px}.preset-choice span{font-size:12px;line-height:1.4}.preset-fav{min-width:30px;min-height:36px}
.preset-choice canvas{width:74px;max-width:32%}.preset-list{max-height:none;overflow:visible}
.preferences-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.preferences-heading button{font-size:24px;min-width:36px;min-height:36px}
.preferences-dialog .studio-settings{padding:0;border:0}.preferences-dialog .section-kicker{font-size:12px}.preferences-dialog .theme-buttons button{font-size:12px;min-height:44px}
.preferences-dialog .select-row,.preferences-dialog .check-row{font-size:13px;margin:18px 0}.preferences-dialog h2{margin:3px 0 20px}
.focus-mode .workspace-inspector{padding:0;visibility:hidden}
input:disabled{cursor:not-allowed;opacity:.5}
.short-inspector .inspector-body{padding-top:0}
.short-inspector .inspector-body>.action-hub,.short-inspector .inspector-body>.workspace-context{margin-left:-10px;margin-right:-10px}
.short-inspector .inspector-body>.workspace-context{margin-bottom:11px}
.short-inspector .quick-colours>div:first-child{display:none}
.short-inspector .quick-swatches{max-height:27px;flex-wrap:nowrap}
.short-inspector .quick-colours{padding-top:5px;padding-bottom:5px}
.short-inspector .quick-swatch[data-recent=false]:nth-child(n+6){display:none}
.statusbar{font-size:11px}.save-status{font-size:11px}
@media(min-width:1700px){:root{--tool-rail:184px;--inspector-width:320px}}
@media(max-width:1250px){:root{--tool-rail:168px;--inspector-width:300px}.topbar{padding-left:12px;gap:11px}.tool-dock{padding:8px 6px}.tool-group{padding-left:4px;padding-right:4px}.tool-label{font-size:11px}.title-button{max-width:145px}}
@media(min-width:901px) and (max-width:1050px){.workspace{grid-template-columns:var(--tool-rail) minmax(0,1fr) 0}.inspector{position:absolute;right:0;top:0;bottom:0;width:312px;max-width:calc(100% - var(--tool-rail));transform:translateX(100%);visibility:hidden;box-shadow:-8px 0 30px #0002;z-index:12}.inspector.mobile-open{transform:none;visibility:visible}.palette-mobile-toggle{display:inline-flex!important;min-height:32px}#inspector-close{display:block}}
@media(max-width:1050px){#inspector-close{display:block}.save-status{display:flex}.save-status #save-text{max-width:130px;overflow:hidden;text-overflow:ellipsis}.app-header{gap:8px}.header-actions{gap:8px}.title-button{max-width:120px}}
@media(max-width:900px){.inspector{width:312px;max-width:calc(100% - 20px)}.topbar .top-slider{font-size:11px}.scene-label{max-width:50%}.save-status #save-text{max-width:100px}}
@media(max-width:680px){:root{--tool-rail:76px}.tool-group{padding:7px 2px}.tool-group-title{font-size:10px;line-height:1.4;padding:0;overflow-wrap:normal}.tool-grid{grid-template-columns:minmax(44px,1fr)}.tool-button{min-height:58px;padding:5px 0;gap:3px}.tool-label{font-size:10px}.tool-button svg{height:23px;width:23px}.dock-help{font-size:10px}.dock-help kbd{display:none}.topbar{padding:7px 8px;gap:7px}.topbar .medium-switch button{font-size:11px}.topbar .small-button{font-size:11px;padding:6px}.save-status{order:3;flex:1 0 100%;padding:1px 0}.save-status #save-text{max-width:none}.inspector-body{padding:9px}.action-hub{padding:9px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid button{min-height:48px;flex-direction:row;gap:4px;font-size:11px}.action-grid svg{width:16px;height:16px}.action-hub h2{font-size:13px;margin-bottom:6px}.workspace-context{padding:5px 9px;gap:2px 5px;font-size:11px}#working-tool{font-size:11px}.quick-colours{padding:5px 9px}.quick-swatches{gap:5px;max-height:56px}.quick-swatch{width:24px;min-width:24px;height:24px}.quick-colours>div:first-child{margin-bottom:5px}.inspector-utility{padding:4px 9px}.inspector-tabs button{min-height:36px}.statusbar{font-size:10px}.topbar .current-colour{display:flex}.topbar .current-colour #colour-hex{display:none}}
@media(max-height:670px){.action-hub{padding-top:7px;padding-bottom:7px}.action-hub h2{margin-bottom:5px}.action-grid button{min-height:44px;flex-direction:row;font-size:11px;gap:3px}.action-grid svg{width:17px;height:17px}.workspace-context{padding-top:5px;padding-bottom:5px;gap:1px 5px}#working-tool{font-size:11px;flex:1 0 100%}.quick-swatches{max-height:27px;flex-wrap:nowrap}.quick-colours{padding-top:5px;padding-bottom:5px}.inspector-utility{padding-top:2px;padding-bottom:2px}.inspector-tabs button{min-height:34px}.workspace-inspector>.edit-commit{margin-bottom:4px;padding:6px}.edit-commit button{min-height:32px}.workspace-inspector>.selection-state{margin-top:3px;margin-bottom:3px;padding-top:3px;padding-bottom:3px}}
@media(max-height:670px){.quick-swatch[data-recent=false]:nth-child(n+6){display:none}}
@media(max-width:1050px) and (max-height:560px){.workspace-inspector{position:fixed;top:8px;bottom:8px;max-width:calc(100% - 20px);border:1px solid var(--line);border-radius:10px}}