/* Right-hand tool palette; full matrices stay within the remaining page width. */
.murdle-page .experiment-editing-main{position:fixed;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:42;display:block;width:8rem;max-height:calc(100dvh - 152px);overflow:auto;overscroll-behavior:contain;padding:6px;background:#13261f;border:1px solid #9e895f;border-top:2px solid #c1a56c;border-radius:5px;box-shadow:0 8px 28px #0008;scrollbar-width:thin;scrollbar-color:#8e8057 #13261f;}
.murdle-page .experiment-editing-main[data-tools-open="false"]{width:3.25rem;padding:2px;overflow:visible;}
.murdle-page .experiment-editing-main button{min-width:0;min-height:44px;padding:7px 4px;border-radius:3px;font-size:.875rem;line-height:1.35;overflow-wrap:anywhere;text-wrap:balance;}
.murdle-page .experiment-editing-main .experiment-dock-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px;border:0;background:transparent;color:#d6bf8d;}
.experiment-dock-chevron{font-size:1.5rem;line-height:1;}
.experiment-dock-current{display:none;}
.experiment-editing-main[data-tools-open="false"] .experiment-dock-toggle{flex-direction:column;justify-content:center;gap:2px;}
.experiment-editing-main[data-tools-open="false"] .experiment-dock-chevron{display:none;}
.experiment-editing-main[data-tools-open="false"] .experiment-dock-current{display:block;font-size:1.35rem;line-height:1;}
.experiment-dock-body{display:grid;gap:10px;padding:6px 0 2px;}
.experiment-dock-body[hidden]{display:none;}
.experiment-editing-main .experiment-mark-modes,.experiment-editing-main .experiment-mark-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px;}
.experiment-editing-main .experiment-mark-tools,.experiment-dock-records{padding-top:10px;border-top:1px solid #8a79516b;}
.experiment-editing-main .experiment-mark-modes button,.experiment-editing-main .experiment-mark-tools button:has(.experiment-tool-symbol){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;}
.experiment-tool-symbol{font-size:1.4rem;line-height:1.1;color:#d6bf8d;}
.experiment-mark-tools>button[data-exclusion-shortcut],.experiment-mark-tools>button:last-child{grid-column:1/-1;}
.experiment-dock-records,.experiment-dock-trial{display:grid;gap:6px;}
.experiment-dock-trial{border-top:1px solid #8a79516b;padding-top:10px;margin-top:4px;}
.experiment-dock-trial>span{text-align:center;font-size:.875rem;color:#efd69b;}
.experiment-dock-trial.is-active button{border-style:dashed;background:#39412b;}
.experiment-dock-records>button[aria-expanded="true"]{background:#3b432e;border-color:#c0a56f;color:#f0dda8;}
@media(min-width:901px){
 /* The atmospheric page shell has ID selectors; keep the dock gutter above that padding. */
 main#app:has(.experiment-editing-main[data-tools-open="true"]:not([data-dock-custom="true"])){padding-right:max(5%,calc(9rem + 16px - max(0px,(100vw - 1480px)/2)))!important;}
}
.experiment-user-drawer{position:fixed;right:calc(8rem + 24px + env(safe-area-inset-right));top:max(80px,env(safe-area-inset-top));bottom:max(24px,env(safe-area-inset-bottom));z-index:43;width:420px;max-width:calc(100vw - 8rem - 48px);max-height:calc(100dvh - 104px);display:flex;flex-direction:column;background:#172a22;color:#d5d9ce;border:1px solid #a38c5d;border-top:3px solid #bba06d;border-radius:5px;box-shadow:0 12px 45px #0009;overflow:hidden;}
.experiment-floating-tools:has(.experiment-editing-main[data-tools-open="false"]) .experiment-user-drawer{right:calc(3.25rem + 24px + env(safe-area-inset-right));}
.experiment-user-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:16px;border-bottom:1px solid #8e80574d;}
.murdle-page .experiment-user-drawer h2{font-size:1.125rem;letter-spacing:.07em;}
.experiment-user-tabs{display:flex;gap:8px;padding:12px 18px 0;}
.experiment-user-tabs button{flex:1;}
.experiment-user-drawer-body{padding:18px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:#8c7b55 #182920;scrollbar-width:thin;}
.murdle-page .experiment-user-drawer label{display:block;font-size:.875rem;line-height:1.6;color:#cbcbb8;}
.murdle-page .experiment-user-drawer :is(input:not([type=hidden]),select,textarea){display:block;width:100%;min-width:0;margin-top:6px;padding:10px 12px;min-height:44px;border:1px solid #7e7c59;background:#0f211a;color:#e0e1d7;border-radius:3px;font:400 1rem/1.65 system-ui,-apple-system,"PingFang SC",sans-serif;}
.murdle-page .experiment-user-drawer textarea{resize:vertical;}
.murdle-page .experiment-user-drawer .experiment-user-note{min-height:230px;max-height:55dvh;background-image:repeating-linear-gradient(transparent 0,transparent 1.95em,#83907024 1.95em,#83907024 2em);background-position:0 10px;line-height:2;}
.murdle-page .experiment-user-drawer :is(input,textarea,select):focus-visible{outline:2px solid #c7ae79;outline-offset:2px;}
.murdle-page .experiment-user-drawer p{font-size:.875rem;line-height:1.7;margin:0;color:#bdc7b8;}
.murdle-page .experiment-user-drawer .experiment-save-note{margin-top:10px;}
.experiment-user-drawer section{margin-top:20px;padding-top:18px;border-top:1px solid #8e80574d;}
.experiment-user-drawer h3{font-size:1rem;color:#ddc99a;margin-bottom:14px;font-weight:500;}
.experiment-user-drawer form{display:grid;gap:12px;margin-top:14px;}
.experiment-user-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.experiment-user-form-actions{display:flex;gap:8px;flex-wrap:wrap;}
.experiment-user-form-actions>button[type=submit]{background:#364331;border-color:#a99264;}
.experiment-user-groups>div,.experiment-user-table-list>div{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #8b855230;}
.experiment-user-groups>div>span,.experiment-user-table-list>div>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:.875rem;}
.experiment-user-groups small{color:#cbb583;margin-left:5px;}
.experiment-user-table-list{margin-top:14px;}
.experiment-user-confirm,.experiment-user-error{padding:12px;margin-bottom:14px!important;background:#3a3426;border:1px solid #b39765;}
.experiment-user-confirm>button{margin:10px 8px 0 0;}
.experiment-user-tables{margin:30px 0;padding-top:24px;border-top:1px solid #9a855c80;}
.experiment-user-tables>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.experiment-user-kicker{font-size:.875rem;letter-spacing:.08em;color:#b9a16d;}
.murdle-page .experiment-user-tables h2{font-size:1.3rem;margin:4px 0;}
.experiment-user-grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:20px;}
.experiment-user-grid{min-width:0;padding:16px;border:1px solid #96835b;background:#13281e;scroll-margin:120px 0 160px;}
.experiment-user-grid>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.experiment-user-grid h3{font:500 1rem/1.6 Georgia,"Songti SC",serif;color:#e0cea0;overflow-wrap:anywhere;}
.murdle-page .experiment-user-grid p{font-size:.875rem;line-height:1.6;color:#b6c0ab;}
.experiment-user-grid-scroll{max-width:100%;overflow:auto;scrollbar-color:#9a875a #15231b;scrollbar-width:thin;}
.experiment-user-grid table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:calc(88px + var(--user-columns)*48px);}
.experiment-user-grid th{padding:8px 5px;font-size:.875rem;line-height:1.5;font-weight:500;text-align:center;text-wrap:balance;overflow-wrap:anywhere;background:#24372b;color:#d1d7c5;border:1px solid #71815c80;}
.experiment-user-grid tr>:first-child{width:88px;}
.experiment-user-grid td{position:relative;padding:0;border:1px solid #71815c80;background:#172d22;}
.experiment-user-grid td.is-yes{background:#3d4e33;}.experiment-user-grid td.is-no{background:#48372e;}
.murdle-page .experiment-user-grid td button{display:grid;place-items:center;width:100%;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;color:#e0cca0;font-size:1.65rem;line-height:1;}
.experiment-user-grid td.is-provisional:after{content:"";position:absolute;inset:4px;border:1px dashed #d7b872;pointer-events:none;}
.murdle-page .experiment-user-grid td button:hover{background:#bdab772b;}.murdle-page .experiment-user-grid td button:focus-visible{outline:2px solid #d4b776;outline-offset:-3px;}
.experiment-user-attribute-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-bottom:20px;}
.experiment-user-attribute-list>article{padding:12px 14px;border:1px solid #8e805759;background:#1c3025;min-width:0;}
.experiment-user-attribute-list header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;}
.experiment-user-attribute-list h3{font-size:1rem;font-weight:500;color:#d9c590;overflow-wrap:anywhere;}
.experiment-user-attribute-list article>div{display:flex;flex-wrap:wrap;gap:6px;}
.experiment-user-attribute-list article>div>span{padding:3px 8px;border:1px solid #7f82565c;font-size:.875rem;color:#c7d0bc;overflow-wrap:anywhere;}


@media(max-width:900px){
 .murdle-page .experiment-editing-main{right:max(8px,env(safe-area-inset-right));top:max(90px,env(safe-area-inset-top));transform:none;width:min(17rem,calc(100vw - 24px));max-height:calc(100dvh - 112px);padding:8px;}
 .murdle-page .experiment-editing-main[data-tools-open="false"]{top:38%;width:3.25rem;padding:2px;}
 .experiment-editing-main .experiment-mark-modes{grid-template-columns:repeat(4,minmax(0,1fr));}
 .experiment-editing-main .experiment-mark-tools{grid-template-columns:repeat(2,minmax(0,1fr));}
 .experiment-editing-main .experiment-mark-tools>button:last-child{grid-column:1/-1;}
 .experiment-dock-records{grid-template-columns:repeat(2,minmax(0,1fr));}
 .experiment-dock-trial{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));}
 .experiment-dock-trial>span,.experiment-dock-trial>button:only-child{grid-column:1/-1;}
 .murdle-page .experiment-user-drawer{top:max(72px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));right:max(8px,env(safe-area-inset-right));width:min(420px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(min(100dvh,var(--experiment-visible-height,100dvh)) - 84px);}
 .experiment-floating-tools:has(.experiment-user-drawer) .experiment-editing-main{display:none;}
 .experiment-user-drawer>header{padding:10px 14px;}.experiment-user-drawer-body{padding:14px;}
 .murdle-page .experiment-user-drawer .experiment-user-note{min-height:150px;}
 .experiment-user-grid{padding:12px;}
}
@media(max-height:500px){
 .murdle-page .experiment-editing-main{top:max(12px,env(safe-area-inset-top));transform:none;max-height:calc(100dvh - 24px);}
 .murdle-page .experiment-user-drawer{top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));max-height:calc(100dvh - 24px);}
}

/* Only the header is a drag surface; marking buttons and scroll areas stay native. */
.experiment-dock-heading{display:flex;align-items:center;gap:2px;}
.murdle-page .experiment-dock-heading .experiment-dock-grip{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#bfa773;font-size:1.65rem;}
.murdle-page .experiment-dock-heading .experiment-dock-toggle{flex:1;width:auto;}
.experiment-editing-main [data-dock-drag]{touch-action:none;user-select:none;cursor:grab;}
.experiment-editing-main.is-dragging [data-dock-drag]{cursor:grabbing;}
.experiment-editing-main[data-dock-locked="true"] [data-dock-drag]{cursor:default;}
.experiment-editing-main[data-dock-locked="true"] .experiment-dock-toggle{touch-action:manipulation;cursor:pointer;}
.murdle-page .experiment-editing-main[data-tools-open="false"] .experiment-dock-grip{display:none;}
.experiment-dock-placement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px;border-top:1px solid #8a79516b;}
.murdle-page .experiment-editing-main[data-dock-custom="true"]{left:var(--experiment-dock-x,12px);top:var(--experiment-dock-y,12px);right:auto;transform:none;}
.murdle-page .experiment-editing-main.is-dragging{border-color:#ecd295;box-shadow:0 12px 35px #000a,0 0 0 2px #c3a76b44;}