.b23{color-scheme:light;--b23-navy:#101d35;--b23-ink:#182338;--b23-blue:#1766b5;--b23-sky:#e9f5ff;--b23-paper:#f6f9fd;--b23-line:#cad8e7;--b23-green:#165d40;--b23-red:#922d31}
.b23,.b23 *,.b23 *::before,.b23 *::after{box-sizing:border-box}
body.b23{margin:0;background:var(--b23-paper);color:var(--b23-ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
.b23 a{color:#104e99}.b23 a:hover{text-decoration-thickness:2px}.b23 button,.b23 input,.b23 select,.b23 textarea{font:inherit}.b23 button{cursor:pointer}.b23 button:disabled{opacity:.5;cursor:not-allowed}
.b23 :focus-visible{outline:3px solid #fbad39;outline-offset:3px}.b23-skip{position:absolute;top:-7rem;left:1rem;padding:.7rem;background:white;z-index:50}.b23-skip:focus{top:.5rem}
.b23-wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.b23-hero{background:linear-gradient(115deg,#101d35,#174976);color:white;padding:1rem 0 3.6rem}.b23-hero a{color:#e3f6ff}.b23-nav{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center;border-bottom:1px solid #52728e;padding:.55rem 0 1rem}.b23-brand{font-weight:800;letter-spacing:.2px;text-decoration:none}.b23-hero h1{font-size:clamp(1.8rem,4.2vw,3.3rem);line-height:1.18;max-width:950px;margin:2.4rem 0 1rem}.b23-hero p{max-width:780px;font-size:1.1rem;margin:0;color:#e5f0fa}.b23-kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#abdaff}
.b23-main{padding:1.75rem 0 3.5rem}.b23-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.35rem;align-items:start}.b23-panel{border:1px solid var(--b23-line);border-radius:18px;background:white;padding:1.4rem;box-shadow:0 8px 28px rgba(18,40,75,.045);margin-bottom:1.25rem}.b23-grid>*{min-width:0}.b23-panel{min-width:0}.b23-panel h2{line-height:1.2;margin:0 0 .6rem;font-size:1.35rem}.b23-panel h3{font-size:1.05rem;line-height:1.3}.b23-panel p{margin:.4rem 0 1rem}.b23-hint{color:#4b6076;font-size:.92rem}.b23-label{display:block;font-weight:650;margin:.85rem 0 .3rem}.b23-input,.b23-select,.b23-textarea{width:100%;background:white;border:1px solid #829bb8;border-radius:10px;padding:.7rem;min-height:44px;color:var(--b23-ink)}.b23-textarea{min-height:105px;resize:vertical}.b23-input[type=file]{padding:.45rem}.b23-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.b23-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.b23-btn{display:inline-flex;border:1px solid #155692;border-radius:9px;padding:.65rem .9rem;text-align:center;text-decoration:none;font-weight:650;color:white!important;background:var(--b23-blue);align-items:center;justify-content:center;line-height:1.3;min-height:44px}.b23-btn--light{background:#eef6ff;color:#114c85!important}.b23-btn--quiet{background:white;color:#315370!important;border-color:#b1c7dc}.b23-btn--danger{background:white;color:var(--b23-red)!important;border-color:#e1a4ab}.b23-status{border-left:4px solid #2475b7;background:#edf6ff;border-radius:5px;padding:.7rem .85rem;margin-top:1rem;min-height:3rem;font-size:.92rem}.b23-status[data-kind="error"]{border-color:var(--b23-red);background:#fff2f2}.b23-status[data-kind="ok"]{border-color:var(--b23-green);background:#eaf9f0}.b23-warning{padding:1rem;border-left:4px solid #bd7330;background:#fff7e8;border-radius:9px;margin:1rem 0}.b23-warning p:last-child{margin:0}
.b23-canvas-frame{border-radius:14px;border:1px dashed #93afcb;background:#e7edf6;padding:.8rem;overflow:auto;min-height:170px}.b23-canvas-frame canvas{display:block;width:100%;height:auto;max-width:100%;touch-action:manipulation;background:#fff;border-radius:6px}.b23-markers{list-style:none;padding:0;margin:.7rem 0}.b23-markers li{display:flex;gap:.6rem;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e3ebf1;padding:.6rem 0;overflow-wrap:anywhere}.b23-markers button{flex-shrink:0}.b23-tag{display:inline-block;background:#e7f3fe;border-radius:6px;padding:0 .45rem;color:#175a9a;font-size:.82rem;font-weight:750;margin-right:.5rem}
.b23-upload-zone{border:2px dashed #95b6d7;border-radius:14px;padding:1rem;background:#f2f9ff;transition:background .15s}.b23-upload-zone.b23-drag{background:#dff0ff;border-color:#1562a6}
.b23-table-scroll{width:100%;max-width:100%;overflow-x:auto}.b23-table{border-collapse:collapse;width:100%;font-size:.91rem;min-width:600px}.b23-table th{background:#edf4fb;text-align:left}.b23-table th,.b23-table td{padding:.7rem .5rem;border-bottom:1px solid #dbe6f0;vertical-align:top}.b23-quality-summary{font-weight:700;display:flex;gap:1rem;flex-wrap:wrap;padding:.7rem 0}.b23-table td:first-child{overflow-wrap:anywhere;max-width:300px}.b23-chip{display:inline-block;border-radius:9px;background:#e7f8ee;color:#115635;padding:.12rem .45rem;font-size:.8rem;font-weight:700}.b23-chip--warn{background:#fff0dc;color:#915012}.b23-chip--bad{background:#ffe6e6;color:#912c33}
.b23-before-after{position:relative;background:#dce7f0;border-radius:12px;overflow:hidden;aspect-ratio:16/9;border:1px solid #9db6cc}.b23-before-after img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;display:block}.b23-after-layer{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.b23-after-layer img{width:100%;height:100%;object-fit:cover}.b23-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px #133956;pointer-events:none}.b23-before-after .b23-compare-label{position:absolute;top:.65rem;z-index:2;line-height:1.25;font-weight:800;font-size:.8rem;color:#fff;text-shadow:0 1px 4px #071526;background:#102641b3;border-radius:6px;padding:.3rem .45rem}.b23-compare-label--before{right:.6rem}.b23-compare-label--after{left:.6rem}.b23-range{width:100%;accent-color:#1766b5;margin-top:.65rem}.b23-aside-list{list-style:none;margin:0;padding:0}.b23-aside-list li{border-bottom:1px solid #dce8f3;padding:.75rem 0}.b23-footer{background:#0d1c30;color:#e1eaf6;padding:1.7rem 0}.b23-footer a{color:#addcff}.b23-footer p{margin:.5rem 0}
.b23-hub{max-width:1120px;margin:1.4rem auto;padding:1.2rem;background:linear-gradient(140deg,#edf6fe,#fff);border:1px solid #99c3e5;border-radius:16px;color:#1a344c}.b23-hub h2{font:700 1.4rem/1.2 system-ui;margin:0 0 .5rem}.b23-hub p{font:400 1rem/1.6 system-ui;margin:0 0 1rem}.b23-hub-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.b23-hub-links a{padding:.85rem;background:#fff;border:1px solid #c9dff0;border-radius:10px;color:#0c4d82;font:bold .96rem/1.4 system-ui;text-decoration:none}.b23-hub-links small{display:block;color:#536d82;font:400 .84rem/1.45 system-ui;margin-top:.25rem}
@media(max-width:830px){.b23-grid{grid-template-columns:minmax(0,1fr)}.b23-wrap{width:min(100% - 26px,690px)}.b23-hero{padding-bottom:2.1rem}.b23-hero h1{margin-top:1.4rem}.b23-panel{padding:1rem}.b23-hub-links{grid-template-columns:1fr}.b23-hub{margin:1rem 10px}.b23-nav{gap:.7rem}.b23-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.b23{scroll-behavior:auto}}