/* Reading mode: keep the real styled photo on screen while inspecting settings. */
.curve-points{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}.curve-points th,.curve-points td{overflow-wrap:anywhere;padding:5px}.curve-points th:first-child{width:16%}.curve-points th:not(:first-child){width:42%}
.photos-color-slot{min-width:0;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:5px}.photos-color-slot legend{font-size:12px;color:var(--accent);overflow-wrap:anywhere}
.photos-group>summary{font-weight:600;font-size:15px;cursor:pointer;color:var(--ink);padding:2px 0}.photos-group>summary .tiny{font-weight:400}.photos-group[open]>summary{margin-bottom:12px}.color-slot-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.color-slot-list span{border:1px dashed var(--muted);border-radius:4px;text-align:center;padding:7px 2px;color:var(--muted)}.color-slot-list small{display:block;font-size:9px}.research-context{grid-column:1/-1;border-bottom:1px solid var(--line);padding:7px 0}.research-context>summary{cursor:pointer;color:var(--accent)}
@media(min-width:1200px){
 #viewer.research-layout[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:16px;align-items:start;width:98vw;max-width:1800px}
 #viewer.research-layout>.viewer-head,#viewer.research-layout>.viewer-tools,#viewer.research-layout>#viewer-status{grid-column:1/-1}
 #viewer.research-layout>.viewer-head{grid-row:1}#viewer.research-layout>.viewer-tools{grid-row:2}#viewer.research-layout>#viewer-status{grid-row:3}
 #viewer.research-layout>#stage{grid-row:4;grid-column:1;height:calc(100dvh - 235px);max-height:760px;min-height:320px;position:relative;margin-bottom:0}
 #viewer.research-layout>#details{grid-row:4;grid-column:2;margin:0;min-width:0;height:calc(100dvh - 235px);max-height:760px;min-height:320px}
 #viewer.research-layout .detail-grid{height:100%;padding:0;gap:12px;grid-template-rows:auto minmax(0,1fr)}
 #viewer.research-layout .source-modules,#viewer.research-layout #photos-reference{min-width:0;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 9px 15px 0}
 #viewer.research-layout #photos-reference>h3,#viewer.research-layout .source-modules>h3{font-size:17px}
 #viewer.research-layout .photos-group{padding:10px;margin:9px 0}
 #viewer.research-layout .photos-control{padding:8px 0}
 #viewer.research-layout #source-settings{white-space:pre-wrap}
}
@media(max-width:1199px){#viewer.research-layout .research-context{grid-column:1/-1}}