.experiment-editing{width:100%;min-width:0;color:#c7d2ce}
.experiment-editing-main,.experiment-mark-modes,.experiment-mark-tools,.experiment-edit-assists{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.experiment-editing-main{justify-content:space-between}
.experiment-editing button{min-height:44px;padding:8px 12px;font:inherit;font-size:.875rem;line-height:1.4;color:#d2d8cf;background:#11262a;border:1px solid #6c6247;border-radius:5px;cursor:pointer}
.experiment-editing button:hover:not(:disabled){background:#203438;border-color:#b5a16d}
.experiment-editing button[aria-pressed="true"]{color:#f0deab;background:#2a3835;border-color:#c1a264;box-shadow:inset 0 -2px #c1a264}
.experiment-editing button:focus-visible{outline:2px solid #d6bb80;outline-offset:3px}
.experiment-editing button:disabled{opacity:.42;cursor:default}
.experiment-edit-extras{margin-top:10px;border-top:1px solid #40504a}
.experiment-edit-extras>summary{min-height:44px;display:list-item;padding:12px 0;font-size:.875rem;cursor:pointer;color:#c2b68f}
.experiment-edit-extra-body{padding:0 0 8px}
.experiment-edit-extra-body p{font-size:.875rem;line-height:1.7;margin:10px 0;color:#b8c4bf}
.experiment-edit-extra-body .experiment-keyboard-help{font-size:.875rem;color:#aab8b0}
.experiment-mark-hint{margin:12px 0;padding:12px 14px;border-left:2px solid #b49b64;background:#102125}
.experiment-mark-hint .reasoning-links{display:flex;flex-wrap:wrap;gap:8px}
.murdle-notebook-title:has(.experiment-editing){align-items:flex-start;flex-wrap:wrap}
.murdle-notebook-title:has(.experiment-editing)>h2{margin-bottom:4px}
.experiment-matrix-actions:has(.experiment-editing){width:100%;flex-wrap:wrap}
.experiment-matrix-actions:has(.experiment-editing) .experiment-matrix-legend{display:none}
button.is-painting{position:relative}
button.is-painting::after{content:attr(data-paint-symbol);position:absolute;inset:0;display:grid;place-items:center;background:#263c38;color:#f1daad;outline:2px solid #c5a46d;outline-offset:-2px;font-size:1.4rem;pointer-events:none}
@media(max-width:600px){
 .experiment-editing-main{align-items:stretch;gap:8px}
 .experiment-mark-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}
 .experiment-mark-modes button{padding-inline:4px}
 .experiment-editing .experiment-mark-tools{width:100%;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px}
 .experiment-editing .experiment-mark-tools button{width:100%;padding-inline:5px}
 .experiment-edit-assists{align-items:stretch}
 .experiment-edit-assists>button{flex:1 1 125px}
}

/* Free trials sit above editing tools, with a visible, reversible boundary. */
.experiment-trial-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid #7e77584d;}
.experiment-trial-entry,.experiment-trial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.experiment-trial-entry>span{font-size:.875rem;line-height:1.6;color:#b7c3b4;}
.experiment-trial-bar.is-active{padding:16px;background:#2b3525;border:1px dashed #b6a56f;border-left:3px solid #c6ad73;}
.experiment-trial-copy{flex:1 1 280px;min-width:0;}
.experiment-trial-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#e2d3ab;font-size:.9375rem;line-height:1.6;font-weight:500;}
.experiment-trial-badge{padding:2px 8px;border:1px solid #b6a56f;color:#f0dd9f;font-size:.875rem;letter-spacing:.04em;}
.murdle-page .experiment-trial-copy p{font-size:.875rem;line-height:1.7;margin:8px 0 0;color:#c1c7b3;}
.murdle-page .experiment-trial-actions button{font-size:.875rem;background:#1a2c22;border-color:#8f8058;}
.murdle-page .experiment-trial-actions .experiment-trial-discard{color:#ebd6a2;border-color:#c6ad73;}
@media(max-width:600px){
 .experiment-trial-bar.is-active{padding:12px;}
 .experiment-trial-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;}
 .experiment-trial-actions button{min-width:0;padding-inline:6px;}
}
