.dio-measure{width:100%;min-width:0}.dio{background:var(--dio-frame);background-image:var(--ground-grain);box-shadow:var(--sheet-shadow);border-radius:22px;padding:10px}.dio--laid{border-radius:18px;padding:8px}.dio-window{outline:4px solid var(--dio-mat);outline-offset:-4px;background:var(--dio-ground);border-radius:14px;position:relative;overflow:hidden}.dio-window:after{content:"";z-index:0;background-image:var(--grain);pointer-events:none;position:absolute;inset:0}.dio-scene{width:100%;height:100%;position:absolute;inset:0}.dio-band{width:100%;height:auto;display:block}.dio-band--edge{position:absolute;top:-10px;left:0}.dio-prints{z-index:1;margin:0;padding:0;list-style:none;position:absolute;inset:0}.dio-print{margin:0;position:absolute}.dio-print__sheet{pointer-events:none;position:absolute;inset:0;overflow:visible}.dio-print__picture{background:var(--paper-3);position:absolute;overflow:hidden}.dio-print--video .dio-print__picture{background:var(--ink)}.dio-print__picture img,.dio-print__picture video{object-fit:contain;width:100%;height:100%;display:block}.dio-print__open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.dio-print__open:focus-visible{outline:3px solid var(--focus-paper);outline-offset:-3px}.dio-print__wait{width:100%;height:100%}.dio-print__caption{-webkit-line-clamp:2;color:var(--ink-soft);-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:13px;display:-webkit-box;position:absolute;bottom:5px;left:8px;right:8px;overflow:hidden}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.dio-print{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.dio-print:hover{z-index:2;transform:translateY(-4px)}}.dio-mount{position:absolute;inset:-8px;box-shadow:0 3px 6px -2px #28140a73}.dio-note{z-index:2}.dio-note h3{font-family:var(--font-display);font-variation-settings:"WONK" 1;overflow-wrap:anywhere;font-size:1.3rem;font-weight:600;line-height:1.14}.dio-note--card{position:absolute;bottom:18px;transform:rotate(-2deg)}.dio-note--laid{position:relative;transform:rotate(-1.2deg)}.dio-actions{z-index:3;background:var(--ticket);border-radius:4px;gap:6px;padding:4px;display:flex;position:absolute;top:12px;left:12px;box-shadow:1px 3px 5px -1px #28140a73}.dio--laid .dio-actions{top:8px;left:auto;right:8px}.dio-floor{z-index:1;background:var(--dio-ground);padding:0 14px 26px;display:flow-root;position:relative}.dio-floor>.dio-note--laid{margin-top:-24px}.dio-lead{z-index:1;margin:30px -14px 0;padding:0;list-style:none;position:relative}.dio-rug{background:#23858a;border:5px solid #f7e8c8;position:absolute;inset:-8px 2px 8px;box-shadow:0 0 0 4px #1b6d72,0 4px 6px #1e0c044d}.dio-floor--track{background:var(--dio-ground-deep);padding:34px 0 6px}.dio-slip{z-index:1;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px 12px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-block;position:relative}.dio-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative;overflow:auto hidden}.dio-strip::-webkit-scrollbar{display:none}.dio-strip:focus-visible{outline:3px solid var(--focus-paper);outline-offset:-3px}.dio-strip__in{position:relative}.dio-strip__track{width:100%;height:100%;position:absolute;inset:0}.dio-strip .dio-print{scroll-snap-align:center}.dio-dots{justify-content:center;gap:8px;padding:2px 0 6px;display:flex}.dio-dots span{background:#2b222057;border-radius:50%;width:8px;height:8px}.dio-dots .is-on{background:var(--ink)}.dio-more{color:var(--ink);gap:10px;margin-top:16px;font-size:14px;line-height:1.45;display:grid}.dio-more__summary{overflow-wrap:anywhere;font-weight:600}.dio-more__summary:focus-visible{outline:3px solid var(--focus-paper);outline-offset:2px}.dio-more__text{overflow-wrap:anywhere;white-space:pre-line;margin:6px 0 0}.dio-viewer{background:0 0;border:0;max-width:min(96vw,1200px);max-height:96dvh;margin:auto;padding:0;overflow:visible}.dio-viewer[open]{flex-direction:column;display:flex}.dio-viewer::backdrop{background:#081818db}.dio-viewer__picture{border:10px solid var(--ticket);max-width:100%;min-height:0;max-height:80vh;box-shadow:var(--sheet-shadow);object-fit:contain;flex:0 auto;margin:0 auto;display:block}.dio-viewer__bar{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;display:flex}.dio-viewer__caption{overflow-wrap:anywhere;flex:100%;min-width:0;max-height:min(24vh,7.5rem);margin:0;overflow-y:auto}.dio-viewer__caption:focus-visible{outline:3px solid var(--focus-paper);outline-offset:2px}@media print{.dio{box-shadow:none}}
