*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--border: 1px solid #bbb;--border-dark: 1px solid #333;--sidebar-width: 280px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--gap: 10px;--radius: 3px}html,body{height:100%;background:#fff;color:#000;font-family:var(--font);font-size:13px}#app{display:flex;height:100vh;overflow:hidden;position:relative}aside#sidebar{width:var(--sidebar-width);min-width:200px;max-width:480px;border-right:var(--border-dark);display:flex;flex-direction:column;overflow:hidden;background:#fff;flex-shrink:0;resize:horizontal}#sidebar-header{padding:var(--gap);border-bottom:var(--border);display:flex;flex-direction:column;gap:6px}.app-title{font-weight:700;font-size:15px;letter-spacing:.04em;font-family:var(--mono)}#toolbar-buttons{display:flex;gap:4px;flex-wrap:wrap}button{font-family:var(--font);font-size:12px;padding:4px 8px;border:var(--border-dark);background:#fff;color:#000;cursor:pointer;border-radius:var(--radius);white-space:nowrap}button:hover{background:#000;color:#fff}button:active{opacity:.7}#file-info{padding:var(--gap);border-bottom:var(--border);flex-shrink:0}.section-label{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:#444}#file-info-content{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:3px;font-family:var(--mono);font-size:11px}.info-key{color:#555}.info-val{color:#000;font-weight:500;word-break:break-all}#topic-browser{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:var(--gap) var(--gap) 0}#topic-search{font-family:var(--font);font-size:12px;padding:4px 6px;border:var(--border);border-radius:var(--radius);width:100%;margin-bottom:6px;outline:none}#topic-search:focus{border-color:#000}#topic-list{overflow-y:auto;flex:1;padding-bottom:var(--gap)}.topic-item{margin-bottom:2px}.topic-header{display:flex;align-items:center;gap:4px;cursor:pointer;padding:3px 4px;border-radius:var(--radius);-webkit-user-select:none;user-select:none}.topic-header:hover{background:#f0f0f0}.topic-toggle{font-family:var(--mono);font-size:10px;color:#666;width:14px;flex-shrink:0}.topic-name{font-family:var(--mono);font-size:11px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-count{font-size:10px;color:#888;font-family:var(--mono)}.field-list{padding-left:18px;display:none}.field-list.open{display:block}.field-item{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:var(--radius);cursor:pointer}.field-item:hover{background:#f0f0f0}.field-name{font-family:var(--mono);font-size:11px;flex:1;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-add-field{font-size:13px;padding:0 4px;border:none;background:transparent;color:#666;cursor:pointer;line-height:1;border-radius:2px;flex-shrink:0}.btn-add-field:hover{background:#000;color:#fff}#empty-state,#loading-state,#error-state{padding:20px var(--gap);color:#666;font-size:12px;line-height:1.5}#error-state{color:#c00}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #bbb;border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}#loading-state{display:flex;align-items:center}.hidden{display:none!important}main#main{flex:1;overflow-y:auto;padding:var(--gap);background:#fafafa}.hint{color:#999;font-size:12px;padding:20px;text-align:center}.plot-card{border:var(--border);background:#fff;margin-bottom:var(--gap);border-radius:var(--radius);overflow:hidden}.plot-card-header{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:var(--border);background:#f8f8f8}.plot-title{flex:1;font-family:var(--mono);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plot-card-controls{display:flex;gap:3px;flex-shrink:0}.plot-btn{font-size:13px;padding:1px 5px;border:var(--border);background:#fff;color:#444;cursor:pointer;border-radius:2px;line-height:1.4}.plot-btn:hover{background:#000;color:#fff;border-color:#000}.plot-body{padding:4px}.plot-body.collapsed{display:none}.plot-chart{width:100%;min-height:200px}.plot-add-series{padding:4px 8px 6px;display:flex;align-items:center;gap:6px;border-top:var(--border);font-size:11px;color:#666}.plot-series-list{padding:0 8px 4px;display:flex;flex-wrap:wrap;gap:4px}.series-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;padding:1px 5px;border:var(--border);border-radius:2px;background:#f5f5f5}.series-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.series-tag-remove{cursor:pointer;color:#888;font-size:12px;line-height:1}.series-tag-remove:hover{color:#000}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffeb;border:3px dashed #000;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-message{font-size:28px;font-weight:700;letter-spacing:.05em;color:#000}.btn-move-up,.btn-move-down{font-size:11px}