:root{color:#1f2a37;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f1;font-family:Inter,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:#eef3f1;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.62}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eaf8f4;background:#163831;flex-direction:column;justify-content:space-between;height:100vh;padding:32px 24px 26px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#17342f;background:#94d7c9;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.04em}.brand small{color:#94bdb4;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:11px}.primary-nav{gap:8px;margin-top:52px;display:grid}.nav-link{color:#a8c8c0;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:13px 14px;font-weight:650;transition:all .16s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.router-link-active{color:#fff;background:#94d7c91f;border-color:#94d7c93d}.nav-index{color:#75aa9f;letter-spacing:.08em;font-size:10px;font-weight:800}.environment-note{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding-top:20px;display:flex}.environment-note strong,.environment-note small{display:block}.environment-note strong{letter-spacing:.08em;font-size:11px}.environment-note small{color:#8eb5ac;margin-top:3px;font-size:11px}.status-dot{background:#65d5ad;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #65d5ad1a}.workspace{min-width:0}.topbar{background:#ffffff8a;border-bottom:1px solid #2c5f541f;justify-content:space-between;align-items:center;min-height:88px;padding:18px clamp(28px,5vw,72px);display:flex}.topbar-label{color:#71817c;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:750}.topbar strong{color:#17342f;font-size:14px}.account-panel,.account-copy,.account-copy small{align-items:center;display:flex}.account-panel{gap:16px}.account-copy{flex-direction:column;align-items:flex-end;gap:4px}.account-copy small{color:#71817c;gap:7px;font-size:10px}.role-chip{color:#176d63;letter-spacing:.08em;background:#dcefeb;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:850}.logout-button{color:#176d63;background:#ffffffb8;border:1px solid #a8c9c1;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:750}.logout-button:hover{background:#fff;border-color:#18796e}.text-link{color:#18796e;font-size:13px;font-weight:750}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.page-content{width:min(1180px,100%);margin:0 auto;padding:clamp(46px,7vw,88px) clamp(28px,5vw,72px) 80px}.page-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:40px;display:flex}.page-kicker{color:#18796e;letter-spacing:.14em;margin-bottom:12px;font-size:11px;font-weight:850;display:block}.page-header h1,.login-panel h1{color:#17342f;letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(42px,6vw,72px);line-height:.98}.page-header p,.login-panel>p{color:#61716d;max-width:680px;margin:0;font-size:17px;line-height:1.75}.page-badge{color:#18796e;letter-spacing:.08em;background:#e4f3ef;border:1px solid #aed1c7;border-radius:99px;flex:none;padding:9px 12px;font-size:11px;font-weight:800}.placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.placeholder-card,.empty-state,.login-panel{background:#ffffffc2;border:1px solid #2c5f5424;border-radius:20px;box-shadow:0 18px 52px #234a4212}.placeholder-card{min-height:220px;padding:26px}.card-number{color:#75a49a;letter-spacing:.1em;margin-bottom:50px;font-size:11px;font-weight:850;display:block}.placeholder-card h2,.boundary-banner h2,.empty-state h2{color:#17342f;letter-spacing:-.025em;margin:0 0 10px}.placeholder-card h2{font-size:22px}.placeholder-card p,.empty-state p{color:#687872;margin:0;line-height:1.7}.boundary-banner{color:#f1fbf8;background:#17342f;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:36px;margin-top:16px;padding:30px;display:flex}.boundary-banner .page-kicker{color:#8bd2c5}.boundary-banner h2{color:#f1fbf8;margin-bottom:0;font-size:28px}.boundary-banner p{color:#bad2cc;max-width:470px;margin:0;line-height:1.7}.dashboard-header h1{max-width:760px}.statistics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.statistic-card{background:#fffc;border:1px solid #2c5f5424;border-radius:18px;min-height:184px;padding:20px;display:grid;box-shadow:0 14px 44px #234a420d}.statistic-index{color:#75a49a;letter-spacing:.1em;font-size:10px;font-weight:850}.statistic-card strong{color:#17342f;letter-spacing:-.05em;align-self:end;font-size:clamp(34px,4vw,48px);line-height:1}.statistic-card>span:last-child{color:#61716d;margin-top:8px;font-size:12px;font-weight:750}.demo-entry{color:#eaf8f4;background:#17342f;border-radius:22px;margin-top:18px;padding:clamp(24px,4vw,36px);box-shadow:0 20px 58px #17342f29}.demo-entry-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.demo-entry .page-kicker{color:#8bd2c5}.demo-entry-heading h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px)}.demo-entry-heading p{color:#bad2cc;margin:10px 0 0;line-height:1.65}.demo-entry .page-badge{color:#b7e5dc;background:#94d7c91a;border-color:#94d7c952}.demo-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.demo-action{background:#ffffff0e;border:1px solid #bee1d92e;border-radius:14px;min-height:134px;padding:16px;transition:all .16s;display:grid}.demo-action:hover{background:#94d7c91f;border-color:#94d7c994;transform:translateY(-1px)}.demo-action>span{color:#75aa9f;letter-spacing:.1em;font-size:9px;font-weight:850}.demo-action strong{color:#fff;align-self:end;font-size:14px}.demo-action small{overflow-wrap:anywhere;color:#9fc2ba;margin-top:5px;font-size:10px;line-height:1.4}.dashboard-demo-qr{color:#1f2a37;margin-top:16px;scroll-margin-top:24px}.demo-entry>.state-message{color:#bad2cc;background:#ffffff0f;margin:16px 0 0}.dashboard-empty{margin-top:18px}.empty-state{border-style:dashed;align-items:center;gap:24px;min-height:260px;padding:clamp(28px,5vw,52px);display:flex}.empty-state-mark{color:#18796e;background:#e4f3ef;border-radius:22px;flex:none;place-items:center;width:76px;height:76px;font-size:26px;font-weight:900;display:grid}.empty-state h2{font-size:26px}.device-list,.mechanism-tree-branch,.document-version-list,.artifact-list{margin:0;padding:0;list-style:none}.device-search{background:#ffffffc7;border:1px solid #2c5f5424;border-radius:16px;gap:9px;margin-bottom:20px;padding:18px 20px;display:grid}.device-search label{color:#31524b;letter-spacing:.04em;font-size:12px;font-weight:800}.device-search-control{align-items:center;gap:14px;display:flex}.device-search input{color:#17342f;min-width:0;font:inherit;background:#fff;border:1px solid #2c5f5438;border-radius:11px;flex:1;padding:11px 13px}.device-search input:focus{border-color:#18796e;outline:3px solid #18796e1f}.device-search-control span{color:#71817c;flex:none;font-size:12px;font-weight:700}.device-list{gap:14px;display:grid}.device-card{background:#fffc;border:1px solid #2c5f5424;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr) auto;align-items:center;gap:30px;padding:24px 26px;transition:all .16s;display:grid;box-shadow:0 14px 44px #234a420d}.device-card:hover{border-color:#7eb9ac;transform:translateY(-1px);box-shadow:0 18px 48px #234a4217}.device-code,.version-summary span,.selection-summary span,.version-context span,.document-type{color:#18796e;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:850}.device-card h2{color:#17342f;letter-spacing:-.02em;margin:5px 0 0;font-size:23px}.version-summary strong,.version-summary small{display:block}.version-summary strong{color:#17342f;margin:4px 0;font-size:19px}.version-summary small,.selection-summary small,.version-context small{color:#71817c;line-height:1.5}.card-action,.back-link{color:#18796e;font-size:13px;font-weight:750}.back-link{margin-bottom:28px;display:inline-flex}.back-link:hover{text-underline-offset:4px;text-decoration:underline}.detail-header{margin-bottom:26px}.data-panel{background:#fffc;border:1px solid #2c5f5424;border-radius:18px;min-width:0;padding:24px;box-shadow:0 14px 44px #234a420d}.version-panel{margin-bottom:16px}.section-heading,.section-heading>div,.document-heading,.version-line,.view-card>header,.view-card>header>div{align-items:center;display:flex}.section-heading,.document-heading,.version-line,.view-card>header{justify-content:space-between;gap:18px}.section-heading{margin-bottom:20px}.section-heading>div{gap:10px}.section-heading h2{color:#17342f;margin:0;font-size:20px}.section-step{color:#18796e;background:#e4f3ef;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:850;display:grid}.section-note{color:#71817c;font-size:11px}.version-picker{flex-wrap:wrap;gap:10px;display:flex}.version-button{color:#566762;text-align:left;background:#f7fbfa;border:1px solid #bfd7d1;border-radius:12px;gap:3px;min-width:140px;padding:13px 15px;display:grid}.version-button strong{color:#17342f;font-size:16px}.version-button span,.version-button small{font-size:10px}.version-button.is-selected{color:#eaf8f4;background:#18796e;border-color:#18796e}.version-button.is-selected strong{color:#fff}.version-context{background:#f4f8f7;border-left:3px solid #75aa9f;gap:4px;margin-top:18px;padding:14px 16px;display:grid}.version-context strong,.selection-summary strong{color:#17342f}.browse-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:start;gap:16px;display:grid}.mechanism-tree-branch{gap:7px;display:grid}.mechanism-tree-branch .mechanism-tree-branch{border-left:1px solid #bfd7d1;margin:7px 0 0 20px;padding-left:10px}.mechanism-node{color:#566762;text-align:left;background:#f8fbfa;border:1px solid #d5e2de;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 13px;display:flex}.mechanism-node strong,.mechanism-node small{display:block}.mechanism-node strong{color:#17342f;font-size:13px}.mechanism-node small,.quantity-label{color:#71817c;margin-top:4px;font-size:10px}.mechanism-node.is-selected{background:#e4f3ef;border-color:#18796e}.quantity-label{flex:none}.selection-grid{gap:12px;display:grid}.selection-summary{background:#f4f8f7;border-radius:11px;gap:4px;padding:13px 14px;display:grid}.select-field{color:#566762;gap:7px;font-size:12px;font-weight:750;display:grid}.select-field select{color:#17342f;background:#fff;border:1px solid #bfd7d1;border-radius:10px;width:100%;padding:11px 36px 11px 12px}.inline-state{color:#71817c;gap:6px;min-height:22px;margin:12px 0;font-size:11px;display:grid}.state-message{color:#687872;background:#ffffff94;border:1px dashed #b8d2cb;border-radius:12px;padding:22px;line-height:1.6}.state-message p{margin:0 0 12px}.state-message.is-error,.error-text{color:#9a4039}.secondary-button,.inline-button{color:#18796e;background:#fff;border:1px solid #8dbbb0;border-radius:9px;font-weight:750}.secondary-button{padding:9px 12px}.inline-button{margin-left:6px;padding:3px 7px;font-size:10px}.document-detail{border-top:1px solid #d7e4e0;margin-top:16px;padding-top:18px}.document-heading{align-items:flex-start;margin-bottom:16px}.document-heading h3{color:#17342f;margin:5px 0 0;font-size:18px}.document-heading>span{color:#71817c;font-size:11px}.document-version-list{gap:12px;display:grid}.document-version-list>li{border:1px solid #d7e4e0;border-radius:12px;padding:14px}.version-line>div,.view-card>header>div{align-items:center;gap:8px;display:flex}.version-line time,.document-version-list p,.view-card p,.nested-empty{color:#71817c;font-size:11px;line-height:1.55}.status-chip{color:#18796e;background:#e4f3ef;border-radius:99px;padding:3px 6px;font-size:9px;font-weight:800}.view-list{gap:8px;margin-top:10px;display:grid}.view-card{background:#f4f8f7;border-radius:9px;padding:11px}.view-card>header>div>span{color:#71817c;font-size:10px}.artifact-list{gap:8px;display:grid}.artifact-list>li{background:#fff;border:1px solid #d7e4e0;border-radius:8px;padding:10px}.artifact-list>li>div{gap:3px;display:grid}.artifact-list>li>div span,.artifact-list dl{color:#71817c;font-size:9px}.artifact-list dl{gap:5px;margin:9px 0 0;display:grid}.artifact-list dl>div{grid-template-columns:74px minmax(0,1fr);gap:8px;display:grid}.artifact-list dt{font-weight:750}.artifact-list dd{overflow-wrap:anywhere;margin:0;font-family:Consolas,monospace}.document-viewer-link{width:auto;margin-bottom:14px}.device-location-qr{margin-bottom:16px}.location-qr{background:#fffc;border:1px solid #2c5f5424;border-radius:18px;align-items:center;gap:18px;min-width:0;margin:0;padding:18px;display:flex}.qr-image-frame{background:#fff;flex:none;width:164px;padding:8px}.qr-image{aspect-ratio:1;width:100%;display:block}.location-qr figcaption{gap:8px;min-width:0;display:grid}.qr-fallback-link{overflow-wrap:anywhere;color:#566762;text-underline-offset:3px;font-size:10px;text-decoration:underline}.location-qr p,.viewer-boundary{color:#9a4039;margin:0;font-size:11px;line-height:1.55}.viewer-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:start;gap:16px;display:grid}.viewer-controls,.artifact-choice{gap:12px;display:grid}.artifact-choice>span{color:#566762;font-size:12px;font-weight:750}.artifact-open-button{color:#17342f;text-align:left;background:#fff;border:1px solid #bfd7d1;border-radius:10px;justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.artifact-open-button.is-selected{background:#e4f3ef;border-color:#18796e}.artifact-open-button small{color:#71817c}.pdf-panel{margin-top:16px}.pdf-panel iframe{background:#fff;border:1px solid #2c5f542e;border-radius:14px;width:100%;min-height:70vh;display:block}.login-page{background:radial-gradient(circle at 85% 15%,#94d7c95c,#0000 28%),#eef3f1;grid-template-rows:auto 1fr auto;min-height:100vh;padding:32px clamp(24px,6vw,84px);display:grid}.login-brand{color:#17342f}.login-brand small{color:#71817c}.login-panel{width:min(620px,100%);margin:auto;padding:clamp(34px,6vw,64px)}.login-panel h1{font-size:clamp(40px,7vw,64px)}.login-form{gap:17px;margin-top:30px;display:grid}.login-field{color:#43544f;gap:8px;font-size:12px;font-weight:800;display:grid}.login-field input{color:#17342f;background:#fff;border:1px solid #aecbc4;border-radius:11px;outline:none;width:100%;padding:13px 14px;transition:all .15s}.login-field input:focus{border-color:#18796e;box-shadow:0 0 0 3px #18796e1f}.login-field input:disabled{color:#71817c;background:#eff5f3}.login-error,.login-progress{margin:-3px 0 0;font-size:12px;line-height:1.55}.login-error{color:#9a4039}.login-progress{color:#18796e}.login-submit{cursor:pointer;border:0}.login-submit:disabled{cursor:wait;opacity:.68;transform:none}.login-panel>.session-boundary{color:#71817c;margin-top:18px;font-size:11px;line-height:1.6}.placeholder-block{color:#71817c;background:#f5faf8;border:1px dashed #abc9c2;border-radius:12px;justify-content:space-between;gap:24px;margin:32px 0 20px;padding:18px 20px;font-size:13px;display:flex}.placeholder-block strong{color:#17342f}.primary-link{color:#fff;background:#18796e;border-radius:12px;justify-content:center;width:100%;padding:14px 18px;font-weight:750;transition:all .16s;display:inline-flex}.primary-link:hover{background:#12665d;transform:translateY(-1px)}.login-boundary{color:#71817c;text-align:center;margin:24px 0 0;font-size:12px}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:20px;position:static}.sidebar>div:first-child{justify-content:space-between;align-items:center;gap:24px;display:flex}.primary-nav{margin-top:0;display:flex}.environment-note{display:none}.placeholder-grid{grid-template-columns:1fr}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.placeholder-card{min-height:0}.browse-grid,.viewer-layout{grid-template-columns:1fr}.card-number{margin-bottom:28px}}@media (width<=560px){.sidebar>div:first-child,.page-header,.boundary-banner,.empty-state{flex-direction:column;align-items:flex-start}.sidebar>div:first-child{display:flex}.primary-nav{width:100%}.nav-link{flex:1}.topbar{gap:14px;min-height:76px;padding-left:20px;padding-right:20px}.topbar .text-link,.topbar-label,.account-copy small{display:none}.account-panel{gap:9px}.account-copy{max-width:112px}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.page-content{padding-top:44px}.page-header{margin-bottom:28px}.page-header h1{font-size:42px}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistic-card{min-height:148px}.demo-entry-heading{flex-direction:column;align-items:flex-start}.demo-actions{grid-template-columns:1fr}.demo-action{min-height:112px}.empty-state{gap:18px}.placeholder-block{flex-direction:column;align-items:flex-start;gap:6px}.device-card{grid-template-columns:1fr;gap:14px}.device-search-control{flex-direction:column;align-items:stretch;gap:8px}.card-action{justify-self:start}.section-heading,.document-heading,.version-line,.location-qr{flex-direction:column;align-items:flex-start}}