:root{--bg: #E9E6DB;--panel: #F3F1E8;--panel-border: #CFC8B0;--line: #46403A;--pen: #2E5C74;--pen-accent: #B5622A;--centerline: #8C8570;--accent2: #B8791E;--danger: #B23B30;--ok: #3F7D52;--dim: #746C5C;--text: #211E18;--text-dim: #5B5548;--frame: #9C927A;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}:root[data-theme=dark]{--bg: #0F3057;--panel: #16406F;--panel-border: #2C5A87;--line: #DCE8EF;--pen: #7EC8E3;--pen-accent: #E8935A;--centerline: #7C9BB5;--accent2: #E0A94A;--danger: #E8786C;--ok: #7FCB93;--dim: #8CA9C0;--text: #EEF3F5;--text-dim: #A9C0D2;--frame: #4573A0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .15s ease,color .15s ease}.page{position:relative;min-height:100vh;display:flex;flex-direction:column}.sheet-frame{position:fixed;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--frame);pointer-events:none;z-index:3}.sheet-frame:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--frame);opacity:.5}.zone-marks-x,.zone-marks-y{position:fixed;font-family:var(--mono);font-size:9px;letter-spacing:.05em;color:var(--frame);pointer-events:none;z-index:3}.zone-marks-x{top:13px;left:24px;right:24px;display:flex;justify-content:space-between}.zone-marks-y{top:30px;bottom:24px;left:13px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 900px){.sheet-frame,.zone-marks-x,.zone-marks-y{display:none}}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,currentColor 1px,transparent 1px),linear-gradient(to bottom,currentColor 1px,transparent 1px);background-size:28px 28px;color:var(--panel-border);opacity:.35;pointer-events:none;z-index:0}.header{position:relative;z-index:1;border-bottom:1px solid var(--panel-border)}.header-inner{max-width:1180px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:22px;color:var(--pen-accent)}.brand-name{font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.01em}.header-nav{display:flex;align-items:center;gap:22px;font-size:14px}.header-nav a{color:var(--text-dim);text-decoration:none}.header-nav a:hover,.header-nav a.active{color:var(--pen)}.theme-toggle-btn{font-family:var(--mono);font-size:12px;background:transparent;color:var(--text-dim);border:1px solid var(--panel-border);border-radius:3px;padding:6px 12px;cursor:pointer;letter-spacing:.02em}.theme-toggle-btn:hover{border-color:var(--pen);color:var(--pen)}.theme-toggle-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px}.main{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:44px 32px 70px;width:100%;flex:1}.intro{max-width:680px;margin-bottom:34px}.intro h1{font-family:var(--mono);font-size:27px;line-height:1.3;margin:0 0 14px;font-weight:600;letter-spacing:-.01em}.intro p{color:var(--text-dim);font-size:15px;line-height:1.6;margin:0 0 18px;max-width:60ch}.mode-switch{display:flex;gap:8px}.mode-switch .seg-btn{padding:8px 16px}.identify-workspace{grid-template-columns:1fr 1.6fr}.identify-results{border-top:3px solid var(--pen)}.identify-table th,.identify-table td{text-align:left}.identify-table tr.best-match td{background:var(--bg)}.identify-table td.nom{color:var(--pen);font-weight:700}.use-btn{font-family:var(--mono);font-size:11px;padding:5px 10px;white-space:nowrap;border-color:var(--pen);color:var(--pen)}.use-btn:hover{background:var(--pen);color:var(--bg)}.workspace{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;align-items:start}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:3px;padding:22px}.panel-title{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--pen);margin:0 0 18px;font-weight:500}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field:last-child{margin-bottom:0}.field-label{font-size:13px;color:var(--text-dim)}.field-hint{font-size:12px;color:var(--dim)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.field-row .field{margin-bottom:0}.field select,.field input{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);padding:10px 12px;border-radius:3px;font-family:var(--mono);font-size:14px;outline:none;width:100%}.field select:focus,.field input:focus{border-color:var(--pen)}.segmented{display:flex;flex-direction:column;gap:6px}.seg-btn{text-align:left;background:var(--bg);border:1px solid var(--panel-border);color:var(--text-dim);padding:9px 12px;border-radius:3px;font-family:var(--sans);font-size:13px;cursor:pointer}.seg-btn.active{border-color:var(--pen);color:var(--text);background:var(--panel)}.seg-btn:focus-visible,.field select:focus-visible,.field input:focus-visible{outline:2px solid var(--pen);outline-offset:1px}.diagram-svg{width:100%;height:220px}.diagram-placeholder{height:220px;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:13px;border:1px dashed var(--panel-border);border-radius:3px}.diagram-caption{font-family:var(--mono);font-size:10px;letter-spacing:.05em;fill:var(--text-dim)}.dim-label{font-family:var(--mono);font-size:11px;fill:var(--dim)}.results-panel-full{border-top:3px solid var(--pen);border-top-left-radius:0;border-top-right-radius:0}.results-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:18px}.results-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px;height:fit-content}.results-table th,.results-table td{padding:8px 6px;text-align:right;border-bottom:1px solid var(--panel-border)}.results-table th:first-child,.results-table td:first-child{text-align:left;color:var(--text-dim);font-family:var(--sans)}.results-table th{color:var(--dim);font-weight:500;font-size:11px}.results-table td.nom{color:var(--pen);font-weight:600}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-card{background:var(--bg);border:1px solid var(--panel-border);border-radius:3px;padding:10px;display:flex;flex-direction:column;gap:4px}.result-card-label{font-size:11px;color:var(--dim)}.result-card-value{font-family:var(--mono);font-size:14px;color:var(--pen-accent);font-weight:600}.status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.status-badge{font-family:var(--mono);font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:default;-webkit-user-select:text;user-select:text}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-ok{color:var(--ok)}.status-warning{color:var(--accent2)}.status-danger{color:var(--danger)}.empty-state{color:var(--dim);font-size:13px}.disclaimer{font-size:11px;color:var(--dim);line-height:1.5;margin:0 0 18px;border-top:1px solid var(--panel-border);padding-top:12px}.title-block{width:100%;border-collapse:collapse;font-size:11px;border:1px solid var(--panel-border)}.title-block td{border:1px solid var(--panel-border);padding:6px 10px}.title-block .tb-label{font-family:var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.04em;width:90px;background:var(--bg)}.title-block .tb-value{font-family:var(--mono);color:var(--text)}.footer{position:relative;z-index:1;border-top:1px solid var(--panel-border);padding:20px;text-align:center;color:var(--dim);font-size:12px}@media (max-width: 900px){.workspace,.identify-workspace,.results-grid,.field-row{grid-template-columns:1fr}.result-cards{grid-template-columns:1fr 1fr}.header-inner{flex-wrap:wrap;gap:12px}}