[hidden]{display:none!important}
.school-bar,.primary-tools{display:flex;align-items:center;gap:8px;padding:7px 22px;background:#fffdf8;border-bottom:1px solid #cdded6;min-height:54px;flex-wrap:wrap}
.school-bar strong,.primary-tools>b{margin-right:10px}.school-bar button,.primary-tools button{min-height:40px;font-weight:700;padding:8px 17px}.school-bar>span{margin-left:auto;color:#647c70;font-size:13px}.primary-tools{background:#e1eee6}.primary-tools #primaryRecordOpen{margin-left:auto;background:#f9eed3;border-color:#c7a45e}
body[data-school] main{height:calc(100dvh - var(--workspace-top,176px))}
#primaryWorkspace{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(390px,1fr);height:calc(100dvh - var(--workspace-top,176px));min-height:630px}
.primary-model-scene{position:relative;min-height:580px;background:#14272d;color:#edf6eb;overflow:hidden}
.primary-heading{position:absolute;left:26px;right:20px;top:24px;z-index:1;pointer-events:none}.primary-heading>span{color:#b1cdbb;font-size:13px;letter-spacing:2px}.primary-heading h1{font-size:clamp(23px,2vw,31px);margin:10px 0}.primary-heading p{font-size:16px;line-height:1.7;margin:0;color:#c4d9cd}
#primaryViewport{position:absolute;inset:130px 0 125px}#primaryViewport canvas{display:block;touch-action:none}
.primary-model-bottom{position:absolute;bottom:16px;left:26px;right:24px;display:grid;grid-template-columns:1fr auto;gap:8px}.primary-model-bottom p{grid-column:1/-1;font-size:18px;line-height:1.6;border-left:3px solid #9ae6c6;padding-left:12px;margin:0}.primary-model-bottom small{font-size:13px;line-height:1.6;color:#b3c9bd;grid-column:1;grid-row:2}.primary-model-bottom button{grid-column:2;grid-row:2;background:#28433f;color:#fff;border-color:#637c70}
.primary-observe{padding:20px 26px;background:#fffdf7;overflow:auto;display:grid;grid-template-columns:minmax(160px,.9fr) minmax(210px,1fr);column-gap:22px;align-content:start;align-items:start}
.primary-step{font-size:12px;letter-spacing:2px;font-weight:700;color:#527867;margin-bottom:6px;grid-column:1/-1}.primary-observe>label[for=primarySpecimen]{grid-column:1/-1;margin:0 0 7px}.primary-observe>select,.primary-question{grid-column:1/-1}.primary-question{font-size:18px;font-weight:600;line-height:1.7;margin:12px 0}
.primary-image-area{position:relative;grid-column:1;grid-row:5/14;align-self:start;aspect-ratio:1;border:7px solid #27453e;border-radius:50%;overflow:hidden;background:#101819;margin:4px 0 10px;box-shadow:0 0 0 4px #dae5db}
#primaryScope{width:100%;height:100%;display:block;touch-action:none}#primaryScopeStatus{position:absolute;bottom:15%;left:10%;width:80%;text-align:center;background:#fff8e8e8;border-radius:6px;padding:6px;font-size:13px;pointer-events:none;line-height:1.4}#primaryScopeStatus.clear{background:#e1f9e2e8;color:#175d34}
.primary-observe>.primary-step:nth-of-type(2){grid-column:2;grid-row:5}.primary-observe>input,.primary-observe>label:not([for=primarySpecimen]),.primary-range,#primaryHandControls{grid-column:2}
.primary-observe input[type=range]{width:100%;margin:4px 0 10px;min-height:26px;accent-color:#267057}.primary-observe label{font-size:15px;line-height:1.5}.primary-observe output{font-size:12px;color:#587264;font-weight:400}
.primary-range{display:flex;justify-content:space-between;font-size:12px;color:#647969;margin:-6px 0 10px;gap:12px}#primaryHandControls{display:grid;gap:7px;margin:3px 0 8px}#primaryHandControls button{text-align:left;min-height:44px;font-size:14px;border-color:#88ab9c}#primaryPower:not(.active){background:#ab4d12;color:white;border-color:#95410c}
.primary-image-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;margin-top:15px}.primary-image-actions button{min-height:40px;font-size:13px}
.primary-tip,.primary-credit,.primary-observe>details{grid-column:1/-1;font-size:13px;line-height:1.7;margin:10px 0 0;overflow-wrap:anywhere}.primary-credit a{color:#246047}.primary-observe>details{border-top:1px solid #dce6da;padding-top:9px}.primary-observe summary{cursor:pointer;font-weight:700}.primary-observe details p{margin:7px 0}
#primaryRecord{width:min(640px,94vw);max-height:85dvh;padding:24px;border:1px solid #9bb8a9;border-radius:15px;color:#29453c}#primaryRecord h2{font-size:23px;padding-right:32px}#primaryRecord textarea{width:100%;font:16px/1.7 'Microsoft YaHei',sans-serif;padding:10px;border:1px solid #9fbdab;border-radius:8px;resize:vertical}#primaryRecord label{font-size:16px}#primaryRecord p{line-height:1.7}#primaryRecords article{border-top:1px solid #d7e2d9;margin-top:15px;padding-top:12px}#primaryRecords article p{white-space:pre-wrap;overflow-wrap:anywhere}#primarySaveStatus{font-size:14px;color:#376d50}#primarySave{background:#245d49;color:white}
#primaryCompoundBrief{border:1px solid #c2d9c8;background:#edf4e9;padding:10px 12px;border-radius:8px}#primaryCompoundBrief p{font-size:15px;line-height:1.6;margin:7px 0}#primaryCompoundBrief button{font-size:13px;padding:6px 12px}.primary-photo-dialog{max-width:95vw;width:1000px;border:0;border-radius:12px;padding:16px;max-height:92dvh}.primary-photo-dialog img{display:block;max-width:100%;max-height:72dvh;margin:12px auto;object-fit:contain}.primary-photo-dialog p{font-size:14px;line-height:1.6}.primary-photo-dialog button{display:block;margin-left:auto}
@media(max-width:1150px){#primaryWorkspace{grid-template-columns:minmax(320px,1fr) minmax(360px,1fr)}.primary-observe{grid-template-columns:1fr;padding:18px}.primary-observe>*{grid-column:1!important;grid-row:auto!important}.primary-image-area{width:min(235px,80%);justify-self:center}.primary-observe #primaryHandControls{grid-template-columns:1fr 1fr}.primary-observe #primaryPlace{grid-column:1/-1}}
@media(max-width:900px){.school-bar,.primary-tools{padding:8px 12px;gap:6px}.school-bar>span{display:none}.school-bar strong{width:100%;font-size:13px}.school-bar button{flex:1;font-size:14px;padding:8px}.primary-tools>b{font-size:13px;width:100%}.primary-tools button{font-size:13px;padding:8px;flex:1}.primary-tools #primaryRecordOpen{margin-left:0;flex:0 0 auto}body[data-school] main{height:auto}#primaryWorkspace{height:auto;min-height:0;grid-template-columns:1fr}.primary-model-scene{min-height:440px}.primary-heading{top:18px;left:18px}.primary-heading h1{font-size:24px}.primary-heading p{font-size:14px}#primaryViewport{inset:100px 0 110px}.primary-model-bottom{left:18px;right:18px}.primary-model-bottom p{font-size:15px}.primary-model-bottom small{font-size:12px}.primary-observe{overflow:visible;padding:20px}.primary-observe .primary-image-area{width:min(310px,85%)}.primary-question{font-size:18px}.primary-observe #primaryHandControls{grid-template-columns:1fr 1fr}.primary-tools button{min-height:44px}}
/* Keep image and controls aligned without stretching empty grid rows. */
.primary-settings{grid-column:2;grid-row:5;align-self:start;padding-top:4px}.primary-image-area{grid-row:5;align-self:start}.primary-settings input{width:100%;min-height:28px;accent-color:#267057;margin:6px 0 12px}.primary-settings label{margin-top:12px}.primary-settings .primary-step{margin-bottom:12px}.primary-settings #primaryHandControls{display:grid}.primary-image-actions{margin-top:14px}body[data-primary-tool=magnifier] header #notice,body[data-primary-tool=handheld] header #notice{display:none}
@media(max-width:1150px){.primary-settings{grid-column:1;grid-row:auto}.primary-settings #primaryHandControls{grid-template-columns:1fr 1fr}}
#primaryModelToggle{display:none}
@media(max-width:900px){.primary-tools>b{width:auto;flex:1}.primary-tools #primaryModelToggle{display:block;flex:none;background:transparent;padding:3px 8px;border:0;font-size:12px;min-height:30px}.primary-tools [data-primary-tool]{flex:1 1 24%}.primary-tools #primaryRecordOpen{flex:1 1 18%}#primaryWorkspace.model-collapsed .primary-model-scene{display:none}}
@media(max-width:900px){.primary-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.primary-tools>b{grid-column:1/3;white-space:nowrap}.primary-tools #primaryModelToggle{grid-column:3/5;text-align:right}.primary-tools button{min-width:0}.primary-tools [data-primary-tool],.primary-tools #primaryRecordOpen{grid-row:2;font-size:13px;padding:8px 3px}}
@media(min-width:1200px){body[data-school=primary] .school-bar{display:inline-flex;width:44%;vertical-align:top}body[data-school=primary] .school-bar>span{display:none}body[data-school=primary] .primary-tools{display:inline-flex;width:56%;vertical-align:top;background:#e1eee6}body[data-school=primary] .primary-tools>b{display:none}}
#primaryCompoundBrief{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:7px 10px}#primaryCompoundBrief strong{font-size:13px;align-self:center}#primaryCompoundBrief p{grid-column:1/-1;grid-row:2;font-size:13px;margin:0}#primaryCompoundBrief button{grid-column:2;grid-row:1;padding:4px 8px;min-height:30px}