.document.library-page{width:min(1440px,calc(100% - 48px));max-width:1440px;padding-block-start:24px}
body[data-page="library"] .site-header.shell,body[data-page="library"] .site-footer.shell{width:min(1440px,calc(100% - 48px))}
.library-page .document-heading{margin-bottom:20px}
.library-page .document-heading h1{margin-block:12px}
.library-page .document-heading>p{max-width:680px;margin-bottom:0;font-size:14px}
.library-page section{margin-bottom:28px}
.library-page .entry-filters{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block:0 24px;padding-block:10px;max-width:none}
.entry-search-controls{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 240px;max-width:560px}
.entry-search-controls input{min-width:0;flex:1}
.entry-search-controls button{flex-shrink:0}
.entry-filters>.entry-check{margin:0}
.workspace-grid{display:flex;flex-wrap:wrap;gap:28px 24px;align-items:start}
.backup-list .workspace-card{position:relative;display:flex;flex:0 0 auto;flex-direction:row;align-items:start;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.workspace-card[hidden],.workspace-preview[hidden],.workspace-preview-status[hidden]{display:none}
.workspace-card-heading{flex-basis:100%;min-width:0;padding-inline-end:48px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.workspace-card-heading strong{display:block;font-size:1rem}
.workspace-card .backup-meta{font-size:.75rem;line-height:1.4;margin:8px 0 12px;flex-basis:100%}
.workspace-card .workspace-card-heading{padding-block:4px}
.workspace-preview{position:relative;order:1;flex-basis:100%;width:100%;min-width:0;height:auto;min-height:0;overflow:hidden}
.workspace-preview:not(:has(iframe)){min-height:56px}
.workspace-preview:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.workspace-frame{display:block;width:100%;height:1px;min-height:0;max-width:none;border:0;pointer-events:none;transform-origin:top left}
.workspace-preview-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--paper);font-size:.875rem;margin:0;padding:16px;unicode-bidi:plaintext}
.workspace-card .workspace-manage,.workspace-card .workspace-copy,.workspace-card .workspace-position{order:0;min-height:44px;padding:8px 12px;font-size:.8125rem}
.workspace-card .workspace-position{min-width:44px;padding-inline:10px}
.workspace-card .workspace-handle{position:absolute;inset-inline-end:0;top:0;min-width:44px;min-height:44px;padding:8px;cursor:grab;font-size:1.25rem;touch-action:none}
.workspace-position span{display:inline-block}
[dir="rtl"] .workspace-position span{transform:scaleX(-1)}
.workspace-card .workspace-open{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.workspace-card .workspace-open:hover{background:var(--primary);opacity:.85}
.workspace-card .workspace-return{order:0;background:var(--primary);color:var(--on-primary);border-color:var(--primary);min-height:44px}
.workspace-card .workspace-session{order:0;min-height:44px;font-size:.8125rem}
.workspace-options{order:0;min-width:0}
.workspace-options>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--ink);font-size:.8125rem;list-style:none}
.workspace-options>summary::-webkit-details-marker{display:none}
.workspace-options>summary::after{content:"⌄";line-height:1}
.workspace-options[open]>summary::after{transform:rotate(180deg)}
.workspace-options>summary:hover{background:var(--hover)}
.workspace-options>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.workspace-options[open]{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px}
.workspace-options[open]>summary{margin-bottom:8px}
.workspace-live-status{order:0;flex-basis:100%;margin:0;color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere}
.workspace-card.workspace-active{scroll-margin-block-start:16px}
.workspace-active .workspace-preview{overflow:auto;overscroll-behavior:contain}
.workspace-active .workspace-frame{pointer-events:auto;min-height:0}
.workspace-active .workspace-return{position:sticky;top:8px;z-index:2}
.library-recovery{margin-top:32px;max-width:860px}
.library-recovery>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;font-weight:600;cursor:pointer;padding-block:16px;border-top:1px solid var(--line);list-style:none}
.library-recovery>summary::-webkit-details-marker{display:none}
.library-recovery>summary::after{content:"+";font-size:20px;font-weight:400}
.library-recovery[open]>summary::after{content:"−"}
.library-recovery>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.library-recovery>section:first-of-type{margin-top:16px}
.workspace-card .workspace-handle:active{cursor:grabbing}
.workspace-card .workspace-handle:disabled{cursor:default}
.workspace-card.workspace-dragging{outline:2px solid var(--ink);outline-offset:2px}
.workspace-layout-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.workspace-layout-status p{margin:0;flex:1;min-width:180px;color:var(--muted);font-size:.875rem}
.workspace-layout-status:has(#workspace-status.visually-hidden){margin:0}
#workspace-review-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}
#workspace-review-dialog::backdrop{background:rgba(0,0,0,.5)}
#workspace-review-text{display:block;width:100%;height:min(50dvh,420px);resize:vertical;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:12px/1.5 ui-monospace,monospace;box-sizing:border-box}
@media(max-width:560px){.entry-search-controls{flex-wrap:wrap}.entry-search-controls input{flex-basis:180px}.entry-search-controls button{flex-grow:1}.workspace-layout-status p{min-width:0;flex-basis:100%}}
@media(max-width:480px){.document.library-page,body[data-page="library"] .site-header.shell,body[data-page="library"] .site-footer.shell{width:calc(100% - 24px)}.workspace-grid{gap:24px}.workspace-card .workspace-manage,.workspace-card .workspace-copy{flex-grow:1}}