:root{color-scheme:dark;font-family:Microsoft YaHei UI,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--font-ui: "Microsoft YaHei UI", "Segoe UI", system-ui, sans-serif;--font-data: Bahnschrift, "DIN Alternate", "Segoe UI", sans-serif;--color-canvas: oklch(15% .017 142);--color-canvas-raised: oklch(18% .021 142);--color-surface: oklch(21% .024 142);--color-surface-strong: oklch(25% .027 142);--color-surface-muted: oklch(17% .014 142);--color-line: oklch(44% .034 142 / 62%);--color-line-strong: oklch(61% .062 112 / 76%);--color-text: oklch(94% .014 120);--color-text-muted: oklch(79% .023 132);--color-text-faint: oklch(67% .025 132);--color-rice: oklch(78% .13 128);--color-rice-soft: oklch(78% .13 128 / 14%);--color-straw: oklch(83% .13 85);--color-straw-soft: oklch(83% .13 85 / 13%);--color-warning: oklch(75% .17 42);--color-warning-soft: oklch(75% .17 42 / 14%);--color-danger: oklch(72% .18 28);--color-danger-soft: oklch(72% .18 28 / 14%);--color-info: oklch(77% .09 215);--duration-fast: .16s;--duration-standard: .22s;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--color-canvas);color:var(--color-text);font-size:14px}button,select,input{font:inherit}button,select,input[type=checkbox]{touch-action:manipulation}button,select,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-straw);outline-offset:2px}h1,h2,h3,h4,p,dl,dd,ol{margin:0}ol{padding:0;list-style:none}.eyebrow{color:var(--color-rice);font:700 12px/1.2 var(--font-data);letter-spacing:.1em}.button{min-height:40px;border:1px solid var(--color-line-strong);padding:0 16px;background:var(--color-surface-muted);color:var(--color-text);font-size:14px;font-weight:700;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.button:not(:disabled):hover{border-color:var(--color-rice);background:var(--color-surface-strong)}.button--primary{border-color:var(--color-rice);background:var(--color-rice);color:var(--color-canvas)}.button--primary:not(:disabled):hover{background:color-mix(in oklch,var(--color-rice) 86%,var(--color-text))}.button--secondary{background:transparent}.button:disabled{border-color:var(--color-line);background:var(--color-surface-muted);color:var(--color-text-faint);opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.status-tag{display:inline-flex;min-height:28px;align-items:center;gap:8px;border:1px solid var(--color-line);padding:0 10px;color:var(--color-text-muted);font-size:14px;font-weight:700;white-space:nowrap}.status-tag i{width:8px;height:8px;border-radius:50%;background:currentColor}.status-tag--success{border-color:color-mix(in oklch,var(--color-rice),transparent 35%);color:var(--color-rice)}.status-tag--warning{border-color:color-mix(in oklch,var(--color-straw),transparent 28%);color:var(--color-straw)}.status-tag--info{border-color:color-mix(in oklch,var(--color-info),transparent 30%);color:var(--color-info)}.status-tag--danger{border-color:color-mix(in oklch,var(--color-danger),transparent 25%);color:var(--color-danger)}.mode-selector,.service-config,.leaf-image-panel,.ai-result-panel,.analysis-process,.evidence-chain,.step-guide,.workflow-command{min-width:0;min-height:0;border:1px solid var(--color-line);background:var(--color-canvas-raised)}.mode-selector,.service-config{padding:14px}.mode-selector>header,.service-config>header,.leaf-image-panel>header,.ai-result-panel>header,.analysis-process>header,.evidence-chain>header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.mode-selector h3,.service-config h3,.leaf-image-panel h3,.ai-result-panel h3,.analysis-process h3,.evidence-chain h3{margin-top:4px;font-size:18px}.mode-selector>header>span{color:var(--color-text-muted);font-size:14px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.segmented-control button{display:grid;min-height:58px;gap:4px;border:1px solid var(--color-line);padding:8px 12px;background:var(--color-surface-muted);color:var(--color-text-muted);text-align:left}.segmented-control button strong{font-size:14px}.segmented-control button span{color:var(--color-text-faint);font-size:14px}.segmented-control button.is-active{border-color:var(--color-rice);background:var(--color-rice-soft);color:var(--color-text)}.segmented-control button.is-active span{color:var(--color-rice)}.service-config{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:12px 14px}.service-config>header,.service-config__fields,.service-summary,.service-config__fallback{grid-column:1 / -1}.service-config__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-config__fields label,.service-config__credential{display:grid;min-width:0;gap:6px;color:var(--color-text-muted);font-size:14px;font-weight:700}.service-config__fields select,.service-config__credential strong{width:100%;height:38px;border:1px solid var(--color-line-strong);padding:0 10px;background:var(--color-canvas);color:var(--color-text);font-size:14px;font-weight:700}.service-config__credential{position:relative}.service-config__credential strong{display:flex;align-items:center;padding-right:76px;font-family:var(--font-data);letter-spacing:.06em}.service-config__credential small{position:absolute;right:10px;bottom:12px;color:var(--color-rice);font-size:12px}.fallback-toggle{display:flex;min-height:34px;align-items:center;gap:10px;color:var(--color-text-muted);font-size:14px;font-weight:700}.fallback-toggle input{position:absolute;opacity:0}.fallback-toggle i{width:38px;height:22px;border:1px solid var(--color-line-strong);background:var(--color-surface-muted)}.fallback-toggle i:after{display:block;width:14px;height:14px;margin:4px;background:var(--color-text-faint);content:"";transition:transform var(--duration-fast) var(--ease-out)}.fallback-toggle input:checked+i:after{background:var(--color-rice);transform:translate(16px)}.fallback-toggle input:focus-visible+i{outline:2px solid var(--color-straw);outline-offset:2px}.service-config--summary{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:12px 14px}.service-config--summary>header{grid-column:1;min-width:250px}.service-summary{display:grid;grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr))}.service-summary div{min-width:0;border-left:1px solid var(--color-line);padding:0 12px}.service-summary dt{color:var(--color-text-faint);font-size:12px}.service-summary dd{overflow:hidden;margin-top:4px;color:var(--color-text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.service-config__fallback{border:1px solid var(--color-warning);padding:8px 10px;background:var(--color-warning-soft);color:var(--color-text-muted);font-size:14px}.service-config__fallback strong{margin-right:8px;color:var(--color-straw)}.leaf-image-panel,.ai-result-panel,.analysis-process{display:grid;gap:10px;padding:14px;overflow:hidden}.leaf-image-panel{grid-template-rows:auto minmax(0,1fr) auto}.leaf-image-panel__preview{display:grid;min-height:0;place-items:center;overflow:hidden;border:1px solid var(--color-line);background:var(--color-surface-muted)}.leaf-image-panel__preview img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.leaf-image-panel__empty{display:grid;gap:8px;padding:18px;color:var(--color-text-muted);font-size:14px;text-align:center}.leaf-image-panel__empty b{color:var(--color-text);font-size:16px}.leaf-image-panel dl,.ai-result-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.leaf-image-panel dl div,.ai-result-panel dl div{min-width:0}.leaf-image-panel dt,.ai-result-panel dt{color:var(--color-text-faint);font-size:12px}.leaf-image-panel dd,.ai-result-panel dd{overflow:hidden;margin-top:4px;color:var(--color-text-muted);font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.analysis-process{grid-template-rows:auto 6px minmax(0,1fr) auto}.analysis-process__elapsed{color:var(--color-info);font:700 18px var(--font-data)}.analysis-process__bar{overflow:hidden;background:var(--color-surface-strong)}.analysis-process__bar i{display:block;width:100%;height:100%;background:var(--color-info);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-standard) var(--ease-out)}.analysis-process ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.analysis-process li{display:grid;min-height:46px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;border:1px solid var(--color-line);padding:0 10px;color:var(--color-text-faint)}.analysis-process li span,.analysis-process li b{font:700 12px var(--font-data)}.analysis-process li strong{color:var(--color-text-muted);font-size:14px}.analysis-process li.is-active{border-color:var(--color-info);background:color-mix(in oklch,var(--color-info) 10%,transparent)}.analysis-process li.is-complete{border-color:var(--color-line-strong)}.analysis-process li.is-complete span,.analysis-process li.is-complete b{color:var(--color-rice)}.analysis-process__runtime{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid var(--color-line);padding-top:10px}.analysis-process__runtime>span{color:var(--color-text-faint);font-size:12px}.analysis-process__runtime>strong{overflow:hidden;color:var(--color-text-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ai-result-panel{grid-template-rows:auto minmax(0,1fr)}.ai-result-panel__content{display:grid;min-height:0;align-content:start;gap:10px}.ai-result-panel__candidate{display:grid;grid-template-columns:1fr auto;gap:6px 12px;border:1px solid var(--color-line-strong);padding:10px 12px;background:var(--color-straw-soft)}.ai-result-panel__candidate>span{grid-column:1 / -1;color:var(--color-text-muted);font-size:12px}.ai-result-panel__candidate strong{color:var(--color-straw);font-size:22px}.ai-result-panel__candidate b{align-self:center;color:var(--color-straw);font:700 18px var(--font-data)}.ai-result-panel__relation{border:1px solid var(--color-line);padding:10px 12px;background:var(--color-warning-soft)}.ai-result-panel__relation span,.ai-result-panel__relation strong,.ai-result-panel__relation p{display:block}.ai-result-panel__relation span{color:var(--color-warning);font-size:12px;font-weight:700}.ai-result-panel__relation strong{margin-top:4px;font-size:14px}.ai-result-panel__relation p{margin-top:4px;color:var(--color-text-muted);font-size:14px;line-height:1.5}.ai-result-panel__empty{display:grid;place-content:center;gap:8px;border:1px dashed var(--color-line-strong);color:var(--color-text-muted);font-size:14px;text-align:center}.ai-result-panel__empty strong{color:var(--color-text);font-size:16px}.evidence-chain{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px 14px;overflow:hidden}.evidence-chain>header>span{color:var(--color-text-faint);font:600 12px var(--font-data)}.evidence-chain__flow{display:grid;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.evidence-chain__flow article{position:relative;display:grid;min-width:0;align-content:start;gap:6px;border:1px solid var(--color-line);padding:10px;background:var(--color-surface-muted)}.evidence-chain__flow article:after{position:absolute;top:26px;right:-8px;width:8px;border-top:1px solid var(--color-line-strong);content:""}.evidence-chain__flow article:last-child:after{display:none}.evidence-chain__index{display:flex;align-items:center;justify-content:space-between;gap:6px}.evidence-chain__index span{color:var(--color-text-faint);font:700 12px var(--font-data)}.evidence-chain__index b{border:1px solid var(--color-line);padding:2px 6px;color:var(--color-text-faint);font-size:12px}.evidence-chain__flow article>span{color:var(--color-rice);font-size:14px;font-weight:700}.evidence-chain__flow h4{font-size:16px}.evidence-chain__flow article>strong{min-height:40px;color:var(--color-text-muted);font-size:14px;line-height:1.5}.evidence-chain__flow small{overflow:hidden;align-self:end;color:var(--color-text-faint);font:600 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.evidence-chain__flow article.is-current{border-color:var(--color-straw);background:var(--color-straw-soft)}.evidence-chain__flow article.is-visible{border-color:var(--color-line-strong)}.evidence-chain__flow article.is-locked:not(.is-current){background:color-mix(in oklch,var(--color-surface-muted) 82%,transparent)}.evidence-chain__locked-copy{color:var(--color-text-faint)!important;font-weight:500}.evidence-chain__item--candidate.is-visible .evidence-chain__index b{color:var(--color-straw)}.evidence-chain__item--corrects.is-visible .evidence-chain__index b{color:var(--color-warning)}.evidence-chain__item--supports.is-visible .evidence-chain__index b,.evidence-chain__item--confirms.is-visible .evidence-chain__index b{color:var(--color-rice)}.step-guide{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px;padding:16px;overflow:hidden}.step-guide>header{border-bottom:1px solid var(--color-line);padding-bottom:10px}.step-guide h2{margin-top:6px;font-size:20px}.step-guide>header p{margin-top:6px;color:var(--color-text-muted);font-size:14px}.scenario-selector h3{margin-bottom:8px;color:var(--color-text-muted);font-size:14px}.scenario-selector>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scenario-selector button{display:grid;min-height:58px;gap:4px;border:1px solid var(--color-line);padding:8px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:14px;text-align:left}.scenario-selector button strong{font-size:14px}.scenario-selector button span{color:var(--color-text-faint);font-size:12px;line-height:1.35}.scenario-selector button.is-active{border-color:var(--color-rice);background:var(--color-rice-soft);color:var(--color-text)}.step-guide__progress{display:grid;align-content:center}.step-guide__progress li{display:grid;min-height:38px;grid-template-columns:34px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--color-line);color:var(--color-text-faint)}.step-guide__progress li span{font:700 12px var(--font-data)}.step-guide__progress li b{font-size:14px}.step-guide__progress li.is-current{background:var(--color-straw-soft);color:var(--color-text)}.step-guide__progress li.is-current span{color:var(--color-straw)}.step-guide__progress li.is-complete span,.step-guide__progress li.is-complete b{color:var(--color-rice)}.step-guide__detail{border:1px solid var(--color-line-strong);padding:12px;background:var(--color-surface-muted)}.step-guide__detail>span{color:var(--color-rice);font:700 12px var(--font-data);letter-spacing:.06em}.step-guide__detail h3{margin:8px 0;font-size:16px}.step-guide__detail p{color:var(--color-text-muted);font-size:14px;line-height:1.55}.step-guide footer{display:grid;gap:8px}.step-guide footer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.step-guide__reset{min-height:30px;border:0;background:transparent;color:var(--color-text-faint);font-size:14px;text-decoration:underline;text-underline-offset:4px}.workflow-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 14px}.workflow-command>div:not(.workflow-command__conclusion){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px}.workflow-command>div>strong{font-size:16px}.workflow-command>div>p{grid-column:1 / -1;color:var(--color-text-muted);font-size:14px}.workflow-command .button{min-width:190px}.workflow-command--complete{border-color:var(--color-rice);background:var(--color-rice-soft)}.workflow-command__conclusion{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:12px}.workflow-command__conclusion span{color:var(--color-rice);font-size:14px;font-weight:700}.workflow-command__conclusion strong{color:var(--color-text);font-size:20px!important}.workflow-command__conclusion p{grid-column:auto!important}.direction-c{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(200px,.94fr) minmax(190px,.9fr) auto;gap:10px;overflow:hidden}.direction-c__service-zone{display:grid;min-width:0;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:10px}.direction-c__service-zone.is-summary{grid-template-columns:minmax(0,1fr)}.direction-c__runtime-workspace{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(220px,.78fr) minmax(300px,1.04fr) minmax(300px,1.18fr);gap:10px}.prototype-stage{position:relative;display:block;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 18%,var(--color-rice-soft),transparent 29%),linear-gradient(var(--color-line) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(90deg,var(--color-line) 1px,transparent 1px) 0 0 / 64px 64px,#020502}.prototype-stage__viewport{display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;padding:16px}.prototype-stage--immersive .prototype-stage__viewport{padding:0}.walkthrough-trigger{position:fixed;z-index:20;right:18px;bottom:18px;display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--color-straw);background:var(--color-canvas-raised);color:var(--color-straw);box-shadow:0 10px 36px #0001008c}.walkthrough-trigger>span{position:absolute;right:58px;width:max-content;border:1px solid var(--color-line-strong);padding:8px 10px;background:var(--color-canvas-raised);color:var(--color-text);font-size:14px;opacity:0;pointer-events:none;transform:translate(6px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.walkthrough-trigger:hover>span,.walkthrough-trigger:focus-visible>span{opacity:1;transform:translate(0)}.walkthrough-controller{position:fixed;z-index:30;top:16px;right:16px;bottom:16px;display:grid;width:clamp(360px,21.5vw,412px);min-width:0;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:12px;border:1px solid var(--color-straw);padding:16px;overflow:hidden;background:#070d06fa;box-shadow:-16px 0 48px #0001005c}.walkthrough-controller__header,.walkthrough-controller__navigation,.walkthrough-controller__footer{display:flex;align-items:center;gap:8px}.walkthrough-controller__header{justify-content:space-between;border-bottom:1px solid var(--color-line);padding-bottom:12px}.walkthrough-controller__header span{color:var(--color-straw);font:700 12px var(--font-data);letter-spacing:.09em}.walkthrough-controller__header h2{margin-top:4px;font-size:20px}.icon-button{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid var(--color-line);background:var(--color-surface-muted);color:var(--color-text-muted)}.walkthrough-controller__current{border:1px solid var(--color-line-strong);padding:12px;background:var(--color-straw-soft)}.walkthrough-controller__current>div{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:14px}.walkthrough-controller__current>div strong{color:var(--color-straw);font:700 16px var(--font-data)}.walkthrough-controller__current h3{margin:10px 0 6px;font-size:18px}.walkthrough-controller__current p{color:var(--color-text-muted);font-size:14px;line-height:1.55}.walkthrough-controller__navigation>button,.walkthrough-controller__footer>button{flex:1}.controller-button{display:flex;min-height:40px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--color-line-strong);background:var(--color-surface-muted);color:var(--color-text);font-size:14px;font-weight:700}.controller-button--primary{border-color:var(--color-rice);background:var(--color-rice);color:var(--color-canvas)}.controller-button:disabled{border-color:var(--color-line);background:var(--color-surface-muted);color:var(--color-text-faint);opacity:1}.walkthrough-controller__steps{min-height:0}.walkthrough-controller__steps h3,.walkthrough-controller__environment>label{display:block;margin-bottom:8px;color:var(--color-text-muted);font-size:14px;font-weight:700}.walkthrough-controller__steps>div{display:grid;height:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(32px,1fr));gap:6px}.walkthrough-controller__steps button{display:grid;min-width:0;grid-template-columns:28px minmax(0,1fr);align-items:center;border:1px solid var(--color-line);padding:0 8px;background:var(--color-surface-muted);color:var(--color-text-muted);text-align:left}.walkthrough-controller__steps button span{color:var(--color-text-faint);font:700 12px var(--font-data)}.walkthrough-controller__steps button b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.walkthrough-controller__steps button.is-active{border-color:var(--color-rice);background:var(--color-rice-soft);color:var(--color-text)}.walkthrough-controller__environment select{width:100%;height:38px;border:1px solid var(--color-line-strong);padding:0 10px;background:var(--color-canvas);color:var(--color-text);font-size:14px}.walkthrough-controller__engine{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin-top:8px;color:var(--color-text-muted);font-size:12px}.walkthrough-controller__engine strong{color:var(--color-rice);font-size:14px}.walkthrough-controller__engine small{grid-column:1 / -1;color:var(--color-text-faint);font-size:12px}.walkthrough-controller__footer{border-top:1px solid var(--color-line);padding-top:12px}.system-viewport{container-type:inline-size;display:grid;width:min(100%,calc((100vh - 32px) * 16 / 9));max-height:calc(100vh - 32px);aspect-ratio:16 / 9;grid-template:"nav topbar" 64px "nav rail" 42px "nav workspace" minmax(0,1fr) / 104px minmax(0,1fr);overflow:hidden;border:1px solid var(--color-line-strong);background:var(--color-canvas);box-shadow:0 22px 80px #00010085}.prototype-stage--immersive .system-viewport{width:min(100%,calc(100vh * 16 / 9));max-height:100vh;border:0}.system-nav{grid-area:nav;display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--color-line);background:var(--color-canvas-raised)}.system-nav__brand{position:relative;display:grid;height:104px;flex:none;place-items:center;border-bottom:1px solid var(--color-line);background:linear-gradient(var(--color-line),var(--color-line)) center / 1px 100% no-repeat,linear-gradient(90deg,var(--color-line),var(--color-line)) center / 100% 1px no-repeat}.system-nav__brand:before{position:absolute;width:62px;height:62px;border:1px solid color-mix(in oklch,var(--color-rice) 28%,transparent);background:var(--color-canvas-raised);clip-path:polygon(14% 0,78% 0,100% 22%,100% 82%,82% 100%,22% 100%,0 78%,0 14%);content:""}.system-nav__brand img{position:relative;z-index:1;width:52px;height:52px}.system-nav ol{display:grid;min-height:0;flex:1;grid-template-rows:repeat(6,minmax(48px,1fr))}.system-nav li{min-height:0;border-bottom:1px solid var(--color-line)}.system-nav li button{position:relative;display:flex;width:100%;height:100%;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;padding:6px;background:transparent;color:var(--color-text-muted)}.system-nav li button:hover{background:var(--color-surface);color:var(--color-text)}.system-nav li button.is-active{background:var(--color-rice-soft);color:var(--color-text)}.system-nav li button.is-active:after{position:absolute;top:50%;right:0;width:4px;height:34px;background:var(--color-rice);content:"";transform:translateY(-50%)}.system-nav li button span{color:var(--color-text-faint);font:700 12px var(--font-data);letter-spacing:.1em}.system-nav li button b{font-size:14px}.system-nav__data-time{display:grid;height:62px;flex:none;place-content:center;gap:4px;border-top:1px solid var(--color-line);color:var(--color-text-faint);font-size:12px;text-align:center}.system-nav__data-time strong{color:var(--color-text-muted);font:700 12px var(--font-data)}.system-topbar{grid-area:topbar;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--color-line);padding:0 20px;background:var(--color-canvas)}.system-topbar__identity{min-width:0}.system-topbar__identity>p{color:var(--color-rice);font:700 12px var(--font-data);letter-spacing:.11em}.system-topbar__identity>div{display:flex;min-width:0;align-items:baseline;gap:16px;margin-top:4px}.system-topbar__identity h1{font-size:20px}.system-topbar__identity span{overflow:hidden;color:var(--color-text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.system-topbar__status,.system-topbar__status-list,.system-topbar__settings,.system-topbar__time{display:flex;align-items:center}.system-topbar__status{flex:none;gap:8px}.system-topbar__status-list{gap:6px}.system-topbar__status-list .status-tag{min-height:28px;padding:0 8px;font-size:12px}.system-topbar__time{display:grid;gap:1px;border-left:1px solid var(--color-line);padding-left:8px}.system-topbar__time span{color:var(--color-text-faint);font-size:12px}.system-topbar__time strong{color:var(--color-text-muted);font:700 12px var(--font-data)}.system-topbar__settings{min-height:32px;gap:6px;border:1px solid transparent;padding:0 8px;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:700}.system-topbar__settings:hover,.system-topbar__settings.is-active{border-color:var(--color-line-strong);background:var(--color-rice-soft);color:var(--color-rice)}.business-rail{grid-area:rail;display:flex;min-width:0;align-items:center;gap:16px;border-bottom:1px solid var(--color-line);padding:0 20px;background:var(--color-canvas-raised)}.business-rail__label{flex:none;color:var(--color-text-faint);font-size:12px;font-weight:700;letter-spacing:.08em}.business-rail ol{display:flex;min-width:0;flex:1;align-items:center}.business-rail li{display:flex;min-width:0;flex:1;align-items:center;color:var(--color-text-faint)}.business-rail li span{font:700 12px var(--font-data)}.business-rail li b{margin-left:6px;font-size:12px}.business-rail li i{height:1px;flex:1;margin:0 8px;background:var(--color-line-strong)}.business-rail li.is-active span,.business-rail li.is-active b{color:var(--color-rice)}.business-rail__actions{display:flex;flex:none;gap:4px}.business-rail__actions button{min-height:30px;border:1px solid var(--color-line);padding:0 10px;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:700}.business-rail__actions button:disabled{background:var(--color-surface-muted);color:var(--color-text-faint);opacity:.55}.business-rail>strong{color:var(--color-rice);font-size:14px}.business-rail>span:last-child{margin-left:auto;color:var(--color-text-muted);font-size:12px}.system-viewport__workspace{grid-area:workspace;min-width:0;min-height:0;overflow:hidden}.ui-eyebrow{color:var(--color-rice);font:700 12px/1.2 var(--font-data);letter-spacing:.1em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);font-size:12px;white-space:nowrap}.workspace-header{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--color-line);padding:10px 16px;background:var(--color-canvas-raised)}.workspace-header>div:first-child{min-width:0}.workspace-header__title-row,.panel-heading,.settings-section-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.workspace-header__title-row{justify-content:flex-start;margin-top:4px}.workspace-header h2{font-size:20px}.workspace-header>div:first-child>p:last-child{overflow:hidden;margin-top:6px;color:var(--color-text-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.workspace-object-summary{display:grid;min-width:210px;gap:4px;border:1px solid var(--color-line-strong);padding:8px 12px}.workspace-object-summary span,.workspace-object-summary small{color:var(--color-text-faint);font-size:12px}.workspace-object-summary strong{color:var(--color-straw);font:700 14px var(--font-data)}.system-panel{min-width:0;min-height:0;border:1px solid var(--color-line);background:var(--color-canvas-raised)}.system-panel h3,.panel-heading h3,.settings-section-heading h3{margin-top:4px;font-size:16px}.panel-heading>span{color:var(--color-text-muted);font-size:12px}.system-button,.workspace-close-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--color-line-strong);padding:0 14px;background:var(--color-surface-muted);color:var(--color-text);font-size:14px;font-weight:700}.system-button:hover,.workspace-close-button:hover{border-color:var(--color-rice);background:var(--color-surface-strong)}.system-button--primary{border-color:var(--color-rice);background:var(--color-rice);color:var(--color-canvas)}.system-button:disabled{border-color:var(--color-line);background:var(--color-surface-muted);color:var(--color-text-faint);opacity:1}.layer-tabs{display:flex;border:1px solid var(--color-line)}.layer-tabs button{min-height:34px;border:0;border-right:1px solid var(--color-line);padding:0 12px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:12px;font-weight:700}.layer-tabs button:last-child{border-right:0}.layer-tabs button.is-active{background:var(--color-rice-soft);color:var(--color-rice)}.field-matrix{display:grid;width:min(100%,640px);aspect-ratio:1.7 / 1;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;padding:10px;background:#040c03;transform:perspective(900px) rotateX(18deg) rotate(-2deg);transform-origin:center center}.field-matrix button{position:relative;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-rice) 38%,var(--color-line));background:repeating-linear-gradient(90deg,transparent 0 8px,oklch(30% .05 142 / 45%) 8px 10px),#293f1b;color:var(--color-text-muted)}.field-matrix button:after{position:absolute;inset:auto 4px 4px auto;width:6px;height:6px;border-radius:50%;background:var(--color-rice);content:""}.field-matrix button span{position:absolute;top:4px;left:6px;font:700 12px var(--font-data)}.field-matrix button.is-selected{border:2px solid var(--color-straw);color:var(--color-straw)}.field-matrix button.is-alert{border-color:var(--color-warning);background:repeating-linear-gradient(90deg,transparent 0 8px,oklch(43% .08 42 / 60%) 8px 10px),#702f13;color:var(--color-text)}.field-matrix button.is-alert i{position:absolute;top:50%;left:50%;width:10px;height:10px;border:2px solid var(--color-warning);border-radius:50%;transform:translate(-50%,-50%)}.field-matrix[data-mode=prescription] button,.field-matrix[data-mode=operation] button{background:#2e4520}.field-matrix button.is-low-dose{background:oklch(48% .11 88)}.field-matrix button.is-high-dose{background:#9a4217}.field-matrix button.is-complete{box-shadow:inset 0 0 0 1000px #59a57994}.field-legend,.prescription-legend{display:flex;align-items:center;gap:14px;color:var(--color-text-muted);font-size:12px}.field-legend span,.prescription-legend span{display:flex;align-items:center;gap:6px}.field-legend i,.prescription-legend i{width:8px;height:8px;background:var(--color-rice)}.field-legend span:nth-child(2) i,.prescription-legend span:nth-child(2) i{background:var(--color-straw)}.prescription-legend span:nth-child(3) i{background:var(--color-warning)}.prescription-legend span:nth-child(4) i{background:var(--color-info)}.field-legend strong{margin-left:auto;color:var(--color-straw);font:700 12px var(--font-data)}.overview-workspace,.monitoring-workspace,.prescription-workspace,.spraying-workspace,.archive-workspace,.system-settings{width:100%;height:100%;overflow:hidden;background:linear-gradient(90deg,var(--color-line) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(var(--color-line) 1px,transparent 1px) 0 0 / 64px 64px,var(--color-canvas)}.overview-workspace{display:grid;grid-template-rows:auto minmax(0,1fr)}.overview-workspace__grid{display:grid;min-height:0;grid-template-columns:.72fr 1.55fr .88fr;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:10px}.overview-workspace__grid>section{padding:14px}.overview-status-board dl{display:grid;gap:8px;margin-top:14px}.overview-status-board dl div{display:grid;gap:6px;border-bottom:1px solid var(--color-line);padding-bottom:8px}.overview-status-board dt{color:var(--color-text-faint);font-size:12px}.overview-status-board dd{margin:0}.overview-field{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.overview-field .field-matrix{align-self:center;justify-self:center}.overview-assets ul{display:grid;gap:8px;margin-top:14px}.overview-assets li{display:grid;gap:4px;border-bottom:1px solid var(--color-line);padding:8px 0}.overview-assets li span{color:var(--color-text-faint);font-size:12px}.overview-assets li strong{color:var(--color-rice);font:700 14px var(--font-data)}.overview-assets li small{color:var(--color-text-muted);font-size:12px}.overview-next-action{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:18px}.overview-next-action>div>p:last-child{margin-top:6px;color:var(--color-text-muted);font-size:12px}.overview-next-action dl{display:flex;flex:none}.overview-next-action dl div{min-width:118px;border-left:1px solid var(--color-line);padding-left:12px}.overview-next-action dt{color:var(--color-text-faint);font-size:12px}.overview-next-action dd{margin:4px 0 0;font:700 12px var(--font-data)}.monitoring-workspace{display:grid;grid-template-rows:auto minmax(0,1fr)}.monitoring-command{display:grid;min-height:76px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid var(--color-line);padding:10px 14px;background:var(--color-canvas-raised)}.monitoring-command.is-alert{border-bottom-color:var(--color-warning);background:linear-gradient(90deg,var(--color-warning-soft),transparent 70%),var(--color-canvas-raised)}.monitoring-command__signal{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--color-rice);color:var(--color-rice);font:700 18px var(--font-data)}.monitoring-command.is-alert .monitoring-command__signal{border-color:var(--color-warning);color:var(--color-warning)}.monitoring-command h2{font-size:18px}.monitoring-command p{margin-top:4px;color:var(--color-text-muted);font-size:12px}.monitoring-workspace__body{display:grid;min-height:0;grid-template-columns:236px minmax(0,1fr) 274px;gap:10px;padding:10px}.sensor-fleet,.sensor-evidence,.monitoring-field{min-height:0;padding:12px;overflow:hidden}.gateway-facts,.sensor-evidence dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.gateway-facts dt,.sensor-evidence dt{color:var(--color-text-faint);font-size:12px}.gateway-facts dd,.sensor-evidence dd{margin:4px 0 0;font:700 12px var(--font-data)}.sensor-fleet h4{display:flex;justify-content:space-between;margin:14px 0 6px;font-size:12px}.sensor-fleet h4 span{color:var(--color-text-faint)}.sensor-fleet ul{display:grid}.sensor-fleet li{display:grid;min-height:44px;grid-template-columns:34px 1fr auto;align-items:center;border-bottom:1px solid var(--color-line)}.sensor-fleet li b{grid-row:1 / 3;color:var(--color-straw);font:700 12px var(--font-data)}.sensor-fleet li span,.sensor-fleet li small{color:var(--color-text-faint);font-size:12px}.sensor-fleet li strong{font:700 12px var(--font-data)}.sensor-fleet li small{text-align:right}.sensor-fleet li.is-alert{margin:0 -8px;border:1px solid var(--color-warning);padding:0 8px;background:var(--color-warning-soft)}.sensor-fleet li.is-alert small{color:var(--color-warning)}.sensor-fleet li.is-handled{margin:0 -8px;border:1px solid var(--color-info);padding:0 8px;background:color-mix(in oklch,var(--color-info) 10%,transparent)}.sensor-fleet li.is-handled small{color:var(--color-info)}.monitoring-field{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.monitoring-field h3 span{margin-left:8px;color:var(--color-text-faint);font:500 12px var(--font-data)}.monitoring-field__canvas{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 56%,#142412,#040903 72%)}.monitoring-field__canvas .field-matrix{width:min(86%,650px)}.drone-route{position:absolute;top:19%;left:17%;width:66%;border-top:1px dashed var(--color-straw);color:var(--color-straw)}.drone-route i{position:absolute;top:-6px;left:52%;width:10px;height:10px;background:var(--color-straw);transform:rotate(45deg)}.drone-route span{position:absolute;top:-22px;left:55%;font:700 12px var(--font-data)}.sensor-evidence{display:grid;grid-template-rows:auto auto minmax(100px,1fr) auto;gap:10px}.sensor-evidence__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sensor-evidence__metrics div{border:1px solid var(--color-line-strong);padding:8px;background:var(--color-surface-muted)}.sensor-evidence__metrics span{color:var(--color-text-faint);font-size:12px}.sensor-evidence__metrics strong{display:block;margin-top:6px;color:var(--color-rice);font:700 20px var(--font-data)}.sensor-evidence__metrics small{margin-left:4px;font-size:12px}.trend-chart{display:flex;min-height:0;align-items:end;gap:4px;border:1px solid var(--color-line);padding:10px;background:repeating-linear-gradient(0deg,transparent 0 24%,var(--color-line) 25%)}.trend-chart span{flex:1;min-height:6px;background:var(--color-info)}.trend-chart.is-alert span:nth-last-child(-n+4){background:var(--color-warning)}.trend-chart.is-handled span:nth-last-child(-n+4){background:var(--color-info)}.monitoring-spatial-legend span:nth-child(1) i{background:#8fbe63}.monitoring-spatial-legend span:nth-child(2) i{background:#e4ad4f}.monitoring-spatial-legend span:nth-child(3) i{background:#9aa29b}.prescription-workspace,.spraying-workspace{display:grid;grid-template-rows:auto minmax(0,1fr)}.prescription-workspace__body{display:grid;min-height:0;grid-template-columns:minmax(0,1.25fr) minmax(260px,.82fr) 284px;gap:10px;padding:10px}.prescription-map,.prescription-table,.prescription-action{min-height:0;padding:12px;overflow:hidden}.prescription-map{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.prescription-map .field-matrix{align-self:center;justify-self:center}.prescription-table{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px}.prescription-table__head,.prescription-table>button{display:grid;grid-template-columns:.75fr .9fr .8fr 1fr;align-items:center;gap:6px}.prescription-table__head{border-bottom:1px solid var(--color-line-strong);padding:8px;color:var(--color-text-faint);font-size:12px}.prescription-table>button{min-height:40px;border:0;border-bottom:1px solid var(--color-line);padding:0 8px;background:transparent;color:var(--color-text-muted);font-size:12px;text-align:left}.prescription-table>button strong{color:var(--color-straw);font:700 12px var(--font-data)}.prescription-table>button small{color:var(--color-text-faint);font-size:12px}.prescription-table>button.is-active{background:var(--color-straw-soft);color:var(--color-text)}.prescription-action{display:flex;flex-direction:column}.prescription-action>h3{margin-top:6px}.prescription-action dl,.operation-action dl{display:grid;margin-top:12px}.prescription-action dl div,.operation-action dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;border-bottom:1px solid var(--color-line);padding:8px 0}.prescription-action dt,.operation-action dt{color:var(--color-text-faint);font-size:12px}.prescription-action dd,.operation-action dd{overflow:hidden;margin:0;font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.prescription-action label{display:grid;gap:6px;margin-top:auto;color:var(--color-text-muted);font-size:12px}.prescription-action input{height:36px;border:1px solid var(--color-line-strong);padding:0 10px;background:var(--color-canvas);color:var(--color-text);font-size:14px;font-weight:700}.prescription-action .system-button{width:100%;margin-top:8px}.spraying-workspace{grid-template-rows:auto minmax(0,1fr) auto}.spraying-workspace__body{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 306px;gap:10px;padding:10px 10px 0}.operation-field,.operation-action{min-height:0;padding:12px;overflow:hidden}.operation-field{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.operation-field__canvas{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,#132411,#040903 72%)}.operation-field__canvas .field-matrix{width:min(82%,670px)}.operation-field__canvas[data-view=top] .field-matrix{transform:none}.operation-field__canvas[data-view=follow] .field-matrix{transform:perspective(720px) rotateX(27deg) rotate(4deg) scale(1.08)}.uav-marker{position:absolute;top:27%;left:44%;display:grid;place-items:center;color:var(--color-straw);font:700 12px var(--font-data)}.uav-marker i{width:14px;height:14px;margin-top:4px;border:4px solid var(--color-straw);transform:rotate(45deg)}.uav-marker.is-paused{color:var(--color-warning)}.uav-marker.is-paused i{border-color:var(--color-warning)}.uav-marker.is-complete{top:68%;left:76%;color:var(--color-rice)}.uav-marker.is-complete i{border-color:var(--color-rice)}.route-line{position:absolute;top:41%;left:18%;width:64%;border-top:2px dashed var(--color-straw);transform:rotate(-8deg)}.operation-action{display:flex;flex-direction:column}.operation-action.is-alert{border-color:var(--color-warning)}.wind-reading{margin-top:12px;border:1px solid var(--color-warning);padding:10px;background:var(--color-warning-soft);color:var(--color-warning);font:700 12px var(--font-data)}.operation-action>p{margin-top:auto;color:var(--color-text-muted);font-size:12px;line-height:1.5}.operation-action>.system-button{width:100%;margin-top:12px}.operation-metrics,.archive-outcomes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:8px 10px 10px;border:1px solid var(--color-line);background:var(--color-canvas-raised)}.operation-metrics div,.archive-outcomes div{border-right:1px solid var(--color-line);padding:8px 12px}.operation-metrics div:last-child,.archive-outcomes div:last-child{border-right:0}.operation-metrics dt,.archive-outcomes dt{color:var(--color-text-faint);font-size:12px}.operation-metrics dd,.archive-outcomes dd{margin:4px 0 0;color:var(--color-text);font:700 18px var(--font-data)}.operation-metrics small,.archive-outcomes small{margin-left:4px;color:var(--color-text-muted);font-size:12px}.archive-workspace{display:grid;grid-template-rows:auto minmax(0,1fr)}.archive-workspace__body{display:grid;min-height:0;grid-template-columns:240px minmax(0,1fr);gap:10px;padding:10px}.archive-history{padding:12px}.archive-history>label{display:grid;gap:6px;margin-top:14px;color:var(--color-text-muted);font-size:12px}.archive-history input{height:36px;border:1px solid var(--color-line-strong);padding:0 10px;background:var(--color-canvas);color:var(--color-text);font-size:12px}.archive-history__record{display:grid;width:calc(100% + 16px);gap:4px;margin:12px -8px 0;border:1px solid var(--color-rice);padding:12px;background:var(--color-rice-soft);color:var(--color-text);text-align:left}.archive-history__record strong{font-size:14px}.archive-history__record span,.archive-history__record small{color:var(--color-text-muted);font:500 12px var(--font-data)}.archive-record{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(150px,1fr) auto auto auto;gap:8px;overflow:hidden}.archive-record__header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,1fr) auto;align-items:center;gap:10px;border:1px solid var(--color-line);padding:10px 12px;background:var(--color-canvas-raised)}.archive-record__header h3{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:16px}.archive-record__header>div:first-child>strong{color:var(--color-straw);font:700 12px var(--font-data)}.archive-record__header>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-record__header>dl div{min-width:0;border-left:1px solid var(--color-line);padding-left:10px}.archive-record__header dt{color:var(--color-text-faint);font-size:12px}.archive-record__header dd{overflow:hidden;margin:4px 0 0;font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.archive-record__actions{display:flex;gap:6px}.archive-record__actions .system-button{min-height:34px;padding:0 10px;font-size:12px}.archive-record__hero{display:grid;min-height:0;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:8px}.archive-field-summary,.archive-scan-result,.archive-qr-pending{min-height:0;border:1px solid var(--color-line);padding:10px;background:var(--color-canvas-raised)}.archive-field-summary{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center}.archive-field-summary .field-matrix{width:min(82%,510px)}.archive-scan-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:8px 12px}.archive-scan-result .system-button{grid-column:1 / -1}.archive-scan-result h4{margin-top:8px;font-size:16px}.archive-scan-result strong{display:block;margin-top:4px;color:var(--color-straw);font-size:14px}.archive-scan-result p,.archive-scan-result small,.archive-qr-pending p{display:block;margin-top:4px;color:var(--color-text-muted);font-size:12px}.archive-qr-pending{display:flex;align-items:center;justify-content:center;gap:14px}.archive-qr-pending span{color:var(--color-rice);font-size:12px}.archive-qr-pending strong{display:block;margin-top:4px;font-size:14px}.archive-qr{display:grid;width:120px;height:120px;flex:none;place-items:center;background:#edecdd;color:var(--color-canvas);font-size:12px}.archive-qr img{width:100%;height:100%}.archive-outcomes{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.archive-stage-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.archive-stage-cards article{display:grid;gap:6px;border:1px solid var(--color-line);padding:8px;background:var(--color-canvas-raised)}.archive-stage-cards span{color:var(--color-rice);font-size:12px}.archive-stage-cards strong{color:var(--color-straw);font-size:12px}.archive-stage-cards small{overflow:hidden;color:var(--color-text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.archive-timeline{border:1px solid var(--color-line);padding:8px 10px;background:var(--color-canvas-raised)}.archive-timeline .panel-heading h3{font-size:14px}.archive-timeline ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px;border-top:1px solid var(--color-line-strong)}.archive-timeline li{position:relative;display:grid;gap:2px;padding-top:8px}.archive-timeline li>span{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--color-rice)}.archive-timeline small{color:var(--color-text-faint);font:500 12px var(--font-data)}.archive-timeline strong{font-size:12px}.system-settings{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.system-settings__grid{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.system-settings__grid>section{padding:14px;overflow:hidden}.settings-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:12px}.settings-fields label:first-child{grid-column:1 / -1}.settings-fields label{display:grid;gap:6px;color:var(--color-text-muted);font-size:12px}.settings-fields strong{display:flex;min-height:36px;align-items:center;border:1px solid var(--color-line-strong);padding:0 10px;background:var(--color-canvas);color:var(--color-text);font-size:14px}.settings-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.settings-mode-options button{display:grid;min-height:56px;gap:4px;border:1px solid var(--color-line);padding:8px;background:var(--color-surface-muted);color:var(--color-text-muted);text-align:left}.settings-mode-options button strong{font-size:14px}.settings-mode-options button span{color:var(--color-text-faint);font-size:12px;line-height:1.35}.settings-mode-options button.is-active{border-color:var(--color-rice);background:var(--color-rice-soft);color:var(--color-text)}.settings-unavailable-reason,.settings-task-lock{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--color-warning);font-size:12px;line-height:1.4}.settings-task-lock{color:var(--color-info)}.settings-service-summary,.settings-runtime-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.settings-service-summary div,.settings-runtime-list div{border-bottom:1px solid var(--color-line);padding-bottom:8px}.settings-service-summary dt,.settings-runtime-list dt{color:var(--color-text-faint);font-size:12px}.settings-service-summary dd,.settings-runtime-list dd{overflow:hidden;margin:4px 0 0;font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.settings-service-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.system-settings__footer{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--color-line);padding:8px 14px;background:var(--color-canvas-raised)}.system-settings__footer>span,.system-settings__footer>div{display:flex;align-items:center;gap:8px}.system-settings__footer>div{margin-right:52px}.system-settings__footer>span{color:var(--color-text-muted);font-size:12px}.diagnosis-workspace{display:grid;width:100%;height:100%;min-height:0;grid-template-rows:54px minmax(0,1fr);overflow:hidden;background:linear-gradient(90deg,var(--color-line) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(var(--color-line) 1px,transparent 1px) 0 0 / 64px 64px,var(--color-canvas)}.diagnosis-workspace__context{display:grid;grid-template-columns:1.12fr 1.28fr 1fr .92fr;border-bottom:1px solid var(--color-line);background:var(--color-surface-muted)}.diagnosis-workspace__context>div{display:grid;min-width:0;align-content:center;gap:4px;border-right:1px solid var(--color-line);padding:0 12px}.diagnosis-workspace__context>div:last-child{border-right:0}.diagnosis-workspace__context span{color:var(--color-text-faint);font-size:12px}.diagnosis-workspace__context strong{overflow:hidden;font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.diagnosis-workspace .direction-c{grid-template-rows:auto minmax(176px,.92fr) minmax(160px,.78fr) auto;gap:8px;padding:8px}.diagnosis-workspace .direction-c__runtime-workspace{gap:8px}.diagnosis-workspace .service-config--summary{min-height:74px}.diagnosis-workspace .service-summary{min-width:0}.diagnosis-workspace .leaf-image-panel,.diagnosis-workspace .ai-result-panel,.diagnosis-workspace .analysis-process{padding:12px}.diagnosis-workspace .leaf-image-panel__preview{min-height:90px}.diagnosis-workspace .evidence-chain{min-height:0}.diagnosis-workspace .workflow-command{min-height:58px}.system-viewport__workspace{position:relative}.prototype-scene-parking{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.overview-field__scene-reserved,.monitoring-field__canvas,.operation-field__canvas,.archive-field-summary__scene-reserved{position:relative;min-width:0;min-height:0;overflow:hidden}.prototype-field-scene{position:absolute;inset:0;z-index:0;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--color-line);background:#0d1510;box-shadow:inset 0 0 0 1px #76a95c14}.prototype-field-scene__host,.prototype-field-scene__canvas{width:100%;height:100%}.prototype-field-scene__canvas{display:block;cursor:grab;outline:none}.prototype-field-scene__canvas:active{cursor:grabbing}.prototype-field-scene__toolbar{position:absolute;z-index:2;top:10px;right:10px;display:flex;gap:6px}.prototype-field-scene__toolbar button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--color-line-strong);background:#080f08f0;color:var(--color-text-muted)}.prototype-field-scene__toolbar button:hover,.prototype-field-scene__toolbar button:focus-visible{border-color:var(--color-straw);color:var(--color-straw)}.prototype-field-scene__caption{position:absolute;z-index:2;right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--color-line-strong);padding:8px 10px;background:#070d06db;pointer-events:none}.prototype-field-scene__caption strong{color:var(--color-text);font-size:14px}.prototype-field-scene__caption span{overflow:hidden;color:var(--color-straw);font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.prototype-field-scene__failure{position:absolute;inset:10px;display:grid;place-items:center;border:1px solid var(--color-danger);padding:16px;background:var(--color-canvas-raised);color:var(--color-danger);font-size:14px;text-align:center}@container (max-width: 1320px){.system-viewport{grid-template:"nav topbar" 58px "nav rail" 40px "nav workspace" minmax(0,1fr) / 80px minmax(0,1fr)}.system-nav__brand{height:84px}.system-nav__brand:before{width:52px;height:52px}.system-nav__brand img{width:44px;height:44px}.system-nav li button b{font-size:12px}.system-nav__data-time{height:54px}.system-topbar{gap:10px;padding:0 14px}.system-topbar__identity>p,.system-topbar__identity span,.system-topbar__time span{display:none}.system-topbar__identity h1{font-size:18px}.system-topbar__status-list .status-tag{padding:0 6px;font-size:12px}.business-rail{gap:10px;padding:0 14px}.business-rail li b{font-size:12px}.business-rail li i{margin:0 6px}.workspace-header{min-height:68px;padding:8px 12px}.workspace-header h2{font-size:18px}.overview-workspace__grid,.monitoring-workspace__body,.prescription-workspace__body,.spraying-workspace__body,.archive-workspace__body{gap:8px;padding:8px}.monitoring-workspace__body{grid-template-columns:200px minmax(0,1fr) 244px}.prescription-workspace__body{grid-template-columns:minmax(0,1.15fr) minmax(230px,.78fr) 252px}.spraying-workspace__body{grid-template-columns:minmax(0,1fr) 280px}.archive-workspace__body{grid-template-columns:210px minmax(0,1fr)}.diagnosis-workspace .direction-c{grid-template-rows:auto minmax(156px,.92fr) minmax(146px,.78fr) auto;gap:6px;padding:6px}.diagnosis-workspace .direction-c__runtime-workspace{grid-template-columns:minmax(166px,.7fr) minmax(220px,1fr) minmax(230px,1.15fr);gap:6px}.diagnosis-workspace .service-config--summary{padding:8px 10px}}@container (max-width: 1060px){.system-viewport{grid-template:"nav topbar" 54px "nav rail" 36px "nav workspace" minmax(0,1fr) / 68px minmax(0,1fr)}.system-nav__brand{height:70px}.system-nav__brand:before{width:44px;height:44px}.system-nav__brand img{width:38px;height:38px}.system-nav li button{gap:2px}.system-nav li button b{font-size:12px}.system-nav__data-time,.system-topbar__time,.system-topbar__status-list .status-tag:first-child,.business-rail__label,.business-rail__actions button:first-child,.system-topbar__settings span,.business-rail li span{display:none}.business-rail li b{margin-left:0;font-size:12px}.workspace-header{min-height:62px}.workspace-header>div:first-child>p:last-child,.workspace-object-summary small{display:none}.workspace-object-summary{min-width:170px;padding:6px 8px}.overview-workspace__grid{grid-template-columns:.85fr 1.45fr;grid-template-rows:minmax(0,1fr)}.overview-assets,.overview-next-action{display:none}.monitoring-command{min-height:62px;grid-template-columns:auto minmax(0,1fr) auto}.monitoring-command>.status-tag{display:none}.monitoring-workspace__body{grid-template-columns:170px minmax(0,1fr)}.sensor-evidence{display:none}.prescription-workspace__body{grid-template-columns:minmax(0,1fr) 230px}.prescription-table{display:none}.spraying-workspace{grid-template-rows:auto minmax(0,1fr) auto}.spraying-workspace__body{grid-template-columns:minmax(0,1fr) 238px}.operation-metrics div:nth-child(2),.operation-metrics div:nth-child(3){display:none}.operation-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-workspace__body{grid-template-columns:minmax(0,1fr)}.archive-history,.archive-stage-cards,.archive-timeline{display:none}.archive-record{grid-template-rows:auto minmax(0,1fr) auto}.archive-record__header{grid-template-columns:minmax(190px,1fr) auto}.archive-record__header>dl{display:none}.archive-record__hero{grid-template-columns:minmax(0,1fr) minmax(210px,.75fr)}.diagnosis-workspace{grid-template-rows:46px minmax(0,1fr)}.diagnosis-workspace__context{grid-template-columns:1fr 1fr}.diagnosis-workspace__context>div:nth-child(2),.diagnosis-workspace__context>div:nth-child(3){display:none}.diagnosis-workspace .direction-c{grid-template-rows:auto minmax(150px,1fr) minmax(130px,.75fr) auto}.diagnosis-workspace .direction-c__runtime-workspace{grid-template-columns:minmax(150px,.72fr) minmax(190px,1fr) minmax(200px,1.08fr)}.diagnosis-workspace .service-summary div:nth-child(3){display:none}.diagnosis-workspace .service-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.system-settings__grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.system-settings__identity,.system-settings__runtime{display:none}}@media (max-width: 820px),(max-height: 620px){.prototype-stage__viewport{padding:8px}.walkthrough-controller{gap:8px;padding:10px}.walkthrough-controller__current{padding:8px}.walkthrough-controller__current p:nth-of-type(2),.walkthrough-controller__engine small{display:none}}
