.draft-publication-preview{position:fixed;inset:0;z-index:10030;overflow-y:auto;overscroll-behavior:contain;background:var(--ui-bg,var(--ui-surface,#E3E5E0));color:var(--ui-text,#242824);padding:0 20px max(40px,env(safe-area-inset-bottom))}.draft-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;padding:8px 13px;border:1px solid var(--ui-border,#c4c9c1);border-radius:8px;background:var(--ui-card,#F7F8F4);color:var(--ui-text,#242824);font:650 14px/1.3 var(--font-sans);cursor:pointer}.draft-preview-button:hover{background:var(--ui-raised,#FDFDF9)}.draft-preview-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;max-width:900px;margin:auto;border-bottom:1px solid var(--ui-border,#c4c9c1);background:var(--ui-bg,var(--ui-surface,#E3E5E0))}.draft-preview-toolbar button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--ui-border,#c4c9c1);border-radius:8px;background:var(--ui-card,#F7F8F4);color:inherit;font:650 14px/1.3 var(--font-sans);cursor:pointer}.draft-preview-toolbar>span{color:var(--ui-muted,#5C635D);font-size:13px}.draft-preview-document{box-sizing:border-box;width:min(100%,900px);min-height:calc(100dvh - 100px);margin:24px auto 0;padding:clamp(24px,5vw,54px);border:1px solid var(--ui-border,#c4c9c1);border-radius:14px;background:var(--ui-card,#F7F8F4)}.draft-preview-area{color:var(--ui-muted,#5C635D);font:650 13px/1.5 var(--font-sans)}.draft-preview-document h1{margin:8px 0 14px;font:600 clamp(28px,4vw,40px)/1.35 var(--font-display,serif);letter-spacing:-.03em;word-break:keep-all;overflow-wrap:break-word}.draft-preview-summary{margin:0 0 26px;color:var(--ui-muted,#5C635D);font:400 20px/1.55 var(--font-sans);word-break:keep-all;overflow-wrap:break-word}.draft-preview-image{display:flex;justify-content:center;width:100%;max-height:480px;margin:24px 0;overflow:hidden;background:var(--ui-raised,#FDFDF9)}.draft-preview-image img{display:block;width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain}.draft-preview-details{margin:18px 0 28px;color:var(--ui-muted,#5C635D);font:500 15px/1.65 var(--font-sans)}.draft-preview-section{margin-top:30px;border-top:1px solid var(--ui-border,#c4c9c1);padding-top:22px;font:400 18px/1.75 var(--font-sans)}.draft-preview-section h2{margin:0 0 12px;font:600 24px/1.4 var(--font-display,serif)}.draft-preview-empty{margin:32px 0;color:var(--ui-muted,#5C635D)}.draft-preview-document.is-postit{max-width:600px;min-height:300px;background:var(--note-bg,#f2dfa8);color:var(--note-ink,#1c1c1c)}.draft-preview-document.is-app{border:0;background:transparent;padding-top:18px}.draft-preview-document.is-app h1{font-size:clamp(42px,5vw,72px);line-height:1.05}.draft-preview-document.is-app .draft-preview-summary{font-size:20px}.draft-preview-document.is-app .draft-preview-image{width:100%;max-height:none;aspect-ratio:16/10;border:1px solid var(--ui-border,#c4c9c1);border-radius:16px}.draft-preview-document.is-app .draft-preview-image img{width:100%;height:100%;max-height:none;object-fit:contain}.draft-preview-document.is-library{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:repeat(4,auto) 1fr;column-gap:30px;align-content:start;min-height:0;border:0;background:transparent;padding:16px 0 48px}.draft-preview-document.is-library .draft-preview-image{grid-column:1;grid-row:1/5;align-self:start;width:220px;max-height:none;aspect-ratio:3/4;margin:0;border:1px solid var(--ui-border,#c4c9c1);border-radius:12px;box-shadow:0 16px 30px -22px #231f1d}.draft-preview-document.is-library .draft-preview-image img{width:100%;height:100%;max-height:none;object-fit:cover}.draft-preview-document.is-library .draft-preview-area{grid-column:2;grid-row:1;align-self:start;display:inline-block;justify-self:start;padding:5px 10px;border:1px solid var(--ui-border,#c4c9c1);border-radius:6px;background:var(--ui-card,#F7F8F4)}.draft-preview-document.is-library h1{grid-column:2;grid-row:2;margin:10px 0 4px}.draft-preview-document.is-library .draft-preview-summary{grid-column:2;grid-row:3;margin:10px 0 0;padding:12px 16px;border:1px solid var(--ui-border,#c4c9c1);border-radius:12px;background:var(--ui-card,#F7F8F4);font-size:17px}.draft-preview-document.is-library .draft-preview-details{grid-column:2;grid-row:4;margin:16px 0 0}.draft-preview-book-meta>p{margin:0 0 8px}.draft-preview-book-meta>p:first-child{font-weight:700;color:var(--ui-text,#242824)}.draft-preview-book-meta dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px;margin:14px 0 0}.draft-preview-book-meta dl>div{display:flex;gap:8px;border-bottom:1px solid var(--ui-border,#c4c9c1);padding-bottom:6px}.draft-preview-book-meta dt{flex:none;min-width:4rem;font-weight:700}.draft-preview-book-meta dd{margin:0}.draft-preview-document.is-library .draft-preview-empty,.draft-preview-document.is-library .draft-preview-section{grid-column:1/-1}.draft-preview-document.is-library .draft-preview-empty,.draft-preview-document.is-library .draft-preview-section{grid-row:5;margin-top:32px}@media(max-width:720px){.draft-preview-document.is-library{display:flex;flex-direction:column;align-items:stretch;padding:10px 4px 30px}.draft-preview-document.is-library .draft-preview-image{order:1;align-self:center;width:min(55%,210px);margin:16px 0 8px}.draft-preview-document.is-library .draft-preview-area{order:0;align-self:flex-start}.draft-preview-document.is-library h1{order:2}.draft-preview-document.is-library .draft-preview-summary{order:4}.draft-preview-document.is-library .draft-preview-details{order:3}.draft-preview-document.is-library .draft-preview-empty,.draft-preview-document.is-library .draft-preview-section{order:5}}@media(max-width:600px){.draft-publication-preview{padding-inline:12px}.draft-preview-document{margin-top:12px;padding:22px 18px}.draft-preview-toolbar>span{font-size:11px}}.draft-save-button{font-weight:650;white-space:nowrap}.draft-save-button:disabled{opacity:.5;cursor:default}.draft-save-button:disabled:hover{background:var(--ui-card,#F7F8F4)}.dorms-folio .draft-preview-button{font:650 15px/1.3 var(--font-sans,inherit)}