:root{--border: #d9dce1;--muted: #6b7280;--accent: #2f6fb3;--error: #c0392b;--warning: #b7791f;--notice: #2f6fb3;--panel: #ffffff;--background: #f7f8fa;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,system-ui,sans-serif;font-size:14px;color:#1f2937}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--background)}.application{display:grid;height:100%;grid-template-columns:260px minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr) minmax(110px,22%);grid-template-areas:"header header header" "left main right" "footer footer footer"}header{grid-area:header;display:flex;align-items:center;gap:16px;padding:8px 16px;background:#1f2a37;color:#fff}header h1{font-size:16px;margin:0;font-weight:600}header .connection:before{content:"●";margin-right:4px}header .connection.open:before{color:#34d399}header .connection.connecting:before,header .connection.closed:before{color:#fbbf24}header .release{margin-left:auto;color:#cbd5e1;font-size:12px}aside{background:var(--panel);overflow:auto;padding:12px}aside.left{grid-area:left;border-right:1px solid var(--border)}aside.right{grid-area:right;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:16px}h2{font-size:15px;margin:0 0 8px}h3{font-size:13px;color:var(--muted);margin:12px 0 4px}h3 .count{font-weight:400}.search{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:4px}.cabinet-type-list ul{list-style:none;margin:0;padding:0}.cabinet-type-list li button{width:100%;text-align:left;border:none;background:none;padding:6px 8px;border-radius:4px;cursor:pointer;font:inherit;color:inherit}.cabinet-type-list li button:hover{background:#eef2f7}.cabinet-type-list li button.selected{background:var(--accent);color:#fff}main{grid-area:main;display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:14px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar .cabinet-name{font-weight:600}.toolbar .nominal{color:var(--muted)}.toolbar .spacer{flex:1}.toolbar label{display:flex;align-items:center;gap:4px;cursor:pointer}button{font:inherit;padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:8px 12px;width:100%}button:disabled{opacity:.6;cursor:default}button.link{border:none;background:none;color:var(--accent);padding:0;margin-left:8px;font-size:12px}.view{position:relative;flex:1;min-height:0;overflow:hidden}.view canvas{display:block}.view-badge{position:absolute;top:8px;right:8px;background:#1f2a37cc;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.legend{position:absolute;left:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px 10px;max-width:70%;background:#ffffffd9;padding:4px 8px;border-radius:4px;font-size:12px}.legend i{display:inline-block;width:10px;height:10px;margin-right:4px;border:1px solid #0003;vertical-align:-1px}.view-help{position:absolute;right:8px;bottom:8px;color:var(--muted);font-size:12px}.panel-title{display:flex;align-items:baseline;justify-content:space-between}fieldset{border:1px solid var(--border);border-radius:6px;margin:0 0 12px;padding:8px 10px}legend{color:var(--muted);font-size:12px;padding:0 4px}.parameter{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 8px;margin:6px 0}.parameter-hint{grid-column:2;color:var(--muted);font-size:12px}.parameter .unit{color:var(--muted);font-size:12px}.number-field{display:flex;flex-direction:column;gap:2px}.number-field input[type=number],.parameter select{width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font:inherit}.export .hint{color:var(--muted);font-size:12px;margin:6px 0 0}.error-text{color:var(--error)}.ok-text{color:#15803d}footer{grid-area:footer;background:var(--panel);border-top:1px solid var(--border);display:flex;flex-direction:column;min-height:0}footer .summary{display:flex;gap:12px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}footer .summary .count.error{color:var(--error)}footer .summary .count.warning{color:var(--warning)}footer .summary .count.notice{color:var(--notice)}footer .summary .divider{color:var(--border)}footer .summary .timing{color:var(--muted);margin-left:auto}.issue-list{overflow:auto;padding:4px 12px}.issue{display:flex;gap:10px;align-items:baseline;padding:3px 0;border-bottom:1px dashed #eceef1;flex-wrap:wrap}.issue .severity{font-weight:600;min-width:56px}.issue.error .severity{color:var(--error)}.issue.warning .severity{color:var(--warning)}.issue.notice .severity{color:var(--notice)}.issue code,.issue .path{color:var(--muted);font-size:12px}.issue .detail{width:100%;color:var(--muted);font-size:12px;padding-left:66px}.empty{color:var(--muted)}@media(max-width:900px){.application{grid-template-columns:1fr;grid-template-rows:auto auto 60vh auto auto;grid-template-areas:"header" "left" "main" "right" "footer";height:auto}aside.left{max-height:30vh}}