:root{--bg: #f4f5f7;--panel: #ffffff;--border: #d8dce3;--text: #1d2330;--muted: #6b7484;--accent: #1f6feb;--ok: #1a7f4b;--bad: #c2261a;font-family:Segoe UI,Helvetica Neue,system-ui,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:baseline;gap:12px;padding:10px 16px;background:#1d2330;color:#fff}.app-header h1{font-size:17px;margin:0;font-weight:600}.subtitle{color:#9aa4b5;font-size:12px}.engine-tag{margin-left:auto;font-size:11px;color:#9aa4b5;border:1px solid #3a4354;border-radius:10px;padding:2px 8px}.banner{padding:8px 16px;font-size:13px;display:flex;justify-content:space-between;gap:12px}.banner-error{background:#fdecea;color:var(--bad);border-bottom:1px solid #f3c2bd}.banner-info{background:#e8f2ff;color:#14538f;border-bottom:1px solid #c2dbf7}.layout{display:grid;grid-template-columns:330px minmax(0,1fr) 300px;gap:12px;padding:12px;flex:1;min-height:0}.control-column,.side-panel{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:10px}.side-panel,.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px}.panel h2,.side-panel h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field{margin-bottom:10px}.field-disabled{opacity:.5}.field label{display:block;margin-bottom:4px;font-size:13px}.field-header{display:flex;justify-content:space-between;align-items:center}.field-value{display:flex;align-items:center;gap:4px}.field-value input{width:74px;text-align:right}.unit{color:var(--muted);font-size:12px;width:26px}input[type=number],select{padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:#fff;font:inherit;color:inherit}select{width:100%}input[type=range]{width:100%;margin-top:2px}button{padding:6px 10px;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer}button.secondary{background:#fff;color:var(--text);border-color:var(--border)}button:disabled{opacity:.45;cursor:not-allowed}button.link{background:none;border:none;color:inherit;text-decoration:underline;padding:0;font-size:12px}.button-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.button-row button{flex:1;white-space:nowrap}.summary{margin:0;display:grid;gap:3px}.summary>div{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.summary dt{color:var(--muted)}.summary dd{margin:0;font-variant-numeric:tabular-nums;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{color:var(--muted);font-size:12px;margin:4px 0 0;line-height:1.45}.readout{background:#f0f2f5;border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:12.5px;margin-bottom:6px;font-variant-numeric:tabular-nums}.readout-warning{color:var(--bad)}.alert{border-radius:4px;padding:6px 8px;font-size:12.5px;margin-bottom:6px}.alert-ok{background:#e8f6ee;color:var(--ok)}.alert-error{background:#fdecea;color:var(--bad);font-weight:600}.pending{font-size:11px;color:var(--accent);text-transform:none;letter-spacing:0}.confirm-box{border:1px solid var(--accent);border-radius:4px;padding:10px;margin-top:8px;background:#f7faff}.confirm-box.confirm-danger{border-color:var(--bad);background:#fff6f5}.confirm-box h3{margin:0 0 6px;font-size:13px}.summary-list{margin:0 0 8px;padding-left:18px;font-size:12.5px}.good{color:var(--ok)}.bad{color:var(--bad);font-weight:600}.poscar-preview{margin:8px 0 0;padding:8px;background:#1d2330;color:#d7dde8;border-radius:4px;font-size:11px;line-height:1.35;max-height:260px;overflow:auto;white-space:pre}.viewer-column{display:flex;flex-direction:column;gap:8px;min-height:0}.viewer-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px}.viewer-toolbar button{background:#fff;color:var(--text);border-color:var(--border)}.toggle{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted)}.toggle select{width:auto}.viewer-frame{position:relative;flex:1;min-height:340px;border:1px solid var(--border);border-radius:6px;background:var(--panel);overflow:hidden}.viewer-canvas{position:absolute;inset:0}.viewer-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none}.viewer-hint{margin:0}.coord-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.coord-table th,.coord-table td{text-align:right;padding:2px 4px;border-bottom:1px solid var(--border)}.coord-table th:first-child,.coord-table td:first-child{text-align:left}.coord-table .anchor-row{background:#fdf0fb;font-weight:600}@media(max-width:1200px){.layout{grid-template-columns:300px minmax(0,1fr)}.side-panel{grid-column:1 / -1}}