/* All stream styles are scoped to one mount. The document chrome is opt-in on output pages. */
html.standalone-doc, body.standalone { margin:0; width:100%; height:100%; background:transparent; }
body.standalone { overflow:hidden; }
body.standalone > .sq-root { width:100%; height:100%; }
.sq-root { position:relative; isolation:isolate; color:var(--text,#fdf3df); font:400 16px/1.4 system-ui,sans-serif; background:transparent; text-align:start; }
.sq-root *, .sq-root *::before, .sq-root *::after {box-sizing:border-box;}
.sq-root [hidden] {display:none!important;}
.sq-root p,.sq-root dl,.sq-root dd {margin:0;}
.sq-root .sq-rig { position:absolute; width:max-content; transform-origin:top left; display:flex; align-items:center; gap:18px; }
.sq-root .sq-column {display:flex;flex-direction:column;gap:10px;width:340px;}
.sq-root[data-page="widget"] .sq-rig {gap:10px;}
.sq-root[data-page="widget"] .sq-column {width:250px;gap:6px;}
.sq-root .sq-piece {min-width:0;overflow-wrap:anywhere;}
.sq-root .sq-art {width:320px;flex:none;}
.sq-root[data-page="widget"] .sq-art {width:192px;}
.sq-root .sq-art-canvas {display:block;width:100%;height:auto;image-rendering:pixelated;}
.sq-root .sq-panel {background:var(--panel-bg);padding:12px;color:var(--text);}
.sq-root .sq-status {background:var(--panel-bg);color:var(--text);padding:7px 10px;text-align:center;font-size:1em;}
.sq-root .sq-status small {display:block;font-size:.875em;}
.sq-root .sq-stats {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;}
.sq-root .sq-label {display:block;font-size:.875em;color:var(--muted);}
.sq-root .sq-value {font-size:1.25em;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.sq-root .sq-session .sq-stats {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.sq-root .sq-session .sq-value {font-size:1em;}
.sq-root .sq-progress-row {display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.sq-root .sq-bar {height:8px;margin-top:8px;background:var(--track);}
.sq-root .sq-fill {height:100%;background:var(--accent);}
.sq-root .sq-alert {position:absolute;display:flex;gap:12px;align-items:center;padding:14px;background:var(--accent);color:var(--on-accent);transform-origin:top left;visibility:hidden;overflow-wrap:anywhere;}
.sq-root .sq-alert.is-on {visibility:visible;}
.sq-root .sq-alert-icon {width:24px;height:24px;flex:none;image-rendering:pixelated;}
.sq-root .sq-alert-title {font-size:1.25em;font-weight:600;line-height:1.4;}
.sq-root .sq-alert-body {font-size:1em;line-height:1.4;margin-top:4px;}
.sq-root .sq-alert-words {min-width:0;}
.sq-root .sq-badge {position:absolute;padding:3px 8px;background:var(--panel);color:var(--text);font-size:14px;z-index:2;}
.sq-root .sq-empty {display:none;}
.sq-root .sq-vertical {flex-direction:column;}
.sq-root .sq-horizontal {align-items:center;}
.sq-root .sq-horizontal .sq-column {flex-direction:row;width:auto;align-items:center;}
.sq-root .sq-horizontal .sq-column > * {width:260px;flex:none;}
.sq-root .sq-custom {display:block;position:absolute;inset:0;width:auto;transform:none;}
.sq-root .sq-custom .sq-piece {position:absolute;transform-origin:top left;}
.sq-root .sq-custom .sq-art-canvas {width:100%;}