:root{color:#172033;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #ffffff;--surface-soft: #f8fafc;--line: #e2e7ef;--line-strong: #c9d2df;--text: #172033;--muted: #65738a;--primary: #2457d6;--teal: #0f766e;--amber: #d78300;--rose: #d96b70;--danger: #b42318}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fbfcff,#f3f5f9)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:18px}.workspace{display:grid;grid-template-columns:minmax(280px,330px) minmax(520px,1fr) minmax(280px,340px);gap:14px;align-items:start;max-width:1480px;margin:0 auto}.panel,.graph-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.panel{padding:18px}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}h1,h2,h3{margin:0;font-weight:650;letter-spacing:0}h1{font-size:20px}h2{font-size:17px}h3{color:var(--muted);font-size:12px;text-transform:uppercase}.field{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid var(--line-strong);border-radius:6px;color:var(--text);background:var(--surface-soft);padding:11px 12px;outline:none}input::placeholder,textarea::placeholder{color:#9aa7b8}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#627089 50%),linear-gradient(135deg,#627089 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}textarea{min-height:190px;resize:vertical;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2457d61f}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.domain-field{margin-top:16px}.graph-panel{overflow:hidden;background:#fbfcff}svg{display:block;width:100%;height:auto;touch-action:none}.plot-bg{fill:#fbfcff}.grid-line{stroke:#e8edf4;stroke-width:1}.axis-line{stroke:#303b4f;stroke-width:1.8}.axis-label,.axis-name,.point-label,.objective-label{fill:#526176;font-size:12px;-webkit-user-select:none;user-select:none}.axis-name{font-size:16px;font-weight:650}.feasible-region{fill:#f59e0b3d;stroke:var(--amber);stroke-width:2}.constraint-line{stroke:var(--rose);stroke-width:1.3;stroke-dasharray:6 6}.objective-line{stroke:var(--teal);stroke-width:3.5;cursor:grab}.objective-line-group:active .objective-line{cursor:grabbing}.vertex-dot{fill:var(--primary);stroke:#fff;stroke-width:2}.optimum-dot{fill:var(--danger);stroke:#fff;stroke-width:2}.integer-dot{fill:#fff;stroke:var(--teal);stroke-width:2.5}.integer-optimum-dot{fill:var(--teal);stroke:#fff;stroke-width:2.5}.graph-note{border-top:1px solid var(--line);padding:10px 14px;color:#674500;background:#fff8e6;font-size:14px}.result-panel{display:grid;gap:14px}.status{border-radius:6px;padding:12px;background:var(--surface-soft);line-height:1.5}.status.success{color:#123f39;background:#e9f7f4;border:1px solid #bee3dd}.status.warning{color:#7a4e00;background:#fff4cf}.status.error{color:#8a1f11;background:#fdeceb}.status-label{display:block;color:#4d665f;font-size:12px;font-weight:700;text-transform:uppercase}.status-value{display:block;color:#0f3d37;font-size:32px;line-height:1.15;margin-top:2px}.status-detail{color:#35524c;font-size:14px;margin-top:4px}.result-block{display:grid;gap:8px}.live-block{border:1px solid #dbe5f0;border-radius:6px;background:#f8fbff;padding:12px}.live-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.live-metric{border:1px solid #e5ebf3;border-radius:6px;background:#fff;padding:9px 10px}.live-metric span{display:block;color:var(--muted);font-size:12px;font-weight:700}.live-metric strong{display:block;color:var(--text);font-size:16px;margin-top:3px}.live-note{margin:2px 0 0;color:#43536a;font-size:14px;line-height:1.5}.compact-list{display:grid;gap:6px;margin:0;padding-left:0;color:#36445a;font-size:14px;list-style:none}.compact-list li{border-bottom:1px solid #eef2f6;padding:0 0 6px}.muted{margin:0;color:#66748a;font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #eef2f6;padding:8px 4px;text-align:left}th{color:var(--muted);font-size:12px;font-weight:700}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.app-shell{padding:12px}}@media(max-width:480px){.domain-grid,.live-metrics{grid-template-columns:1fr}.status-value{font-size:28px}}