.threephase-page .tp-main{min-width:0}.tp-intro{margin-bottom:12px}.tp-intro p{max-width:900px}.tp-workbench{border:1px solid var(--border);border-radius:12px;background:#fff;height:570px;display:flex;flex-direction:column;overflow:hidden}.tp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.tp-toolbar button{border:1px solid var(--border);border-radius:8px;background:#f6f4ef;padding:7px 12px;cursor:pointer}.tp-toolbar button:first-of-type{background:#f5e5d8}.tp-toolbar label{display:flex;align-items:center;gap:6px}.tp-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:0;flex:1}.tp-observation{display:grid;grid-template-rows:minmax(0,1fr) auto 140px;min-width:0;padding:10px;gap:6px}.tp-diagrams{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;min-height:0}.tp-diagrams figure{display:flex;flex-direction:column;min-width:0;min-height:0}.tp-diagrams svg{flex:1;width:100%;min-height:0}.tp-observation figcaption{font-size:13px;font-weight:700;padding:3px}.tp-values{display:flex;flex-wrap:wrap;gap:5px 14px;background:#eef5ef;border-radius:6px;padding:8px;font-size:13px}.tp-values span{white-space:nowrap}.tp-terminal{min-height:0;display:flex;flex-direction:column}.tp-terminal svg{height:100%;width:100%;min-height:0}.tp-parameters{border-left:1px solid var(--border);padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}.tp-parameters label,.tp-plate-controls label{display:flex;flex-direction:column;gap:4px;font-size:14px}.tp-parameters select{width:100%}.tp-investigate{display:grid;gap:8px}.tp-parameters p{font-size:12px}.tp-task{padding:10px;background:#eaf2fb;border-radius:8px}.tp-knowledge,.tp-nameplate{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff}.tp-knowledge p,.tp-nameplate p{margin:8px 0}.tp-plate-controls{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.tp-given{padding:12px;background:#f3f1ec;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px 22px}.tp-result{margin:10px 0;padding:12px;background:#eef5ef;border-radius:8px}.tp-result p{color:#273238}.tp-nameplate details{margin-top:10px}.tp-workbench:fullscreen{height:100dvh;border-radius:0}.tp-workbench:fullscreen .tp-task{display:none}.tp-workbench:fullscreen .tp-observation{grid-template-rows:minmax(0,1fr) auto 160px}@media (max-height:820px) and (min-width:700px){.tp-workbench{height:calc(100dvh - 205px);min-height:410px}.tp-observation{grid-template-rows:minmax(0,1fr) auto 115px}.tp-intro p{font-size:14px}}@media (max-width:700px){.threephase-page .tp-main{min-width:0}.tp-intro p{font-size:13px}.tp-workbench{height:620px;max-height:calc(100dvh - 140px);min-height:500px}.tp-toolbar{gap:5px;padding:6px;font-size:12px}.tp-toolbar strong{display:none}.tp-toolbar button{padding:6px;font-size:12px}.tp-toolbar select{font-size:12px;max-width:112px}.tp-body{grid-template-columns:minmax(0,1fr) 126px}.tp-parameters{padding:6px;gap:8px}.tp-parameters label{font-size:12px}.tp-parameters select{font-size:11px;padding:4px}.tp-parameters p{font-size:11px}.tp-task{display:none}.tp-diagrams{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:3px}.tp-observation{padding:4px;grid-template-rows:minmax(0,1fr) auto 96px}.tp-observation figcaption{font-size:10px}.tp-values{font-size:10px;gap:4px;padding:5px}.tp-knowledge,.tp-nameplate{padding:12px}.tp-workbench:fullscreen{max-height:none;min-height:0}.tp-workbench:fullscreen .tp-observation{grid-template-rows:minmax(0,1fr) auto 110px}}.tp-observation{min-height:0}.tp-diagrams figure svg{height:100%;object-fit:contain}.tp-terminal svg{flex:1;height:0;min-height:0}@media (max-width:700px){.tp-body{grid-template-rows:minmax(0,1fr) auto 145px 88px}.tp-observation,.tp-diagrams{display:contents}.tp-diagrams figure:first-child{grid-column:1;grid-row:1;padding:4px}.tp-diagrams figure:nth-child(2){grid-column:1/-1;grid-row:3;padding:4px}.tp-parameters{grid-column:2;grid-row:1}.tp-values{grid-column:1/-1;grid-row:2;margin:4px;font-size:12px}.tp-terminal{grid-column:1/-1;grid-row:4;padding:4px}.tp-model{display:none}.tp-observation figcaption{font-size:11px}.tp-workbench:fullscreen .tp-body{grid-template-rows:minmax(0,1fr) auto 180px 110px}}.threephase-page .tp-workbench{height:var(--workbench-available-height,570px);max-height:none;min-height:0}.threephase-page .tp-workbench:fullscreen{height:100dvh}.tp-observation{grid-template-rows:minmax(0,1fr) auto 160px}.tp-workbench:fullscreen .tp-observation{grid-template-rows:minmax(0,1fr) auto 190px}@media (max-width:700px){.tp-body{grid-template-rows:minmax(0,1fr) auto 145px 122px}.tp-workbench:fullscreen .tp-body{grid-template-rows:minmax(0,1fr) auto 180px 150px}}.tp-circuit-detail{max-width:650px;margin:12px auto;padding:14px;background:#f7f6f2;border:1px solid var(--border);border-radius:10px}.tp-circuit-detail figcaption{font-weight:700;font-size:14px}.tp-circuit-detail svg{width:100%;height:240px}@media (max-width:700px){.tp-body{grid-template-rows:minmax(0,1fr) auto 145px 142px}.tp-workbench:fullscreen .tp-body{grid-template-rows:minmax(0,1fr) auto 180px 170px}.tp-circuit-detail svg{height:250px}}@media (min-width:701px){.tp-observation,.tp-workbench:fullscreen .tp-observation{grid-template-rows:minmax(0,1fr) auto clamp(160px,24vh,260px)}}@media (max-width:700px){.tp-intro p{display:none}.tp-body{grid-template-rows:minmax(0,1fr) auto 210px 170px}.tp-workbench:fullscreen .tp-body{grid-template-rows:minmax(0,1fr) auto 210px 170px}}@media (max-width:700px){.tp-body,.tp-workbench:fullscreen .tp-body{grid-template-rows:minmax(0,1fr) auto 190px 195px}}