/* Rich tools stay beside the artwork; the closed launcher retains its shared dock. */
.paint-studio-tools{width:min(370px,calc(100vw - 24px));font-family:inherit}
.paint-studio-tools:has(details[open]){left:auto;right:18px;bottom:82px;transform:none}
.paint-studio-tools details[open]{max-height:calc(100dvh - 180px);overflow:auto;padding:16px;background:#142832fa;border-color:#718e89;scrollbar-width:thin;overscroll-behavior:contain}
.paint-studio-tools button,.paint-studio-tools summary,.paint-reset-dialog button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.paint-studio-tools button{min-height:38px;border:1px solid #617970;border-radius:7px;background:#243a44;color:#e9f0e8;font:inherit;cursor:pointer}
.paint-studio-tools button:focus-visible,.paint-studio-tools input:focus-visible,.paint-studio-tools select:focus-visible,.paint-reset-dialog button:focus-visible{outline:3px solid #f3c774;outline-offset:2px}
.paint-studio-heading{display:flex;flex-direction:column;gap:3px;margin-top:14px}.paint-studio-heading strong{font-size:19px;letter-spacing:-.4px}.paint-studio-heading span{font-size:11px;color:#b5c9c4}
.paint-studio-tools .paint-modes{margin:12px 0 10px}.paint-medium{display:flex;gap:3px;padding:3px;background:#0c2028;border:1px solid #425e65;border-radius:9px;margin-bottom:10px}.paint-medium button{flex:1;border:0;background:transparent;min-height:34px}
.paint-brushes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.paint-brushes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 1px;min-height:63px;font-size:10px}.paint-brushes svg{width:32px;height:24px}
.paint-palette-row{display:flex;gap:12px;align-items:center;margin:12px 0}.paint-studio-tools .paint-colors{grid-template-columns:repeat(4,1fr);flex:1;margin:0;gap:6px}.paint-studio-tools .paint-colors button{min-height:25px;width:28px;max-width:28px}.paint-studio-tools .paint-custom-color{flex:none;flex-direction:column;gap:5px;font-size:10px}.paint-custom-color input{flex:none;display:block;box-sizing:border-box;width:50px;height:50px;padding:3px;border:1px solid #9bb5ad;border-radius:8px;background:#122832;cursor:pointer}
/* Keep the native picker swatch visible inside the compact, vertical label. */
.paint-custom-color input::-webkit-color-swatch-wrapper{padding:0}
.paint-custom-color input::-webkit-color-swatch{border:0;border-radius:4px}
.paint-custom-color input::-moz-color-swatch{border:0;border-radius:4px}
.paint-adjustments{display:grid;gap:10px;padding:12px 0;border-top:1px solid #425860;border-bottom:1px solid #425860}.paint-adjustments label{font-size:11px;display:grid;grid-template-columns:70px minmax(80px,1fr) 38px;gap:8px}.paint-adjustments input{width:100%;min-width:0;accent-color:#b3d9c4;touch-action:pan-x}.paint-adjustments output{text-align:right;color:#d6dec6;font-size:11px}.paint-adjustments [hidden]{display:none!important}
.paint-canvas-manager{margin-top:14px;padding-top:13px;border-top:1px solid #425860}.paint-studio-tools .paint-canvas-manager>label{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:11px}.paint-canvas-manager select{width:100%;min-height:38px;padding:6px 8px;background:#203843;color:#f0eee1;border:1px solid #6d8988;border-radius:6px;font:inherit}
.paint-canvas-preview{position:relative;display:flex;justify-content:center;align-items:center;min-height:80px;max-height:140px;overflow:hidden;margin:9px 0;border:1px solid #54716e;border-radius:5px;background:#10232c;padding:6px}.paint-canvas-preview canvas{display:block;max-width:100%;max-height:120px;object-fit:contain;box-shadow:0 2px 7px #0005}.paint-canvas-preview span{position:absolute;left:7px;bottom:5px;background:#122733de;padding:2px 6px;font-size:10px;border-radius:3px;color:#eff1e5;pointer-events:none}.paint-canvas-actions{display:flex;gap:7px}.paint-canvas-actions button{flex:1;padding:8px;font-size:11px}.paint-canvas-actions [data-paint-download]{background:#c8dfbe;color:#183333}.paint-canvas-actions [data-paint-reset]{background:transparent;color:#e6bcab}.paint-studio-tools button:disabled{opacity:.45;cursor:default}
.paint-reset-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #7d9891;border-radius:14px;padding:24px;background:#142a35;color:#edf0e6;font:14px/1.5 system-ui;box-shadow:0 24px 80px #0008}.paint-reset-dialog::backdrop{background:#071820b3}.paint-reset-dialog h2{font-size:22px;line-height:1.2;margin:0 0 16px}.paint-reset-dialog p{color:#cfddd5}.paint-reset-dialog>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.paint-reset-dialog button{min-height:44px;padding:10px 13px;border:1px solid #79958c;border-radius:7px;background:#27434b;color:#edf0e6;cursor:pointer;font:inherit}.paint-reset-dialog [data-reset-confirm]{background:#713f38;border-color:#b47b6a}.paint-reset-dialog [data-reset-status]{color:#f2cc87;min-height:1.5em}
@media(max-width:650px){.paint-studio-tools:has(details[open]){left:12px;right:12px;bottom:78px;width:auto;transform:none}.paint-studio-tools details[open]{max-height:min(66dvh,560px);padding:13px}.paint-brushes button{min-height:61px}.paint-studio-tools .paint-colors button{min-height:28px;width:28px}.paint-studio-tools summary{min-height:24px;line-height:24px}.paint-adjustments label{grid-template-columns:66px minmax(70px,1fr) 38px}.paint-adjustments input{min-height:24px}.paint-reset-dialog{padding:20px}.paint-reset-dialog>div{flex-direction:column}.paint-reset-dialog button{width:100%}}

.paint-drying{margin:10px 0;padding:9px 0;border-bottom:1px solid #425860;font-size:11px}.paint-drying-setting{display:flex;align-items:center;justify-content:space-between;gap:8px}.paint-drying-setting label{display:flex;align-items:center;gap:6px;white-space:nowrap}.paint-drying-setting select{width:auto;min-height:32px;padding:4px;font-size:11px}.paint-drying-setting span{color:#c6ddcb;font-variant-numeric:tabular-nums;text-align:right}.paint-drying-actions{display:flex;gap:6px;margin:7px 0}.paint-drying-actions button{flex:1;padding:5px 8px;font-size:11px;min-height:34px}.paint-drying small{display:block;color:#b7c9c7;line-height:1.4;font-size:10px}
@media(pointer:coarse){.paint-drying-actions button,.paint-drying-setting select{min-height:44px}}

.paint-reservoir{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px;border:1px solid #8baa815c;border-radius:8px;background:#233e3a}.paint-reservoir-tip{font-size:27px;line-height:1;filter:drop-shadow(0 1px 1px #071b1b)}.paint-reservoir.is-empty .paint-reservoir-tip{opacity:.55}.paint-reservoir output{display:block;font:600 11px/1.4 system-ui,sans-serif;color:#e6e7c6}.paint-reservoir progress{display:block;width:100%;height:7px;margin-top:4px;accent-color:#aacf92;border:0;border-radius:5px;overflow:hidden}.paint-reservoir progress::-webkit-progress-bar{background:#101f26}.paint-reservoir progress::-webkit-progress-value{background:#aacf92}.paint-reservoir [data-paint-dip]{min-height:35px;padding:7px 9px;border-color:#9aaf80;background:#425f43;font:600 11px system-ui,sans-serif}.paint-reservoir small{grid-column:1/-1;font:10px/1.45 system-ui,sans-serif;color:#c7d6c6}.paint-reservoir[hidden]{display:none!important}

.paint-studio-tools .paint-tip-controls{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:10px}.paint-studio-tools .paint-tip-controls[hidden]{display:none!important}.paint-tip-controls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;flex:1;min-width:0}.paint-studio-tools .paint-tip-controls button{display:flex;align-items:center;justify-content:center;gap:3px;min-height:34px;padding:4px;font-size:10px;white-space:nowrap}.paint-tip-controls svg{width:20px;height:15px;flex:none}.paint-studio-tools .paint-tip-controls button[aria-pressed=true]{background:#b4d7c6;color:#18332e;border-color:#b4d7c6}

.paint-bristle-height[hidden]{display:none!important}.paint-bristle-height>span{display:flex;align-items:center;gap:3px}.paint-studio-tools .paint-bristle-height [data-bristle-circle]{min-height:25px;min-width:25px;padding:0;font-size:20px;line-height:1}.paint-bristle-height input{min-width:0}

.paint-studio-tools .paint-eyedropper{flex:none;width:42px;min-height:42px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;touch-action:manipulation}.paint-eyedropper svg{display:block;width:22px;height:22px}.paint-studio-tools .paint-palette-row{gap:6px}.paint-sampling{cursor:crosshair!important}.paint-sampling .paint-focus-outline{display:none}