/* Palette owns color stops; Accord owns relationships. Neither reserves Canvas space. */
#jamApp .field-palette-modes{display:flex;gap:3px;align-items:center;padding:3px;border:1px solid #d6e3d525;border-radius:24px;width:fit-content;margin:6px 0 18px}
#jamApp .field-palette-modes .jam-action{min-width:86px;min-height:40px;padding:8px 14px;border-radius:21px;font-size:10px;letter-spacing:.1em;border:0}
#jamApp .field-palette-modes [aria-pressed=true]{background:#d9e7cf;color:#172015}
#jamApp .field-palette-editor{margin:8px 8px 24px}
#jamApp .field-gradient-bar{height:42px;margin:20px 12px;position:relative;border:1px solid #d6e3d540;border-radius:12px;touch-action:none;cursor:copy}
#jamApp .field-gradient-stop{position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;touch-action:none;background:transparent;border:0;border-radius:50%;cursor:ew-resize}
#jamApp .field-gradient-stop:before{content:'';width:19px;height:19px;border-radius:50%;background:var(--stop-color);border:1px solid #ffffffc0;box-shadow:0 0 0 2px #0008}
#jamApp .field-gradient-stop[aria-pressed=true]:before{box-shadow:0 0 0 2px #071014,0 0 0 4px #fff;width:23px;height:23px}
#jamApp .field-gradient-detail{display:flex;align-items:center;gap:14px;padding:4px 12px}
#jamApp .field-gradient-detail input[type=color]{width:44px;height:44px;padding:0;border:0;background:transparent;border-radius:8px}
#jamApp .field-gradient-detail input[type=range]{min-width:0;flex:1;min-height:44px;accent-color:#d7edb1}
#jamApp .field-gradient-remove{width:44px;min-height:44px;border:1px solid #d6e3d530;border-radius:50%;font-size:18px}
#jamApp .field-local-accord{border-top:1px solid #c5d5cc33;margin-top:18px;padding-top:8px}
#jamApp .field-local-accord summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px}
#jamApp .field-chord-grid .jam-swatch{display:flex;flex-direction:column;gap:7px;justify-content:center;background:#11171a;border:1px solid #d6e3d525}
#jamApp .field-chord-grid .jam-swatch.active{border-color:#d9e7cf85;background:#d9e7cf13}
#jamApp .field-chord-grid .jam-swatch:before{display:none}
#jamApp .jam-material-strip:before{content:'NOTES';align-self:center;font-size:9px;letter-spacing:.12em;color:#ccd8d0}
#jamApp .jam-dock{width:min(530px,calc(100% - 24px));max-width:calc(100% - 24px)}
#jamApp .jam-dock button{min-height:44px;padding:9px 5px}
#jamApp .jam-dock button:focus-visible{outline:2px solid #d9e7cf;outline-offset:2px}
#jamApp[data-layout=split] .jam-stage{padding-top:0;top:calc(68px + env(safe-area-inset-top))}
#jamApp[data-layout=split] .jam-stage .jam-field .jam-field-head{top:6px}
#jamApp .jam-chaos-layers{top:calc(68px + env(safe-area-inset-top))}
#jamApp[data-layout=focus] .jam-stage{top:calc(68px + env(safe-area-inset-top))}
@media(max-width:650px){#jamApp .jam-material-strip:before{grid-column:1 / -1;text-align:center}#jamApp .jam-dock button{font-size:10px}}