.roman-page .rr-controls,.roman-page .rr-panel{color:var(--text,#eef6ff);background:var(--surface,#0d1b2b);padding:18px;border-block:1px solid var(--border,#21364d);min-width:0}
.roman-page .rr-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.roman-page .rr-heading strong{display:block;font-size:16px;margin-top:5px}.roman-page .rr-heading time,.roman-page .rr-heading>span{font-size:12px;color:var(--accent-2,#5eead4)}.roman-page .rr-heading h2{font-size:20px;margin:4px 0}
.roman-page .rr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.roman-page .rr-actions button{background:var(--surface-alt,#112338);color:var(--text,#eef6ff);border:1px solid var(--border,#21364d);border-radius:9px;padding:9px 12px;min-height:42px;font-size:13px;cursor:pointer}.roman-page .rr-actions button:hover,.roman-page .rr-actions button[aria-pressed=true]{border-color:var(--accent,#42c4ff);color:var(--accent,#42c4ff)}.roman-page .rr-actions button:disabled{opacity:.45;cursor:wait}.roman-page .rr-actions button:focus-visible,.roman-page #rr-speed:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.roman-page #rr-speed{display:block;width:100%;min-height:34px;accent-color:var(--accent,#42c4ff);cursor:ew-resize;touch-action:pan-y}.roman-page .rr-slider-label{display:block;font-size:12px;color:var(--text-muted,#91a4b9)}.roman-page .rr-scale{display:flex;justify-content:space-between;font-size:12px}.roman-page .rr-controls p,.roman-page .rr-note{font-size:12px!important;color:var(--text-muted,#91a4b9);line-height:1.6;margin:8px 0}.roman-page [data-rr-coverage]{font-size:11px;color:var(--warning,#f2c96d)}
.roman-page .rr-scene{display:block;width:100%;height:auto;max-height:210px}.roman-page .rr-scene text,.roman-page .rr-chart text{fill:var(--text,#eef6ff);font:14px system-ui}.roman-page .rr-scene .rr-svg-small{font-size:12px;fill:var(--text-muted,#91a4b9)}.roman-page .rr-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roman-page .rr-metrics>div{border:1px solid var(--border,#21364d);border-radius:10px;padding:12px;min-width:0}.roman-page .rr-metrics small,.roman-page .rr-metrics span{display:block;color:var(--text-muted,#91a4b9);font-size:11px}.roman-page .rr-metrics strong{display:block;font-size:19px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:5px 0}.roman-page .rr-history{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.roman-page .rr-history summary{cursor:pointer;color:var(--accent);font-size:14px}.roman-page .rr-chart{width:100%;height:auto}.roman-page [data-rr-chart-status]{font-size:12px;color:var(--text-muted)}
.roman-page .roman-live-metrics strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.roman-page .rr-reference{margin-block:22px}.roman-page .rr-reference .rr-instruments{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roman-page .rr-reference article{padding:16px;border:1px solid var(--border);border-radius:12px}.roman-page .rr-reference svg{height:70px;width:100%;color:var(--accent)}.roman-page .rr-reference h3{font-size:17px}.roman-page .rr-reference p{font-size:14px}.roman-page .rr-table-wrap{overflow-x:auto}.roman-page .rr-reference table{width:100%;border-collapse:collapse;font-size:13px}.roman-page .rr-reference th,.roman-page .rr-reference td{padding:12px 8px;border-bottom:1px solid var(--border);text-align:left;min-width:100px}.roman-page .rr-reference a{color:var(--accent);text-decoration:underline}
@media(max-width:600px){.roman-page .rr-controls,.roman-page .rr-panel{padding:13px}.roman-page .rr-actions{gap:6px}.roman-page .rr-actions button{padding:8px 10px;font-size:12px}.roman-page .rr-metrics strong{font-size:16px}.roman-page .rr-metrics>div{padding:9px}.roman-page .rr-reference .rr-instruments{grid-template-columns:1fr}.roman-page .rr-scene{min-height:135px}.roman-page .rr-chart text{font-size:15px}}