.mug-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;text-align:left}
.mug-actions .mug-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ceddef;border-radius:8px;padding:10px 13px;background:#fff;color:#195d9f;font:600 13px/1.35 Arial,sans-serif;text-decoration:none;cursor:pointer;min-height:40px}
.mug-actions .mug-action:hover{background:#eef5fe;border-color:#70a7e5}
.mug-actions .mug-action:focus-visible,.mug-dialog button:focus-visible,.mug-dialog input:focus-visible{outline:3px solid #448bdf;outline-offset:3px}
.mug-dialog{box-sizing:border-box;width:min(1120px,94vw);max-width:1120px;max-height:94vh;padding:0;border:1px solid #dbe6f3;border-radius:18px;background:#fff;color:#19354d;box-shadow:0 22px 80px #0c213d55;margin:auto;overflow:auto;font:15px/1.5 Arial,sans-serif}
.mug-dialog::backdrop{background:rgba(12,28,47,.72)}
.mug-dialog [hidden]{display:none!important}
.mug-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 14px}
.mug-head h2{font:700 23px/1.25 Arial,sans-serif;margin:0 0 6px;color:#19354d;letter-spacing:0}
.mug-caption{margin:0;color:#587087;font:400 14px/1.4 Arial,sans-serif}
.mug-close{background:#eef3f9;border:0;color:#19354d;border-radius:50%;width:40px;height:40px;flex:0 0 40px;font:400 30px/36px Arial,sans-serif;cursor:pointer}
.mug-stage{height:min(56vh,570px);min-height:260px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f8fc;touch-action:pan-y;isolation:isolate}
.mug-stage.mug-can-pan{cursor:grab;touch-action:none}
.mug-stage.mug-can-pan:active{cursor:grabbing}
.mug-dialog .mug-photo{flex:none;max-width:none!important;max-height:none!important;object-fit:contain;transform-origin:50% 50%;user-select:none;pointer-events:none;position:relative;margin:0;padding:0;border:0}
.mug-diagram{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.mug-diagram svg{display:block;width:100%;height:100%;max-width:960px;font-family:Arial,sans-serif}
.mug-message{position:absolute;z-index:1;left:20px;right:20px;text-align:center;color:#526a81;pointer-events:none}
.mug-message:empty{display:none}
.mug-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;flex-wrap:wrap;border-top:1px solid #e0e9f3}
.mug-toolbar button{border:1px solid #cbdcf0;border-radius:7px;background:#fff;color:#215d98;min-height:38px;min-width:40px;padding:6px 12px;font:600 14px/1.3 Arial,sans-serif;cursor:pointer}
.mug-count{min-width:45px;text-align:center;font-size:14px}
.mug-zoom-label{display:flex;align-items:center;gap:10px;margin:0 8px;font:400 14px/1.3 Arial,sans-serif}
.mug-range{width:170px;accent-color:#2377cf}
.mug-toolbar output{min-width:44px;font:400 14px/1.3 Arial,sans-serif;padding:0;color:#19354d}
.mug-help{font:400 13px/1.45 Arial,sans-serif;color:#5c7186;padding:0 24px 16px;margin:0}
@media(max-width:600px){.mug-dialog{width:96vw;max-height:96vh;border-radius:12px}.mug-head{padding:15px 14px 12px;gap:8px}.mug-head h2{font-size:20px}.mug-caption{font-size:12px}.mug-stage{height:49vh;min-height:220px}.mug-toolbar{gap:8px;padding:12px 10px}.mug-zoom-label{order:2;flex:1 0 100%;justify-content:center}.mug-range{width:145px}.mug-help{padding:0 14px 14px;font-size:12px}.mug-actions{gap:6px}.mug-actions .mug-action{font-size:12px;padding:9px 11px}}
.mug-inline-caption{font:400 12px/1.4 Arial,sans-serif;color:#61768a;margin:10px 0 0;text-align:left}
.mug-caption a{color:#1b65b4;text-decoration:underline}
.mug-head>div{flex:1;min-width:0;text-align:left}
.mug-head h2{text-align:left}