@layer components{.source-room-static{margin:var(--sp-6) 0;max-width:68rem}.source-room-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:var(--sp-4);align-items:start}.source-room-pages figure{margin:0;min-width:0}.source-page-sheet{position:relative;background:var(--source-paper);color:var(--source-ink);box-shadow:var(--shadow-page)}.source-page-sheet img{display:block;width:100%;height:auto}.source-page-highlight{position:absolute;background:var(--room-highlight,var(--hl-straw));opacity:.35;mix-blend-mode:multiply;outline:2px solid var(--source-mark);pointer-events:none}.source-page-head{background:transparent;outline:2px dashed var(--source-mark)}.source-room-pages figcaption{font-size:var(--fs-sm);padding:var(--sp-2) 0}.source-room-pages figcaption a{display:inline-flex;align-items:center;min-height:var(--target)}.source-room-account ol{list-style:none;padding:0;margin:var(--sp-4) 0;display:grid;gap:var(--sp-3)}.source-room-account li{border-top:var(--rule);padding:var(--sp-3) 0}.source-room-account h3{margin:0 0 var(--sp-2)}.source-room-account p{margin:var(--sp-1) 0;font-size:var(--fs-sm)}.source-room-transcription{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.source-room-account .source-room-figure{font:var(--fw-medium) var(--fs-figure)/1.1 var(--font-serif)}@media print{.source-room-static{break-before:page}.source-room-pages{display:block}.source-room-pages figure{max-width:145mm;break-inside:avoid;margin-bottom:8mm}.source-room-account li{break-inside:avoid}.source-page-highlight{print-color-adjust:exact;-webkit-print-color-adjust:exact}}}@layer components{.source-room-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:radial-gradient(ellipse at 28% 40%,var(--room),var(--night) 70%);color:var(--on-night);overflow:hidden}.source-room-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.source-room-dialog::backdrop{background:var(--night)}.source-room-dialog:focus{outline:none}.source-room-dialog .room-bar{min-height:5rem;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--room-rule)}.source-room-dialog .room-bar button{flex-shrink:0;white-space:nowrap}.source-room-dialog [data-room-camera-toggle]{min-width:calc(6em + 2rem)}.source-room-dialog .room-bar h2{margin:0;flex:1 1 12rem;min-width:0;max-width:var(--measure);font:var(--fw-medium) var(--fs-lead)/1.25 var(--font-serif);color:var(--on-night)}.source-room-dialog button{background:transparent;color:var(--on-night);border:1px solid var(--room-control);min-height:var(--target);min-width:var(--target);font:var(--fs-sm) var(--font-sans)}.source-room-dialog button:focus-visible,.source-room-dialog a:focus-visible{outline:3px solid var(--on-night);outline-offset:3px}.source-room-dialog button:disabled{opacity:1;color:var(--on-night-2);border-style:dashed;cursor:default}.source-room-dialog .room-controls{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);height:4.5rem;border-top:1px solid var(--room-rule)}.source-room-dialog .room-step{font-size:var(--fs-sm);flex:1}.source-room-dialog .source-room-static{margin:0;max-width:none;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);overflow:hidden}.source-room-dialog .source-room-static>h2,.source-room-dialog .source-room-static>.caption{display:none}.source-room-dialog .source-room-pages{position:relative;display:block;overflow:hidden;padding:0;min-height:0}.source-room-dialog .source-room-pages figure{position:absolute;left:0;top:0;width:1000px;max-width:none;margin:0;transform-origin:0 0;will-change:transform}.source-room-dialog .source-room-pages figcaption{display:none}.source-room-dialog a{color:var(--on-night)}.source-room-dialog .source-room-account{padding:var(--sp-5);overflow:auto;background:var(--night);color:var(--on-night)}.source-room-dialog .source-room-account ol{margin:0}.source-room-dialog .source-room-account li{padding:var(--sp-4);border:1px solid var(--room-rule)}.source-room-dialog .source-room-account li[data-active]{border-color:var(--on-night);box-shadow:inset 4px 0 0 var(--room-highlight)}.source-room-dialog .source-room-account :is(.caption,.eyebrow){color:var(--on-night-3)}.source-room-dialog .source-room-account a{display:inline-flex;align-items:center;min-height:var(--target)}.source-room-dialog .source-room-account h3{color:var(--on-night)}.source-room-dialog .source-page-highlight[data-active]{opacity:.55;outline-width:3px}.source-room-dialog .source-room-total{border-top:1px solid var(--room-rule);padding-top:var(--sp-4);margin-top:var(--sp-5)}.source-room-dialog .source-room-total a{display:inline-flex;align-items:center;min-height:var(--target)}@media(max-width:700px){.source-room-dialog .room-bar{padding:var(--sp-3)}.source-room-dialog .room-bar h2{font-size:var(--fs-base)}.source-room-dialog .source-room-static{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.source-room-dialog .source-room-account{padding:var(--sp-3)}.source-room-dialog .room-controls{padding:var(--sp-3);gap:var(--sp-2)}.source-room-dialog .room-controls button{padding-inline:var(--sp-3)}}@media print{.source-room-dialog{display:none!important}}}
