:root{--bg: #f6f7f9;--panel: #ffffff;--panel-2: #f0f2f5;--border: #d6dbe1;--text: #1c2127;--muted: #5f6b7c;--brand: #2d72d2;--brand-hover: #215db0;--accent: #c87619;--success: #238551;--danger: #cd4246;--shadow: 0 1px 2px rgba(17, 20, 24, .08), 0 0 0 1px rgba(17, 20, 24, .04);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}button{font:inherit;cursor:pointer;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:7px 14px;box-shadow:0 1px 1px #1114180f;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:var(--panel-2);border-color:#b9c1cb}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--brand-hover)}input[type=range]{width:100%;accent-color:var(--brand)}select.field,input.field{width:100%;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:6px 8px;font-size:13px}select.field:focus,input.field:focus{outline:2px solid rgba(45,114,210,.35);outline-offset:-1px}select.field{cursor:pointer}input.field.num{width:70px;text-align:right}.field-row{display:flex;align-items:center;gap:8px;font-size:13px}.fld-label{display:block;font-size:11px;color:var(--muted);margin:8px 0 3px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;height:52px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #1114180f;flex-shrink:0;z-index:2}.logo{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.04em}.logo .brand-logo{height:26px;width:auto;display:block}.logo .mark{width:26px;height:26px;border-radius:5px;background:linear-gradient(135deg,var(--brand),#1a4f96);display:grid;place-items:center;color:#fff;font-size:14px}.spacer{flex:1}.body{display:flex;flex:1;min-height:0}.sidebar{width:300px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.viewport{flex:1;position:relative;min-width:0;background:#e9edf2}.viewport canvas{display:block}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin:18px 0 8px}.section-title:first-child{margin-top:0}.stat-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.stat-row .k{color:var(--muted)}.stat-row .v{font-variant-numeric:tabular-nums}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f6f7f9a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.overlay .card{background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #11141826;padding:28px 36px;text-align:center;max-width:420px}.spinner{width:34px;height:34px;margin:0 auto 14px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.press-loader{display:block;margin:0 auto 18px;overflow:visible}.press-loader .pl-die{fill:var(--accent)}.press-loader .pl-flange{fill:#7e92ab;transform-box:view-box;transform-origin:80px 78px}.press-loader .pl-punch{fill:var(--brand);transform-box:view-box;transform-origin:80px 50px;animation:pl-stroke 2.1s ease-in-out infinite}.press-loader .pl-sheet{transform-box:view-box;transform-origin:80px 78px;animation:pl-sink 2.1s ease-in-out infinite}.press-loader .pl-flange-l{animation:pl-fold-l 2.1s ease-in-out infinite}.press-loader .pl-flange-r{animation:pl-fold-r 2.1s ease-in-out infinite}@keyframes pl-stroke{0%,12%{transform:translateY(-30px)}47%,54%{transform:translateY(5px)}88%,to{transform:translateY(-30px)}}@keyframes pl-sink{0%,20%{transform:translateY(0)}47%,54%{transform:translateY(5px)}80%,to{transform:translateY(0)}}@keyframes pl-fold-l{0%,20%{transform:rotate(0)}47%,54%{transform:rotate(31deg)}80%,to{transform:rotate(0)}}@keyframes pl-fold-r{0%,20%{transform:rotate(0)}47%,54%{transform:rotate(-31deg)}80%,to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.press-loader .pl-punch,.press-loader .pl-sheet,.press-loader .pl-flange-l,.press-loader .pl-flange-r{animation:none}}.err{color:var(--danger);font-size:13px;font-weight:600}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:var(--muted);text-align:center}.drop-hint .big{font-size:17px;color:var(--text);margin-bottom:6px}.timeline{position:absolute;left:50%;transform:translate(-50%);bottom:18px;width:min(560px,80%);background:#ffffffeb;border:1px solid var(--border);border-radius:6px;padding:12px 16px;box-shadow:0 4px 16px #1114181f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timeline .labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px}.timeline .controls{display:flex;align-items:center;gap:12px}.timeline .controls .play{width:38px;height:38px;flex-shrink:0;padding:0;border-radius:50%;background:var(--brand);border-color:var(--brand);color:#fff;font-size:15px;display:grid;place-items:center}.timeline .controls .play:hover:not(:disabled){background:var(--brand-hover)}.badge{font-size:11px;padding:2px 7px;border-radius:3px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bend-item{display:flex;align-items:center;gap:10px;padding:8px 9px;margin-bottom:6px;border-radius:4px;background:var(--panel);border:1px solid var(--border);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s}.bend-item:hover{border-color:#b9c1cb;box-shadow:0 1px 3px #11141814}.bend-item.active{border-color:var(--brand);background:#f0f6ff;box-shadow:0 0 0 1px var(--brand)}.bend-item .step-no{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--brand);color:#fff}.bend-item:not(.active) .step-no{background:#dce1e8;color:var(--muted)}.bend-meta{flex:1;min-width:0}.bend-title{font-size:13px;color:var(--text);display:flex;align-items:center}.feas-dot{width:7px;height:7px;border-radius:50%;margin-left:7px}.bend-sub{font-size:11px;color:var(--muted)}.bend-arrows{display:flex;flex-direction:column;gap:2px}.bend-arrows button{padding:0;width:22px;height:16px;line-height:1;font-size:11px;border-radius:3px;background:var(--panel-2);box-shadow:none}