.motif-scale-control{display:grid;gap:8px;padding:10px 0;margin:12px 0;border-bottom:1px solid var(--line)}
.motif-scale-control>label{font-weight:600;font-size:12px}.motif-scale-row{display:flex;gap:8px}.motif-scale-row>input{width:100%;min-width:0}.motif-scale-row>.button{flex-shrink:0}.motif-scale-control output{font-size:12px;color:var(--gold-bright,var(--text))}
.motif-drag-controls{display:grid;gap:10px;margin:10px 0}.motif-drag-controls small{font-size:11px;line-height:1.5}.motif-drag-controls button[aria-pressed=true]{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}
.library-scope-switch{flex-wrap:wrap}.library-artwork-comment{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}
.motif-drag-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.motif-drag-toolbar>.button{font-size:12px;min-height:36px}.motif-drag-toolbar>label{display:flex;align-items:center;gap:5px;font-size:11px}.motif-drag-toolbar>output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.motif-drag-toolbar>output.modified{color:var(--gold-bright);border-bottom:1px solid var(--gold)}
.motif-drag-toolbar button[aria-pressed=true]{border-color:var(--gold);background:var(--theme-selected);color:var(--gold-bright)}.modified-artwork-summary{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:12px}.modified-artwork-summary>strong{color:var(--gold-bright)}.modified-artwork-summary summary{cursor:pointer;margin-top:6px;color:var(--muted)}
#motifScaleBadge[hidden]{display:none!important}
.motif-quick-scale,.motif-outline-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin:0;font-size:12px}
.motif-quick-scale input{width:76px!important;min-width:0;min-height:34px;padding:5px 7px;font-variant-numeric:tabular-nums}
.motif-outline-toggle input{flex:0 0 auto;accent-color:var(--gold,#e7b962);width:16px;height:16px}
.assembly-cad-tools .motif-quick-scale,.assembly-cad-tools .motif-outline-toggle{align-self:center}
.motif-quick-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
/* Native checkboxes keep their keyboard behavior, with the same gold treatment as toolbar buttons. */
.motif-drag-toolbar>label:has(>input[type=checkbox]),.motif-quick-tools>.motif-outline-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:36px;padding:7px 10px;margin:0;border:1px solid color-mix(in srgb,var(--gold,#e7b962) 65%,var(--line));border-radius:6px;background:var(--surface);color:var(--gold-bright,var(--gold,#e7b962));font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .12s,border-color .12s}
.motif-drag-toolbar>label:has(>input[type=checkbox]:checked),.motif-quick-tools>.motif-outline-toggle:has(input:checked){border-color:var(--gold,#e7b962);background:var(--theme-selected,#e7b96222)}
.motif-drag-toolbar>label:has(>input[type=checkbox]):hover,.motif-quick-tools>.motif-outline-toggle:hover{border-color:var(--gold-bright,var(--gold,#e7b962))}
.motif-drag-toolbar>label:has(>input[type=checkbox]):focus-within,.motif-quick-tools>.motif-outline-toggle:focus-within{outline:2px solid var(--gold,#e7b962);outline-offset:2px}
.motif-drag-toolbar>label>input[type=checkbox],.motif-quick-tools>.motif-outline-toggle>input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--gold,#e7b962);cursor:inherit}
.motif-drag-toolbar>label:has(>input:disabled),.motif-quick-tools>.motif-outline-toggle:has(input:disabled){opacity:.45;cursor:not-allowed}
#mobileApp .mobile-motif-tools .motif-drag-toolbar>label:has(>input[type=checkbox]){min-height:40px;padding:8px 10px}

.motif-drag-toolbar>.motif-quick-scale,.motif-quick-tools>.motif-quick-scale{box-sizing:border-box;min-height:36px;padding:3px 8px 3px 10px;border:1px solid color-mix(in srgb,var(--gold,#e7b962) 65%,var(--line));border-radius:6px;background:var(--surface);color:var(--gold-bright,var(--gold,#e7b962));font-size:12px;font-weight:600;gap:7px;line-height:1.2}
.motif-quick-scale:focus-within{outline:2px solid var(--gold,#e7b962);outline-offset:2px}.motif-quick-scale input{min-height:28px;padding:3px 6px}
#mobileApp .mobile-motif-tools .motif-quick-scale{min-height:40px}
.motif-drag-toolbar>.motif-quick-scale input,.motif-quick-tools>.motif-quick-scale input{box-sizing:border-box;height:28px;min-height:28px;margin:0;line-height:20px}