/* FIELD visual system: restrained color around unaltered scientific imagery. */
:root{color-scheme:dark;--accent:#78e4c5;--panel:#17212c;--line:#a8c5de1c;--control-border:#a8c5de28;--focus-ring:#a7f2db;--text-secondary:#a9bbcd;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:#0c131c;color:#e7eff7}header{background:linear-gradient(105deg,#172733,#18202e 65%,#211e32);box-shadow:0 1px 0 #b5d9ed12}header strong{letter-spacing:.14em}.brand-mark{color:#8eead2;text-shadow:0 0 20px #78e4c530}.brand-sub{color:#a5b6c8}header #dataset{background:#0c172280;border-color:#a9c4de26;border-radius:12px}nav{background:#111c27;gap:6px;padding-top:5px;padding-bottom:5px}nav button{border:0;border-radius:9px;padding:10px 18px;color:#a6b8cb}nav button.active{border:0!important;background:#78e4c518!important;color:#b5f6e2;box-shadow:inset 0 0 0 1px #78e4c526}nav button:hover{background:#a9c8e70d}button,select,input:not([type=range]):not([type=checkbox]){background:#203040;color:#e1ebf5;border:1px solid var(--control-border);border-radius:10px;min-height:35px}button{transition:background 160ms var(--ease),border-color 160ms var(--ease),box-shadow 160ms var(--ease),color 160ms var(--ease),transform 120ms var(--ease)}button:hover:not(:disabled){background:#2b4155;border-color:#aac9e54d;box-shadow:0 3px 12px #0002}button:active:not(:disabled){transform:translateY(1px)}button.active{background:#234a43!important;color:#baf7e3!important;border-color:#78e4c55c!important}.primary,#import-source{background:#8ce6ca!important;color:#103b31!important;border-color:#b8ffe029!important;font-weight:650;box-shadow:0 3px 12px #071b1626}.primary:hover:not(:disabled),#import-source:hover{background:#b0f2df!important;box-shadow:0 4px 16px #78e4c521}input::placeholder{color:#91a4b7}input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}a{color:#94dfef;text-underline-offset:3px}a:hover{color:#d0f5ff}#save-state{color:#9cddc2;font-variant-numeric:tabular-nums}.shared-banner{background:#102923;color:#b1d3c7;border-color:#70c7a91c;font-size:10px;padding:6px 22px}#simple-toolbar{background:#111c27;padding-top:8px;padding-bottom:8px;gap:10px;position:relative;z-index:20}#simple-toolbar select{background:#1b2b3a;color:#d7e6f3}.mode-buttons,.segmented,.annotation-view-choice{background:#0d1722;border:1px solid var(--line);border-radius:11px}.mode-buttons button{color:#aebfd1}.mode-buttons button.active{background:#293650!important;color:#d4d9ff!important;border-color:#969ffc44!important}.ui-dropdown{position:relative;font-size:12px}.ui-dropdown>summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;background:#1d2c3d;border:1px solid var(--control-border);border-radius:10px;padding:9px 12px;color:#c7d6e7;transition:background 160ms}.ui-dropdown>summary::-webkit-details-marker{display:none}.ui-dropdown>summary:after{content:'⌄';color:#9cacbf;transition:transform 160ms}.ui-dropdown[open]>summary{background:#2b3550;border-color:#a2a8ed66;color:#e0e0ff}.ui-dropdown[open]>summary:after{transform:rotate(180deg)}.dropdown-body{position:absolute;right:0;top:calc(100% + 8px);width:245px;z-index:60;background:#1a2735;border:1px solid #abc8e533;border-radius:14px;box-shadow:0 16px 50px #0007;padding:14px;display:flex;flex-direction:column;gap:12px;animation:menu-in 150ms var(--ease)}.dropdown-body label{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.5}.dropdown-body button{text-align:left}.workspace-menu{z-index:70}#result-sidebar,#task-panel{background:#15202b}.sidebar-heading{background:transparent;color:#9aadc1}.result-button{background:transparent;border-color:transparent;margin-bottom:5px}.result-button span{color:#9cacc0}.result-button.active{background:linear-gradient(100deg,#213e38,#1b3032)!important;border-color:#78e4c532!important;box-shadow:inset 3px 0 #78e4c5}.result-section{color:#9faecc;letter-spacing:.08em}.run-badge{color:#9ab6d8!important}.selected-actions,.recipe-card,.trace-card,.method-help,.processing-size{background:#1b2d3b;border-color:#a8c5de20;color:#bacde0}#desk{border-radius:16px;border-color:#abc8e523;box-shadow:0 8px 32px #0002}.viewport{background:#080e15}.caption{background:#101c28e6;color:#bbccdd;border:1px solid #9fbdd317;backdrop-filter:blur(10px)}.pane-name{color:#9bb4c9}.view-navigation{background:#1b2938ed;border-color:#a4c5e52c;box-shadow:0 8px 24px #0004;border-radius:14px}.view-navigation button,.view-navigation select{background:transparent;color:#c9d8e8}.view-navigation button:hover{background:#aecde31c}.floating-tools{background:#dcebe7;border:1px solid #fff8;border-radius:13px;padding:5px;box-shadow:0 5px 18px #0003}.floating-tools button{background:transparent;color:#344b46;border-radius:8px}.floating-tools button:hover:not(:disabled){background:#c3d9d1;color:#173e30;box-shadow:none}.floating-tools button.active{background:#addaca!important;color:#123f30!important;border-color:transparent!important;box-shadow:inset 0 0 0 1px #78b8a2}.floating-tools button:disabled{opacity:.32}.annotation-head{background:linear-gradient(145deg,#1a2936,#15202b)}.annotation-title h2{color:#e7f3fa}.annotation-head input,.mark-search{background:#101d29!important}.selection-editor{background:#42372a;border-top:1px solid #f2c17b24;border-bottom:1px solid #f2c17b24}.selection-editor label{color:#efcfa6}.annotation-bottom{background:#192936}.annotation-files summary{color:#b6c7eb;padding:6px 0}.storage-note{color:#a3b9c4}.annotation-row{border-color:#a8c5de16}.annotation-row:hover{background:#aac8e607}.annotation-row select{background:#1a2b3b}.annotation-view-choice button{background:transparent;color:#adbed0}.draft-actions{background:#253d38;border-color:#88e1bf55;box-shadow:0 8px 26px #0006;color:#d4f7e8}.tool h2{letter-spacing:-.025em}.tool details:not(.annotation-files){background:#101d2966;border:1px solid var(--line);padding:10px;border-radius:11px;margin:12px 0}.tool summary{cursor:pointer;color:#bdcbe6;font-size:12px}.recipe-library{border-color:var(--line)}.recipe-save{border-color:var(--line)}.help-note{background:#252d43;color:#bdc5e3}footer{background:#101c27;color:#a6bace}footer button{background:#1a2a39;border-color:#adc9e51c}#status{color:#a8bdcd}dialog{background:#192838;border:1px solid #b3d2eb33;box-shadow:0 25px 100px #0009;color:#dce9f5}dialog::backdrop{background:#030b13a8;backdrop-filter:blur(5px)}dialog[open]{animation:menu-in 180ms var(--ease)}.window{background:#192838;border-radius:14px;box-shadow:0 12px 35px #0006;overflow:hidden}.bar{background:#26364c}input[type=range]{accent-color:#82dec5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7592ac4d;border-radius:8px;border:2px solid #15202b}::-webkit-scrollbar-track{background:transparent}
@keyframes menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.workspace-menu{margin-left:auto}.dropdown-body{width:220px}.shared-banner{padding:6px 10px}#simple-toolbar{gap:7px}.ui-dropdown>summary{padding:8px 10px}nav{padding-left:10px}nav button{padding:9px 13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){body.student #workspace{display:flex;flex-direction:column;flex-wrap:nowrap;overflow:auto}body.student #desk{flex:none;width:calc(100% - 16px);height:560px;min-height:560px;margin:8px}body.student #task-panel{flex:none;width:100%;height:420px;max-height:none}body.student .floating-tools{max-width:calc(100% - 20px);overflow-x:auto;justify-content:flex-start}body.student .floating-tools button{flex-shrink:0}body.student #main-host.annotation-layout{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr}body.student #main-host.annotation-solo{grid-template-rows:1fr!important}.dropdown-body{max-width:calc(100vw - 28px)}footer{flex-wrap:wrap}header #dataset{min-width:150px}}

.channels-menu .dropdown-body{width:300px}.channel-color-row{display:flex;align-items:center;gap:8px}.channel-color-row span{flex:1;font-size:11px;line-height:1.4}.channel-color-row input[type=color]{width:36px;min-height:28px;padding:3px;cursor:pointer}.channel-color-row input[type=checkbox]{flex:none}

.field-dialog{width:min(460px,calc(100vw - 32px));padding:26px;border-radius:18px}.field-dialog h2{font-size:22px;letter-spacing:-.03em;margin:0 0 12px}.field-dialog p{color:#b8cada;font-size:14px;line-height:1.7;white-space:pre-line}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions button{min-height:40px}.danger{background:#543039!important;color:#ffd4d9!important;border-color:#ef8f9f55!important}.annotation-guide{width:100%;margin-top:10px;font-size:11px}.viewport canvas{touch-action:none}body.student .viewport canvas{cursor:crosshair}