.attachment-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#edf0f3;color:#203c58;overflow:hidden}.attachment-fullscreen[open]{display:flex;flex-direction:column}.attachment-fullscreen::backdrop{background:#14212a}
.attachment-heading{display:flex;gap:10px;align-items:center;flex:none;background:var(--card,#fff);color:var(--ink,#203c58);padding:max(8px,env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--line,#dae1e8)}.attachment-heading>div{flex:1;min-width:0}.attachment-heading strong,.attachment-heading small{display:block;overflow-wrap:anywhere}.attachment-heading small{font-size:11px;max-height:32px;overflow:auto}.attachment-heading .btn{min-height:44px;padding:8px 12px}
.attachment-status{flex:none;margin:0;padding:4px 10px;font-size:11px;line-height:1.4;background:var(--card,#fff);color:var(--muted,#586777)}.attachment-view-host{display:flex;flex-direction:column;min-height:0;flex:1}.attachment-view-host .assignment-view-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:6px;margin:0;background:var(--card,#fff);flex:none}.attachment-view-host .assignment-view-controls .btn{padding:7px 10px;min-width:44px;min-height:44px}.attachment-view-host .assignment-paper-scroll{flex:1;min-height:0;width:100%;max-height:none;border-radius:0;overflow:auto;overscroll-behavior:contain;padding:8px 8px max(8px,env(safe-area-inset-bottom));touch-action:pan-x pan-y}.attachment-view-host .assignment-paper{width:max-content;min-width:100%;line-height:0}.attachment-view-host .assignment-paper canvas,.attachment-view-host .assignment-original-image{display:block;margin:0 auto;background:white;max-width:none;box-shadow:0 2px 12px #00000018;image-orientation:from-image}.assignment-archive-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.assignment-archive-list .btn{justify-content:flex-start;text-align:left}

/* Toolbar is outside the attachment scroll area and does not move with the image. */
.attachment-fullscreen{box-sizing:border-box;min-width:0;min-height:0;overscroll-behavior:none;touch-action:pan-x pan-y}
.attachment-view-host{min-width:0;overflow:hidden}.attachment-heading{z-index:3;position:relative}
.attachment-view-host .assignment-view-controls{position:relative;z-index:3;flex-shrink:0;min-width:0;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;touch-action:pan-x}
.attachment-view-host .assignment-view-controls .btn{flex:none;min-width:48px;min-height:48px;font-size:16px}
.attachment-view-host .assignment-view-controls [data-preview-label]{flex:none;white-space:nowrap;font-size:13px}
.attachment-view-host .assignment-paper-scroll{min-width:0;touch-action:pan-x pan-y}