body.reverse-bend-page { --xeon-title-size:clamp(44px,5.3vw,84px); --accent:#2d628a; --pass:#286a54; --pass-bg:#eaf3ef; --warn:#885f24; --warn-bg:#f8f0df; --fail:#a53d3d; --fail-bg:#faeded; --text:#192a3b; --text-muted:#586878; --text-dim:#667887; --border:#d5dde3; --border-md:#becbd6; }
.reverse-bend-page .laser-hero { padding-bottom:36px; }
.rb-hero-head { display:grid; grid-template-columns:1.2fr 1fr; gap:40px; padding-top:34px; align-items:end; }
.rb-hero-head h1 span { display:block; color:#64798c; }
.rb-hero-head p { margin-bottom:22px; }
.rb-checker-section { padding:42px clamp(22px,3vw,52px); }
.rb-checker-section .laser-section-top { margin-bottom:28px; }
.rb-checker-section h2 { font-size:30px; margin-bottom:0; }
.chk { border:1px solid #c5d1dc; background:white; }
.chk-head { padding:19px 22px; background:#f1f5f8; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--border); }
.chk-head h3 { margin:0; font-size:18px; }
.chk-src { font:9px 'IBM Plex Mono',monospace; color:var(--text-muted); text-transform:uppercase; letter-spacing:.04em; }
.u-toggle { display:flex; border:1px solid #bdcbd8; }
.u-toggle button,.seg button { border:0; background:transparent; color:#53697c; padding:12px 16px; min-height:42px; cursor:pointer; font:12px Inter,Arial,sans-serif; }
.u-toggle .active,.seg .active { background:#172e47; color:white; }
.rb-workspace { display:grid; grid-template-columns:300px minmax(0,1fr); }
.rb-inputs { padding:24px 20px; border-right:1px solid var(--border); background:#fafcfd; }
.rb-inputs h3 { font-size:18px; margin:0 0 20px; }
.chk-grid { display:grid; grid-template-columns:1fr 1fr; gap:19px 12px; }
.fld { min-width:0; }
.fld.wide { grid-column:1/-1; }
.fld label,.rb-field-label { display:block; font-size:11px; font-weight:500; line-height:1.5; color:#30475c; margin-bottom:7px; }
.fld :is(input,select) { width:100%; border:1px solid #bac9d5; border-radius:0; background:white; color:#192a3b; min-height:44px; padding:10px; font:12px Inter,Arial,sans-serif; }
.fld select { padding-right:5px; }
.fld :is(input,select):focus { outline:2px solid #6386a5; outline-offset:1px; }
.fld input[aria-invalid="true"] { border-color:#b34646; }
.fld .hint { display:block; font-size:10px; line-height:1.6; color:#687b8b; margin-top:7px; }
.seg { display:flex; border:1px solid #bac9d5; }
.seg button { flex:1; padding:11px 8px; font-size:11px; line-height:1.45; }
.rb-viewer { min-width:0; background:#122436; color:#ecf2f8; display:flex; flex-direction:column; position:relative; }
.rb-view-head { display:flex; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid #ffffff20; }
.rb-view-head h3 { font-size:17px; margin:0; }
.rb-view-head span { font:9px/1.5 'IBM Plex Mono',monospace; text-transform:uppercase; color:#acbed0; }
.rb-canvas { min-height:360px; height:460px; flex:1; position:relative; overflow:hidden; touch-action:none; }
.rb-canvas canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
.rb-view-caption { padding:0 22px 15px; color:#bacbda; font-size:11px; line-height:1.6; }
.rb-view-caption span { display:block; }
.rb-view-toolbar { display:flex; gap:7px; flex-wrap:wrap; padding:15px 18px; border-top:1px solid #ffffff20; }
.rb-view-toolbar button,.rb-play { border:1px solid #5b748b; background:transparent; color:#d9e6f0; min-height:36px; padding:9px 11px; font:10px Inter,Arial,sans-serif; cursor:pointer; }
.rb-view-toolbar button:hover,.rb-play:hover { background:#29445e; }
.rb-view-toolbar button[aria-pressed="true"] { background:#e1edf7; color:#192f45; border-color:#e1edf7; }
.rb-view-control:disabled { opacity:.45; cursor:default; }
.rb-view-toolbar button:focus-visible,.rb-play:focus-visible { outline:2px solid #afd5f5; outline-offset:3px; }
.rb-motion { display:grid; grid-template-columns:auto 1fr; gap:15px; align-items:center; padding:0 18px 18px; }
.rb-motion label { display:block; color:#bccddd; font-size:10px; margin-bottom:9px; }
.rb-motion input { width:100%; accent-color:#adcce4; }
.rb-motion input:focus-visible { outline:2px solid #afd5f5; }
.rb-phase-row { display:flex; justify-content:space-between; gap:10px; font:9px/1.5 'IBM Plex Mono',monospace; color:#a9bdd1; margin-top:5px; }
.rb-invalid { margin:0!important; padding:16px 20px; background:#faeded; color:#9b3434!important; font-size:13px!important; }
.chk.is-invalid .rb-viewer::after { content:'Enter valid dimensions to update the preview.'; position:absolute; inset:70px 0 0; background:#122436e8; display:grid; align-content:center; padding:28px; font-size:16px; line-height:1.6; z-index:2; }
.rb-view-unavailable .rb-canvas { min-height:100px; height:100px; }
.rb-results { padding:24px; border-top:1px solid var(--border); }
.verdict { padding:17px 19px; display:flex; align-items:flex-start; gap:17px; font-size:13px; line-height:1.7; border:1px solid transparent; }
.verdict.pass { background:var(--pass-bg); border-color:#c3dbcf; }
.verdict.tight { background:var(--warn-bg); border-color:#e6d4b2; }
.verdict.fail { background:var(--fail-bg); border-color:#e7bebe; }
.verdict-badge { font:600 10px/1.5 Inter,sans-serif; text-transform:uppercase; letter-spacing:.03em; flex-shrink:0; padding:5px 8px; background:#fff8; }
.pass .verdict-badge { color:var(--pass); }.tight .verdict-badge{color:var(--warn);}.fail .verdict-badge{color:var(--fail);}
.readout { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:25px; }
.ro { border-top:1px solid var(--border); padding-top:18px; }
.ro-key { display:block; font:9px/1.5 'IBM Plex Mono',monospace; text-transform:uppercase; color:#617487; letter-spacing:.04em; }
.ro-val { display:block; font-size:26px; letter-spacing:-.04em; margin:9px 0; }
.ro-sub { font-size:10px; color:#64788a; line-height:1.6; }
.rb-details { margin-top:28px; border-top:1px solid var(--border); }
.rb-details summary { cursor:pointer; font-size:14px; font-weight:500; padding:20px 0; }
.viz-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.viz { min-width:0; background:#f5f8fa; border:1px solid var(--border); padding:15px; }
.viz-title { font:10px/1.6 'IBM Plex Mono',monospace; color:#536b80; margin-bottom:12px; }
.viz svg { width:100%; height:auto; display:block; background:#fff; }
.legend { display:flex; flex-wrap:wrap; gap:8px 15px; font-size:9px; color:#617689; padding-top:13px; }
.legend span { display:flex; align-items:center; gap:6px; }
.legend i { width:9px; height:9px; display:inline-block; }
.rb-table-scroll { width:100%; overflow-x:auto; margin-top:20px; }
.punch-table,.spec-table { width:100%; min-width:620px; border-collapse:collapse; text-align:left; }
.punch-table th,.spec-table th { font:9px/1.5 'IBM Plex Mono',monospace; text-transform:uppercase; color:#607589; border-bottom:1px solid #9bb0c1; padding:14px 12px; }
.punch-table td,.spec-table td { border-bottom:1px solid var(--border); padding:16px 12px; font-size:12px; line-height:1.6; }
.punch-table .num,.spec-table .num { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.punch-table .is-default { background:#f1f6fa; }
.tag-default { margin-left:8px; color:#55768f; font-size:9px; }
.pill { font:10px Inter,sans-serif; padding:5px 8px; display:inline-block; }
.pill.ok { background:var(--pass-bg); color:var(--pass); }.pill.tight{background:var(--warn-bg);color:var(--warn);}.pill.no{background:var(--fail-bg);color:var(--fail);}
.chk-foot { border-top:1px solid var(--border); background:#f5f8fa; padding:19px 24px; font-size:11px; color:#5d7183; line-height:1.7; }
.chk-foot a { color:inherit; }
.rb-prose > p,.rb-prose > ul { max-width:880px; }
.rb-prose h3 { font-size:23px; margin:30px 0 15px; }
.guide-list { padding-left:20px; margin:20px 0 28px; color:var(--laser-muted); }
.guide-list li { padding-left:5px; margin:12px 0; font-size:14px; line-height:1.8; }
.guide-list strong { color:var(--laser-ink); font-weight:500; }
.rb-prose a { color:inherit; }
.guide-callout { border-left:2px solid #7c9cb5; padding:18px 22px; background:#eaf0f5; color:#455e72; font-size:13px; line-height:1.8; margin:28px 0; }
.laser-dark .guide-callout { background:#1b3349; color:#c5d4e1; }
.guide-code { font:12px/1.75 'IBM Plex Mono',monospace; color:#b8cfdf; background:#13273b; padding:26px; overflow-x:auto; white-space:pre; }
.nojs { padding:20px; font-size:13px; line-height:1.6; }
@media(max-width:1200px){.rb-workspace{grid-template-columns:270px minmax(0,1fr);}.rb-inputs{padding:22px 16px;}.chk-head .chk-src{display:none;}.rb-checker-section{padding-left:24px;padding-right:24px;}.readout{gap:15px;}.ro-val{font-size:23px;}}
@media(max-width:1050px){.rb-hero-head{grid-template-columns:1fr;gap:24px;}.rb-hero-head p{max-width:650px;}.rb-workspace{grid-template-columns:1fr;}.rb-inputs{border-right:0;border-bottom:1px solid var(--border);}.chk-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.fld.wide{grid-column:span 2;}.rb-canvas{height:440px;flex:none;}.rb-view-caption{padding-top:12px;}.viz-grid{grid-template-columns:1fr;}}
@media(max-width:700px){body.reverse-bend-page{--xeon-title-size:clamp(38px,9.5vw,60px);}.rb-hero-head{padding-top:26px;}.rb-checker-section{padding:30px 16px;}.rb-checker-section .laser-section-top{display:block;}.rb-checker-section h2{margin-top:15px;font-size:27px;}.chk-head{padding:16px;}.chk-head h3{font-size:15px;}.u-toggle button{padding:11px;}.chk-grid{grid-template-columns:1fr 1fr;gap:18px 12px;}.fld.wide{grid-column:1/-1;}.fld label{font-size:12px;}.fld :is(input,select){font-size:16px;}.rb-canvas{height:350px;min-height:350px;}.rb-view-head{padding:18px 16px;}.rb-view-head span{font-size:8px;}.rb-results{padding:18px 14px;}.verdict{flex-direction:column;gap:9px;padding:15px;}.readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;}.ro-val{font-size:24px;}.chk-foot{padding:18px 16px;}.rb-motion{gap:10px;}.rb-play{font-size:10px;padding:12px 10px;}.rb-view-toolbar{gap:6px;padding:14px;}.rb-view-toolbar button{min-height:40px;}.guide-code{font-size:10px;padding:18px;}.guide-callout{padding:16px;}.viz{padding:10px;}.rb-checker-section .laser-eyebrow{font-size:9px;}}