:root{--bg: #070b10;--panel: #111820;--panel-2: #17202b;--line: #2a3848;--line-soft: #263241;--plot-border: #2f3d4e;--text: #eef3f8;--muted: #91a0b2;--accent: #4cc9f0;--accent-2: #ffe66d;--danger: #ff5d73;font-family:Segoe UI,Microsoft YaHei,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:100%;height:100dvh;min-height:0;display:flex;background:radial-gradient(circle at top left,#152232,#070b10 46%);overflow:hidden}.workspace{flex:1;display:flex;min-height:0}.sidebar{width:110px;min-width:110px;padding:10px 8px;border-right:1px solid var(--line);background:#080c11f0;display:flex;flex-direction:column;gap:8px;min-height:0}.sidebar-brand{border:1px solid rgba(76,201,240,.35);border-radius:10px;padding:8px 7px;background:#0c151e}.sidebar-brand-main{font-size:20px;line-height:1;font-weight:800;color:var(--accent-2);letter-spacing:.04em}.sidebar-brand-sub{margin-top:3px;font-size:9px;line-height:1;color:#b7c8db;white-space:nowrap;transform:scale(.92);transform-origin:left center}.side-nav{display:flex;flex-direction:column;gap:8px;min-height:0}.side-tab{border:1px solid var(--line);background:#101821;color:var(--text);border-radius:10px;padding:10px 9px;text-align:left;cursor:pointer}.side-tab.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #4cc9f059;background:#122436}.side-tab-label{display:block;font-weight:700;font-size:14px}.sidebar-actions{margin-top:auto;display:flex;flex-direction:column;gap:7px}.side-action{width:100%;padding:7px 6px;font-size:12px}.main-panel{flex:1;min-width:0;min-height:0;overflow:hidden;padding:10px}.embed-shell .main-panel{padding:10px}.panel{background:#111820f5;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 10px 32px #00000038;min-height:0}.panel-title{font-weight:700;color:var(--accent-2);margin-bottom:9px;letter-spacing:.02em}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.panel-title-row .panel-title{margin-bottom:0}.status-pill{color:#b7c8db;background:#0b131b;border:1px solid var(--line-soft);border-radius:999px;padding:3px 7px;font-size:11px;white-space:nowrap}.primary-button,.ghost-button{border:1px solid var(--line);border-radius:9px;padding:7px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;font-weight:600}.primary-button{background:#168aad;border-color:#4cc9f0;color:#fff}.ghost-button{background:#111b24;color:var(--text)}.ghost-button:hover,.primary-button:hover{filter:brightness(1.12)}.ghost-button.small{padding:5px 9px;font-size:12px;min-height:28px}.ghost-button.selected{border-color:var(--accent);color:var(--accent)}.full{width:100%}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button-stack{display:flex;flex-direction:column;gap:8px}.spaced{margin-bottom:10px}input,select,textarea{background:#081018;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 8px}textarea{width:100%;min-height:0;flex:1;resize:none;font-family:Consolas,Microsoft YaHei,monospace}.hint,.empty-note{color:var(--muted);font-size:12px;line-height:1.5;margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.full-height{height:100%}.simple-page{height:100%;min-height:0;overflow:hidden}.page-panel{height:100%;display:flex;flex-direction:column;overflow:auto}.json-preview{background:#071018;color:#d7e8f7;border:1px solid var(--line);border-radius:10px;padding:12px;flex:1;min-height:0;overflow:auto}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.settings-modal{width:min(620px,92vw);max-height:88vh;background:#101820;border:1px solid var(--accent);border-radius:14px;box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;overflow:hidden}.settings-header,.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.settings-footer{border-top:1px solid var(--line);border-bottom:0}.settings-body{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;overflow:auto}.settings-section-title{grid-column:1 / -1;color:var(--accent-2);font-weight:700;margin-top:4px}.settings-body label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}.inline-setting{flex-direction:row!important;align-items:center;color:var(--text)!important}.osa-page{height:100%;min-height:0;overflow:hidden}.osa-grid{height:100%;min-height:0;display:grid;grid-template-columns:226px minmax(420px,1fr) 260px;grid-template-rows:auto 1fr;gap:10px}.trace-panel{grid-column:1;grid-row:1;overflow:hidden;display:flex;flex-direction:column;gap:8px}.controls-panel{grid-column:1;grid-row:2;overflow:hidden;display:flex;flex-direction:column;gap:8px}.plot-card{grid-column:2;grid-row:1 / span 2;min-height:0;position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--plot-border);background:#000;box-shadow:0 16px 45px #00000047}.metrics-panel{grid-column:3;grid-row:1 / span 2;overflow:hidden;display:flex;flex-direction:column}.plot-area{width:100%;height:100%;min-height:0}.drop-hint{position:absolute;z-index:2;top:48%;left:50%;transform:translate(-50%,-50%);border:1px dashed #4cc9f0;border-radius:16px;padding:20px 26px;background:#000000b3;color:#dff7ff;text-align:center;max-width:360px;pointer-events:none}.compact-actions.split-actions{display:grid;grid-template-columns:1fr 64px;gap:7px;align-items:center}.load-clear-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compact-action{min-height:31px;padding:5px 8px;font-size:12px}.test-action{width:64px}.trace-buttons{display:flex;flex-direction:column;gap:6px;min-height:0}.trace-row{display:grid;grid-template-columns:38px 24px 1fr;gap:6px;align-items:center;border-radius:8px;padding:1px;transition:background .12s ease}.trace-row.warn{animation:trace-warn-blink 1.05s ease-in-out 0s 2}@keyframes trace-warn-blink{0%,to{background:transparent}50%{background:#ff704352}}.trace-button{border:1px solid var(--line);background:#050708;border-radius:8px;padding:6px;font-weight:700;cursor:pointer}.trace-button.active{border-color:var(--accent);box-shadow:0 0 0 1px #4cc9f073}.mini-check{color:var(--muted);font-size:12px;display:flex;justify-content:center}.trace-name{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill.warning{border-color:#ff7043;color:#ffb38f;background:#ff70431f}.view-form{display:flex;flex-direction:column;gap:8px}.view-row{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center;color:var(--muted);font-size:12px}.view-row.unit-row{grid-template-columns:42px 1fr 1fr}.view-row label{display:grid;grid-template-columns:15px 1fr;align-items:center;gap:5px}.view-row select,.range-line input{width:100%;min-width:0;padding:5px 6px;font-size:12px}.range-block{display:flex;flex-direction:column;gap:7px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.range-header{display:grid;grid-template-columns:1fr 54px;align-items:center;color:#dcecff;font-weight:700;font-size:12px}.range-auto{min-height:24px;padding:3px 7px;font-size:11px}.range-line{display:grid;grid-template-columns:14px 1fr 10px 1fr;gap:5px;align-items:center;color:var(--muted);font-size:12px}.range-line b{color:var(--muted);text-align:center;font-weight:400}.view-footnote{color:var(--muted);font-size:11px;border-top:1px solid rgba(255,255,255,.06);padding-top:7px}.analysis-hub-button{margin-bottom:9px;min-height:32px}.metrics-list{min-height:0}.metric{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.metric span{color:var(--muted);font-size:12px}.metric strong{font-family:Consolas,Microsoft YaHei,monospace;font-size:14px;text-align:right;overflow-wrap:anywhere}.metric-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.metric-label input{margin:0}.marker-metric strong{font-size:15px}.cursor-readout{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;flex-direction:column;gap:7px}.cursor-title{color:var(--accent-2);font-weight:700;font-size:13px}.cursor-readout div:not(.cursor-title):not(.cursor-empty){display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.cursor-readout strong{color:var(--text);font-family:Consolas,Microsoft YaHei,monospace}.cursor-empty{color:var(--muted);font-size:12px}.analysis-modal,.export-modal{width:min(920px,92vw);height:min(620px,86vh);background:#101820;border:1px solid var(--accent);border-radius:14px;box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;overflow:hidden}.hub-layout,.export-layout{flex:1;min-height:0;display:grid;grid-template-columns:180px 1fr;gap:0}.hub-nav{border-right:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px}.hub-nav button{background:#111b24;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:left;cursor:default}.hub-nav button.selected{border-color:var(--accent);color:var(--accent)}.hub-content,.export-preview{padding:16px;overflow:auto;color:#c9d7e7;line-height:1.6}.export-controls{border-right:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:9px;overflow:auto}.export-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}.export-controls label:has(input[type=checkbox]){flex-direction:row;align-items:center;color:var(--text)}@media(max-width:1180px){.osa-grid{grid-template-columns:220px minmax(360px,1fr) 248px}.compact-actions.split-actions{grid-template-columns:1fr}.test-action{width:100%}}.paper-mode-note{color:#111;background:#fff}