: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:13px}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 11px/1.2 var(--font-data);letter-spacing:.1em}.button{min-height:40px;border:1px solid var(--color-line-strong);padding:0 15px;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}}.prototype-app{display:grid;width:100vw;height:100vh;grid-template-columns:92px minmax(0,1fr);background-color:var(--color-canvas);background-image:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:72px 72px}.primary-nav{display:grid;min-height:0;grid-template-rows:74px minmax(0,1fr) 62px;border-right:1px solid var(--color-line);background:var(--color-canvas-raised)}.primary-nav__mark{display:grid;place-items:center;border-bottom:1px solid var(--color-line);color:var(--color-rice);font-size:26px;font-weight:700}.primary-nav__items{display:grid;min-height:0;grid-template-rows:repeat(7,1fr)}.primary-nav__items span{display:grid;place-items:center;gap:4px;border-bottom:1px solid var(--color-line);color:var(--color-text-muted);font-size:13px;text-align:center}.primary-nav__items b{color:var(--color-text-faint);font:600 11px var(--font-data)}.primary-nav__items span.is-active{position:relative;background:var(--color-rice-soft);color:var(--color-text);font-weight:700}.primary-nav__items span.is-active:after{position:absolute;top:50%;right:0;width:3px;height:34px;background:var(--color-rice);content:"";transform:translateY(-50%)}.primary-nav>small{display:grid;place-items:center;color:var(--color-text-faint);font:600 11px/1.55 var(--font-data);text-align:center}.prototype-app__content{display:grid;min-width:0;min-height:0;grid-template-rows:68px 56px minmax(0,1fr)}.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-raised)}.topbar>div:first-child{display:flex;min-width:0;align-items:baseline;gap:16px}.topbar h1{font-size:22px}.topbar p{overflow:hidden;color:var(--color-text-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.topbar__status{display:flex;flex:none;align-items:center;gap:8px}.diagnosis-context{display:grid;min-width:0;grid-template-columns:1.15fr 1.15fr 1.15fr 1fr;align-items:center;border-bottom:1px solid var(--color-line);background:var(--color-surface-muted)}.diagnosis-context>div{display:grid;min-width:0;gap:3px;border-right:1px solid var(--color-line);padding:0 18px}.diagnosis-context span{color:var(--color-text-faint);font-size:11px}.diagnosis-context strong{overflow:hidden;font:700 14px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.diagnosis-context__step strong{color:var(--color-rice);font-family:var(--font-ui)}.prototype-stage{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) 326px;gap:10px;padding:10px;overflow:hidden}.status-tag{display:inline-flex;min-height:28px;align-items:center;gap:7px;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:7px;height:7px;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:17px}.mode-selector>header>span{color:var(--color-text-muted);font-size:13px}.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 11px;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:13px}.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:11px 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:5px;color:var(--color-text-muted);font-size:13px;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:11px;color:var(--color-rice);font-size:12px}.fallback-toggle{display:flex;min-height:34px;align-items:center;gap:9px;color:var(--color-text-muted);font-size:13px;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:3px;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:11px 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:11px}.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:7px 10px;background:var(--color-warning-soft);color:var(--color-text-muted);font-size:13px}.service-config__fallback strong{margin-right:8px;color:var(--color-straw)}.leaf-image-panel,.ai-result-panel,.analysis-process{display:grid;gap:10px;padding:13px;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:7px;padding:18px;color:var(--color-text-muted);font-size:13px;text-align:center}.leaf-image-panel__empty b{color:var(--color-text);font-size:15px}.leaf-image-panel dl,.ai-result-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 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:11px}.leaf-image-panel dd,.ai-result-panel dd{overflow:hidden;margin-top:3px;color:var(--color-text-muted);font:700 12px var(--font-data);text-overflow:ellipsis;white-space:nowrap}.analysis-process{grid-template-rows:auto 5px 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:7px}.analysis-process li{display:grid;min-height:46px;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;border:1px solid var(--color-line);padding:0 9px;color:var(--color-text-faint)}.analysis-process li span,.analysis-process li b{font:700 11px var(--font-data)}.analysis-process li strong{color:var(--color-text-muted);font-size:13px}.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:9px}.analysis-process__runtime>span{color:var(--color-text-faint);font-size:11px}.analysis-process__runtime>strong{overflow:hidden;color:var(--color-text-muted);font-size:13px;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:9px}.ai-result-panel__candidate{display:grid;grid-template-columns:1fr auto;gap:5px 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:9px 11px;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:11px;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:13px;line-height:1.5}.ai-result-panel__empty{display:grid;place-content:center;gap:7px;border:1px dashed var(--color-line-strong);color:var(--color-text-muted);font-size:13px;text-align:center}.ai-result-panel__empty strong{color:var(--color-text);font-size:15px}.evidence-chain{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px 13px;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:7px}.evidence-chain__flow article{position:relative;display:grid;min-width:0;align-content:start;gap:6px;border:1px solid var(--color-line);padding:9px 10px;background:var(--color-surface-muted)}.evidence-chain__flow article:after{position:absolute;top:25px;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 11px var(--font-data)}.evidence-chain__index b{border:1px solid var(--color-line);padding:2px 5px;color:var(--color-text-faint);font-size:11px}.evidence-chain__flow article>span{color:var(--color-rice);font-size:13px;font-weight:700}.evidence-chain__flow h4{font-size:15px}.evidence-chain__flow article>strong{min-height:39px;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 11px 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:15px;overflow:hidden}.step-guide>header{border-bottom:1px solid var(--color-line);padding-bottom:10px}.step-guide h2{margin-top:5px;font-size:20px}.step-guide>header p{margin-top:5px;color:var(--color-text-muted);font-size:13px}.scenario-selector h3{margin-bottom:7px;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:3px;border:1px solid var(--color-line);padding:7px 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:13px}.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 11px var(--font-data);letter-spacing:.06em}.step-guide__detail h3{margin:7px 0;font-size:16px}.step-guide__detail p{color:var(--color-text-muted);font-size:13px;line-height:1.55}.step-guide footer{display:grid;gap:7px}.step-guide footer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.step-guide__reset{min-height:30px;border:0;background:transparent;color:var(--color-text-faint);font-size:14px;text-decoration:underline;text-underline-offset:3px}.workflow-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 13px}.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:15px}.workflow-command>div>p{grid-column:1 / -1;color:var(--color-text-muted);font-size:13px}.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:13px;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}@media (max-width: 1500px),(max-height: 820px){.prototype-app{grid-template-columns:80px minmax(0,1fr);background-size:56px 56px}.primary-nav{grid-template-rows:58px minmax(0,1fr) 50px}.primary-nav__mark{font-size:22px}.primary-nav__items span{font-size:13px}.primary-nav__items b,.primary-nav>small{font-size:11px}.prototype-app__content{grid-template-rows:58px 50px minmax(0,1fr)}.topbar{gap:12px;padding:0 14px}.topbar>div:first-child{gap:11px}.topbar h1{font-size:20px}.topbar p{font-size:13px}.topbar .eyebrow,.topbar__status .status-tag:first-child{display:none}.topbar__status{gap:5px}.diagnosis-context{grid-template-columns:1.05fr 1.25fr 1.15fr 1fr}.diagnosis-context>div{padding:0 11px}.diagnosis-context strong{font-size:14px}.prototype-stage{grid-template-columns:minmax(0,1fr) 270px;gap:8px;padding:8px}.direction-c,.direction-c__service-zone,.direction-c__runtime-workspace{gap:7px}.direction-c{grid-template-rows:auto minmax(184px,.92fr) minmax(174px,.86fr) auto}.direction-c__service-zone{grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)}.direction-c__runtime-workspace{grid-template-columns:minmax(185px,.75fr) minmax(250px,1.04fr) minmax(260px,1.2fr)}.mode-selector,.service-config{padding:10px}.mode-selector>header>span{display:none}.segmented-control{margin-top:8px}.segmented-control button{min-height:50px;padding:6px 8px}.service-config{gap:8px 10px}.service-config__fields{gap:7px}.service-config__fields select,.service-config__credential strong{height:34px}.service-config--summary{padding:8px 10px}.service-config--summary>header{min-width:215px}.service-summary div{padding:0 8px}.service-summary dd{font-size:14px}.service-config__fallback{padding:6px 8px}.leaf-image-panel,.ai-result-panel,.analysis-process,.evidence-chain{gap:7px;padding:9px}.mode-selector h3,.service-config h3,.leaf-image-panel h3,.ai-result-panel h3,.analysis-process h3,.evidence-chain h3{font-size:15px}.analysis-process li{min-height:39px;padding:0 7px}.analysis-process__runtime .status-tag{display:none}.analysis-process__runtime{grid-template-columns:auto minmax(0,1fr)}.ai-result-panel__candidate{padding:7px 9px}.ai-result-panel__candidate strong{font-size:20px}.ai-result-panel__relation{padding:7px 8px}.evidence-chain__flow{gap:5px}.evidence-chain__flow article{gap:4px;padding:7px}.evidence-chain__flow h4{font-size:14px}.evidence-chain__flow article>strong{min-height:37px}.evidence-chain__index b{padding:1px 4px}.workflow-command{gap:10px;padding:8px 10px}.workflow-command>div>p{display:none}.workflow-command .button{min-width:170px}}@media (max-width: 1500px),(max-height: 820px){.step-guide{gap:7px;padding:10px}.step-guide>header{padding-bottom:7px}.step-guide h2{margin-top:3px;font-size:18px}.step-guide>header p{display:none}.scenario-selector h3{margin-bottom:5px}.scenario-selector button{min-height:36px;place-content:center;padding:5px 7px}.scenario-selector button span{display:none}.step-guide__progress li{min-height:31px;grid-template-columns:30px minmax(0,1fr)}.step-guide__progress li b{font-size:13px}.step-guide__detail{padding:9px}.step-guide__detail h3{margin:5px 0;font-size:15px}.step-guide__detail p{font-size:13px;line-height:1.45}.step-guide footer{gap:4px}.step-guide footer .button{min-height:36px;padding:0 8px;font-size:14px}.step-guide__reset{min-height:24px}.workflow-command__conclusion{gap:8px}.workflow-command__conclusion strong{font-size:18px!important}}
