[hidden]{display:none!important}.anatomic-heart .heading .pill{background:#e5f2ed}.anatomic-heart .heading .pill:after{content:' · Anatomiya'}.heart-options{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.heart-options button{font-size:11px}.heart-options>button[aria-pressed=true]{background:#dff2ec;border-color:#77b4a3;color:#127e6c}.heart-viewport{height:530px;position:relative;background:radial-gradient(ellipse at 50% 47%,#fff 0%,#edf3f2 75%);border:1px solid #dbe5e4;border-radius:14px;overflow:hidden}.heart-viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.heart-viewport canvas:active{cursor:grabbing}.heart-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:1;font-size:10px;color:#7c9395}.heart-badge{background:white;border:1px solid #e2eae6;padding:8px 11px;border-radius:5px;color:#447c6f}.heart-tools{position:absolute;bottom:40px;right:17px;display:flex;gap:4px}.heart-tools button{padding:8px 12px}.heart-hint{position:absolute;bottom:16px;left:18px;font-size:10px;color:#789190;pointer-events:none}.heart-axis{position:absolute;left:18px;bottom:47px;font-size:9px;color:#91a4a1;max-width:140px;line-height:1.6;pointer-events:none}#heart-loading{position:absolute;inset:0;display:grid;place-items:center;color:#617c77;font-size:13px;background:#f0f6f3eb;padding:30px;text-align:center}#heart-pin{position:absolute;pointer-events:none;background:#126e5e;color:white;font-size:10px;display:grid;place-items:center;border:2px solid white;border-radius:50%;width:25px;height:25px;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.heart-explain{display:flex;align-items:center;gap:15px;margin:16px 0;background:#fff;border:1px solid #e1e9e7;border-radius:10px;padding:18px}.heart-step{border-radius:8px;background:#e7f4ef;min-width:37px;height:37px;display:grid;place-items:center;color:#278570;font-size:12px}.heart-explain h3{font-size:15px;margin:0 0 6px}.heart-explain p{font-size:12px;line-height:1.8;color:#79908c;margin:0}.heart-explain>div{flex:1}.heart-explain button{font-size:10px;max-width:110px;flex-shrink:0}.heart-parts{display:flex;gap:7px;flex-wrap:wrap}.part{font-size:10px;border-color:#e1e7e5;padding:8px 10px;display:flex;align-items:center;gap:7px}.part.active{background:#e3f3ec;border-color:#7cbaaa;color:#176c5c}.part i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;color:white;font-style:normal;font-size:9px}.heart-credits{font-size:9px;color:#8ba09c;line-height:1.8;margin-top:18px}.heart-credits a{color:#588c7e}button:disabled{opacity:.45;cursor:default}.patient.anatomic-heart .heart-viewport{height:58vh}.patient.anatomic-heart .heart-explain p{font-size:15px;color:#4b6962}.patient.anatomic-heart .heart-parts .part{font-size:12px}.patient.anatomic-heart main{max-width:1300px;width:100%;margin:auto}@media(min-width:1500px){.heart-viewport{height:58vh}}@media(max-width:700px){.heart-viewport{height:430px}.heart-options{flex-wrap:wrap}.heart-options .seg{flex:1}.heart-options .seg button{padding:9px}.heart-explain{padding:13px;gap:10px;flex-wrap:wrap}.heart-explain button{margin-left:47px}.heart-top{left:10px;right:10px;font-size:9px}.heart-badge{padding:6px}.heart-hint{font-size:9px;max-width:85%}}

.heart-cut-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e6f0eb;border-radius:8px;margin-bottom:12px;font-size:11px;color:#416d60}.heart-cut-controls input{flex:1;accent-color:#287e69}.heart-cut-controls span{max-width:210px;font-size:10px;line-height:1.5}.heart-viewport{background:radial-gradient(ellipse at 50% 40%,#fffaf1,#d7e3df 95%)}