.sc-extra{border:1px solid #c5d7df;padding:12px;border-radius:7px}.sc-extra summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center}.sc-extra[open] .sc-fields{margin-top:12px}.sc-status[data-state=success]{background:#dff2e9;border-left:4px solid #00735b;padding:16px}.sc-status[data-state=error]{background:#fff0ed;border-left:4px solid #a63932;padding:16px}.sc-dialog{border-radius:14px}.sc-close{width:44px;height:44px}
.diagram-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0 20px}.diagram-enlarge{border:1px solid #8baebd;color:#18485d;background:#fff;padding:10px 14px;min-height:44px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.83rem}.diagram-enlarge:hover{background:#e2f2f1}.image-dialog{width:calc(100% - 28px);max-width:1500px;max-height:94dvh;padding:20px;border:1px solid #90b6c5;border-radius:12px;background:#edf4f7;color:#183d50}.image-dialog::backdrop{background:#000d;backdrop-filter:blur(4px)}.image-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.image-dialog-head h2{font-size:1.1rem;margin:0}.image-dialog button{min-width:44px;min-height:44px;border:1px solid #a1beca;background:white;color:#123c51;border-radius:6px;cursor:pointer;padding:9px 12px}.image-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.image-viewport{max-height:70dvh;overflow:auto;overscroll-behavior:contain;background:#071522}.image-viewport img{display:block;width:100%;max-width:none;height:auto}.image-dialog .image-help{font-size:.8rem;margin:10px 0 0;color:#496474}.image-dialog :focus-visible{outline:3px solid #008581;outline-offset:3px}.home-page .diagram-link img{content-visibility:auto}.home-page button,.home-page .button{min-height:44px}a,button{-webkit-tap-highlight-color:transparent}
@media(max-width:560px){.image-dialog{padding:12px}.image-viewport{max-height:68dvh}.image-dialog-head h2{font-size:.95rem}.image-controls button{flex:1}.sc-extra .sc-fields{gap:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-page::before,.home-page::after{transform:none!important;translate:none!important}}