@font-face{font-family:Outfit;src:url("/assets/fonts/home-v185/outfit-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#111927;--panel:#172132;--stage:#2b3544;--line:#39465b;--ink:#eef3fb;--blue:#0e61ea;font:14px system-ui,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--stage:#e5ebf4;--line:#ccd7e6;--ink:#152439}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button,input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px 9px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){border-color:#6299ff}.primary{background:var(--blue);color:white;border-color:var(--blue)}button[aria-pressed=true],button[aria-current=true]{border-color:#6299ff;box-shadow:inset 0 0 0 1px #6299ff}a{color:inherit}
.top,.toolbar,.status{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:6px;font-weight:750;text-decoration:none;font-size:18px}.top strong{border-inline-start:1px solid var(--line);padding-inline-start:10px}.top #project-title{margin-inline-end:auto;max-width:100%;min-width:130px;width:clamp(130px,20vw,260px)}
.workspace{display:grid;grid-template-columns:150px minmax(0,1fr) 244px;min-height:calc(100dvh - 110px)}aside{min-width:0;padding:12px;background:var(--panel)}.pages-panel{border-inline-end:1px solid var(--line)}.inspector{border-inline-start:1px solid var(--line)}h2{font-size:15px;margin:0 0 10px}aside h2:not(:first-child){margin-top:15px}.center{min-width:0;display:flex;flex-direction:column}.stage{display:flex;justify-content:center;align-items:center;gap:8px;padding:18px;min-height:500px;flex:1;background:var(--stage)}.stage>.sheet{width:min(100%,490px);max-width:calc((100dvh - 158px)*.7071)}.stage.spread>.sheet{width:min(calc((100% - 8px)/2),490px)}.status{border-top:1px solid var(--line);border-bottom:0;min-height:46px}.status #message{flex:1}.status #page-status{white-space:nowrap}
.sheet{position:relative;aspect-ratio:210/297;isolation:isolate;overflow:hidden;container-type:inline-size;direction:ltr;flex:none;box-shadow:0 2px 14px #0004}.block{position:absolute;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.24}.block img{width:100%;height:100%;object-fit:cover}.stage:not(.read-only) .block{cursor:pointer}.block.selected{outline:2px solid #247bff;outline-offset:-2px}.page-number{position:absolute;inset:auto 6% 3% auto;font:2.5cqw system-ui}.toc-row{display:flex;justify-content:space-between;gap:8px;text-decoration:none;border-bottom:1px solid #7775;margin-bottom:.6em}
#page-list{display:grid;gap:7px;max-height:65dvh;overflow:auto;padding:2px}.page-item{display:grid;gap:4px;justify-items:center;width:100%;text-align:center}.page-item>.sheet{width:min(100%,84px);pointer-events:none}.page-item>span{font-size:12px;overflow-wrap:anywhere}.page-tools{display:flex;justify-content:space-between;gap:3px;flex-wrap:wrap}.add-page{margin:8px 0;width:100%}.inspector label{display:grid;gap:4px;margin:7px 0}.inspector :is(input,select,textarea){width:100%;min-width:0}.inspector input[type=checkbox]{width:auto;justify-self:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 6px}#layers{display:grid;gap:4px;max-height:170px;overflow:auto}.inspector details{margin-top:12px;border-top:1px solid var(--line);padding-top:9px}.inspector summary{cursor:pointer}.inspector [hidden]{display:none}
dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:min(460px,90vw);padding:20px}dialog::backdrop{background:#0009}dialog button{margin:4px}#print-pages{display:none}
@media(max-width:900px){.workspace{grid-template-columns:112px minmax(0,1fr) 195px}.stage{min-height:390px;padding:10px}}
@media(max-width:690px){.workspace{grid-template-columns:minmax(0,1fr)}.pages-panel,.inspector{border:0}.pages-panel{order:0}.center{order:1}.inspector{order:2}#page-list{display:flex;overflow-x:auto}.page-item{min-width:70px;width:74px}.page-item>.sheet{width:45px}.add-page{width:auto;margin-inline-end:6px}.page-tools{display:inline-flex}.stage{min-height:280px}.stage>.sheet{max-width:100%}}
@page{size:A4;margin:0}
@media print{body>*:not(#print-pages){display:none!important}#print-pages{display:block}.sheet{width:210mm;height:297mm;aspect-ratio:auto;box-shadow:none;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}.sheet:last-child{break-after:auto}}
@media screen{#print-pages.measuring{display:block;position:fixed;top:0;left:-300vw;visibility:hidden;width:210mm}#print-pages.measuring .sheet{width:210mm;height:297mm}}
.grip{position:absolute;z-index:2;display:grid;place-items:center;width:23px;height:23px;padding:0;background:#1263ea;border:0;color:#fff;font:14px system-ui;touch-action:none}.grip.move{left:0;top:0;cursor:move}.grip.resize{right:0;bottom:0;cursor:nwse-resize}.zoom input{width:75px;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.stage{overflow:auto}.stage>.sheet{width:min(calc(100% * var(--zoom,1)),calc(490px * var(--zoom,1)));max-width:calc((100dvh - 158px)*.7071 * var(--zoom,1))}.stage.spread>.sheet{width:min(calc((100% - 8px)/2 * var(--zoom,1)),calc(490px * var(--zoom,1)))}.stage.zoomed{justify-content:flex-start}
@media(max-width:690px){.stage>.sheet{max-width:none}}

/* Pastegram workspace chrome. The document uses its own issue colors. */
:root{font-family:Outfit,system-ui,sans-serif;--blue:#245bff;--accent-ink:#9bb9ff}
:root[data-theme=light]{--bg:#f4f7fc;--panel:#fff;--stage:#e9eff8;--line:#d7e1ef;--ink:#172a45;--accent-ink:#1946ca}
.top,.toolbar,.status{padding-inline:clamp(12px,2vw,28px)}
.top{min-height:62px}
.top .brand{color:var(--ink)}
.toolbar{gap:6px}
.toolbar button,.top button{min-height:36px;border-radius:9px}
.workspace{grid-template-columns:168px minmax(0,1fr) 260px}
.pages-panel,.inspector{padding:16px}
.panel-hint{color:var(--ink);opacity:.72;font-size:12px;margin:-5px 0 14px}
.page-item{border-radius:10px;padding:7px 5px}
.page-item[aria-current=true]{background:color-mix(in srgb,var(--blue) 10%,var(--panel))}
.stage>.sheet{box-shadow:0 8px 28px #06122332}
.stage{background:var(--stage) radial-gradient(#8095b450 1px,transparent 1px) 0 0/18px 18px}
.inspector details{padding-bottom:4px}
.inspector :is(input,select,textarea),.status button{border-radius:8px}
details summary{font-weight:650}
dialog{width:min(510px,calc(100% - 24px));max-width:none;border-radius:16px}
dialog hr{border:0;border-top:1px solid var(--line);margin:14px 0}
dialog h3{font-size:14px;margin:0 0 8px}
.saved-items{display:grid;gap:6px;max-height:235px;overflow:auto}
.saved-row{display:grid;grid-template-columns:minmax(0,1fr) auto}
.saved-open{text-align:start;overflow-wrap:anywhere}
.export-choice{display:grid;gap:6px}
.has-guides::after{content:"";position:absolute;inset:6%;pointer-events:none;z-index:3;border:1px dashed #245bffb3;background:linear-gradient(90deg,transparent calc(50% - .5px),#245bff80 50%,transparent calc(50% + .5px))}
#message:not(:empty){color:var(--accent-ink)}
@media(max-width:920px){.workspace{grid-template-columns:120px minmax(0,1fr) 205px}.pages-panel,.inspector{padding:10px}}
@media(max-width:690px){.workspace{grid-template-columns:minmax(0,1fr)}.pages-panel .panel-hint{display:none}}
@page proof{size:222mm 309mm;margin:0}
.proof-sheet{position:relative;width:222mm;height:309mm;background:white}
.proof-sheet>.sheet{position:absolute;left:6mm;top:6mm;width:210mm;height:297mm;box-shadow:none}
.proof-bleed{position:absolute;inset:3mm}
.proof-sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 222 309'%3E%3Cpath d='M1 6h2m3-5v2m210-2v2m3 3h2M1 303h2m3 3v2m210-2v2m3-5h2' stroke='black' stroke-width='.25' fill='none'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media print{.proof-sheet{page:proof;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}.proof-sheet:last-child{break-after:auto}.proof-sheet>.sheet{break-after:auto}}

/* Magazine workspace v376 */
:root{--toolbar-bg:#182539;--drawer-shadow:#030a1866;--button-hover:#2a3d59}
:root[data-theme=light]{--toolbar-bg:#f9fbff;--drawer-shadow:#22365345;--button-hover:#e9f0ff}
.top{gap:10px;box-shadow:0 4px 18px #12233b12}.top h1{font-size:15px;margin:0;border-inline-start:1px solid var(--line);padding-inline-start:10px}
.toolbar{background:var(--toolbar-bg);padding-block:7px}.toolbar button{border-color:transparent;background:transparent}.toolbar button:hover,.top button:not(.primary):hover{background:var(--button-hover)}
.language-picker{display:flex;align-items:center;gap:4px;min-height:36px;padding-inline:8px 2px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.language-picker select{max-width:135px;border:0;background:transparent;padding:5px}
.library-trigger{color:var(--accent-ink);font-weight:650}
.pages-panel,.inspector{background:var(--panel)}.stage{min-height:420px}.status{background:var(--toolbar-bg)}
dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}dialog header h2{margin:0}
.issue-drawer{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;width:min(380px,100%);height:100%;max-height:100%;border-radius:0 18px 18px 0;box-shadow:10px 0 40px var(--drawer-shadow)}
.issue-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center;border-bottom:1px solid var(--line);padding:6px 0}.issue-drawer .saved-items{max-height:calc(100dvh - 190px)}
#tools-dialog{width:min(620px,calc(100% - 24px))}#tools-dialog details{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px}#tools-dialog :is(input,textarea,select){display:block;width:100%;margin-block:6px}#tools-dialog summary{cursor:pointer}
#photo-library{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#photo-library button{padding:0;overflow:hidden}#photo-library img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.layer-actions{display:flex;gap:5px;flex-wrap:wrap}
.has-guides::after{inset:var(--safe,6%);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--column-step,50%) - 1px),#245bff80 calc(var(--column-step,50%) - 1px),#245bff80 var(--column-step,50%))}
.running-head,.running-foot{position:absolute;inset-inline:7%;font:2cqw system-ui;z-index:110}.running-head{top:1%}.running-foot{bottom:1%}
.photo-caption{position:absolute;bottom:0;left:0;max-width:100%;background:#061427cc;color:#fff;padding:.25em .45em;font-size:.78em}
.issue-table{border-collapse:collapse;width:100%;text-align:start}.issue-table :is(th,td){border:1px solid #64748b88;padding:.18em}.issue-table th{background:#64748b24}
.chart-entry{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:.5em}.chart-bar{display:block;height:.6em}
.review-pin{position:absolute;z-index:120;background:#245bff;color:#fff;padding:2px 4px;border-radius:50%;line-height:1;transform:translate(-50%,-50%)}
#preflight-details,#proofreading{max-height:155px;overflow:auto;padding-inline-start:18px}#preflight-details:empty,#proofreading:empty{display:none}
@media(max-width:690px){.top h1{font-size:14px}.top #project-title{order:9;width:100%}.stage{min-height:300px}.issue-drawer{border-radius:0}.toolbar{gap:3px}.toolbar button{padding-inline:6px}}
@page spread{size:420mm 297mm;margin:0}
.print-spread{display:flex;direction:ltr;width:420mm;height:297mm}.print-spread>.sheet{width:210mm;height:297mm;flex:none;box-shadow:none}
@media print{.print-spread{page:spread;break-after:page}.print-spread:last-child{break-after:auto}.print-spread>.sheet{break-after:auto}}

/* Magazine Maker v377 workspace */
:root[data-theme=light]{
  --bg:#f4f7fb;--panel:#fafbfe;--toolbar-bg:#f7f9fe;
  --stage:#dce8f6;--line:#d4dfec;--ink:#101e3a;--blue:#1456ec;
}
:root[data-theme=dark]{
  --bg:#101826;--panel:#151f31;--toolbar-bg:#19263a;
  --stage:#202e43;--line:#34435c;--ink:#edf3ff;--blue:#245bff;
}
.top{min-height:58px;gap:10px;padding-block:8px;box-shadow:none}
.top .brand{font-size:20px}
.issue-title{display:flex;align-items:center;gap:8px;flex:1 1 210px;min-width:0}
.top #project-title{width:min(100%,275px);margin:0;border-color:transparent;background:transparent;font-weight:650}
.top #project-title:hover,.top #project-title:focus{border-color:var(--line);background:var(--panel)}
#save-status{font-size:12px;white-space:nowrap;color:var(--accent-ink)}
#save-status[data-status="draftSaved"]::before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;margin-inline-end:5px;background:#08795d;color:#fff}
#mag-language:not(.pg221-trigger){font-weight:650}
.workspace{
  min-height:calc(100dvh - 58px);
  grid-template-columns:92px 156px minmax(0,1fr) 252px;
  grid-template-rows:minmax(0,1fr) auto;
  grid-template-areas:"rail pages center inspector" "rail status status status";
}
.workspace-rail{grid-area:rail;display:flex;flex-direction:column;gap:8px;padding:12px 8px;background:var(--panel);border-inline-end:1px solid var(--line)}
.workspace-rail button{display:grid;justify-items:center;align-content:center;gap:6px;min-height:68px;padding:8px 3px;border:1px solid transparent;border-radius:11px;background:transparent;font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.workspace-rail button[aria-pressed=true]{background:var(--button-hover);color:var(--accent-ink);box-shadow:none;border-color:transparent}
.workspace-rail svg,.toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pages-panel{grid-area:pages;padding:16px 11px}.pages-panel:focus{outline:none}.pages-panel:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
#page-list{gap:10px;max-height:calc(100dvh - 245px);min-height:110px}
.page-item{border-color:transparent;background:transparent}
.page-item[aria-current=true]{background:var(--button-hover);border-color:var(--blue)}
.add-page{color:var(--accent-ink);border-color:var(--accent-ink);font-weight:650}
.center{grid-area:center;min-height:0;min-width:0}
.toolbar{position:relative;z-index:4;gap:4px;min-height:54px;padding-inline:12px}
.toolbar button{display:inline-flex;align-items:center;gap:6px;padding-inline:8px}
.toolbar button[aria-pressed=true]{background:var(--button-hover);box-shadow:none;border-color:transparent;color:var(--accent-ink)}
.toolbar-divider{height:22px;width:1px;background:var(--line);margin-inline:4px}
.toolbar-more{position:relative;margin-inline-start:auto}
.toolbar-more summary{cursor:pointer;padding:8px 10px}
.toolbar-menu{position:absolute;inset-inline-end:0;top:100%;width:max-content;max-width:85vw;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 8px 24px var(--drawer-shadow)}
.toolbar-menu button{display:block;text-align:start;width:100%}
.stage{
  min-height:360px;flex:1;align-items:center;
  background:var(--stage);
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--stage) 70%,var(--panel)),var(--stage));
}
.stage>.sheet{width:min(calc(100% * var(--zoom,1)),calc(560px * var(--zoom,1)));max-width:calc((100dvh - 188px)*.7071 * var(--zoom,1))}
.stage.spread>.sheet{width:min(calc((100% - 8px)/2 * var(--zoom,1)),calc(560px * var(--zoom,1)))}
.stage.zoomed{align-items:flex-start}
.inspector{grid-area:inspector;padding:0}
.inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);min-height:54px}
.inspector-tabs button{padding:7px 3px;border:0;border-radius:0;background:transparent;border-bottom:2px solid transparent;overflow-wrap:anywhere;font-weight:650}
.inspector-tabs button[aria-selected=true]{color:var(--accent-ink);border-bottom-color:var(--blue)}
.inspector-pane{padding:16px;max-height:calc(100dvh - 160px);overflow:auto}
.inspector-pane[hidden]{display:none}
.status{grid-area:status;min-width:0;min-height:47px;padding-inline:14px}
.status button{min-width:34px}
#zoom-value{min-width:4ch;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:1110px){
  .workspace{grid-template-columns:74px 114px minmax(0,1fr) 208px}
  .workspace-rail{padding-inline:4px}
  .inspector-pane{padding:10px}
  #save-status{white-space:normal}
}
@media(max-width:830px){
  .workspace{grid-template-columns:68px 104px minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto auto;grid-template-areas:"rail pages center" "rail status status" "rail inspector inspector"}
  .inspector-pane{max-height:none}
  .stage>.sheet{max-width:none}
}
@media(max-width:590px){
  .top{padding-inline:8px;gap:6px}.top .brand{font-size:16px}.top h1{font-size:13px}
  .issue-title{order:9;flex-basis:100%}
  .top #project-title{order:0;flex:1;width:auto;min-width:0}
  .workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"rail" "pages" "center" "status" "inspector"}
  .workspace-rail{flex-direction:row;justify-content:space-around;border-inline-end:0;border-bottom:1px solid var(--line);padding:5px}
  .workspace-rail button{min-height:48px}
  .pages-panel{padding:9px;border:0}
  #page-list{min-height:0}
  .stage{min-height:250px}
  .toolbar{padding-inline:7px}
  .status{gap:5px;padding-inline:8px}
  .status #message:not(:empty){flex-basis:100%;order:10}
}

/* Publishing workspace and removal confirmation */
#tools-dialog{width:min(1240px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border-radius:20px;overflow:hidden}
#tools-dialog[open]{display:flex;flex-direction:column}
#tools-dialog::backdrop,#remove-dialog::backdrop{background:#101b386b;backdrop-filter:blur(3px)}
.publishing-head,.publishing-footer{display:flex;align-items:center;gap:14px;padding:16px 22px}
.publishing-head{border-bottom:1px solid var(--line)}
.publishing-head h2{font-size:clamp(18px,2.4vw,25px);margin:0}
.publishing-head p,.publishing-footer p{margin:3px 0 0;opacity:.8}
.publishing-symbol,.remove-symbol{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:12px;background:#6b36eb;color:#fff}
.publishing-symbol svg,.remove-symbol svg{width:25px;height:25px}
#close-tools{margin-inline-start:auto;align-self:flex-start;font-size:20px;line-height:1;border-color:transparent;min-width:38px;min-height:38px}
.publishing-body{display:grid;grid-template-columns:minmax(165px,23%) minmax(0,1fr) minmax(195px,30%);overflow:auto;min-height:0}
.publishing-tabs{padding:16px 12px;border-inline-end:1px solid var(--line);background:var(--toolbar-bg)}
.publishing-tabs button{display:flex;align-items:center;text-align:start;gap:10px;width:100%;min-height:42px;margin:0 0 4px;border-color:transparent;background:transparent;font-weight:600;border-radius:9px}
.publishing-tabs svg{width:20px;height:20px;flex:none}
.publishing-tabs button[aria-selected=true]{background:var(--button-hover);color:var(--accent-ink)}
.publishing-panels{padding:17px 18px;min-width:0}
.publishing-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.publishing-panel-head h3{margin:0;font-size:clamp(16px,1.65vw,22px)}
.publishing-panels label{display:block;font-weight:600}
.publishing-panels :is(input,select,textarea){min-height:38px;margin:5px 0 12px!important}
#story-body{min-height:clamp(120px,26dvh,260px);resize:vertical;line-height:1.45}
#story-fit{display:block;margin-top:6px}
#story-fit[data-fit=fit]{color:#16804d}
#story-fit[data-fit=overflow]{color:#b44916}
:root:not([data-theme=light]) #story-fit[data-fit=fit]{color:#78d9a6}
:root:not([data-theme=light]) #story-fit[data-fit=overflow]{color:#ffaf81}
.publishing-preview{align-self:start;min-width:0;margin:14px;padding:12px;background:var(--stage);border-radius:12px}
.publishing-preview h3{font-size:16px}
#publishing-page{background:var(--panel);padding:3px 9px;border-radius:20px;font-weight:650}
#publishing-sheet .sheet{width:min(100%,calc(51dvh * .7071));margin-inline:auto;pointer-events:none}
.publishing-footer{border-top:1px solid var(--line);flex-wrap:wrap}
#publishing-status{font-size:13px}
#publishing-status:not(:empty)::before{content:'•';margin-inline-end:6px;color:#23a064}
#publishing-status[data-status=draftUnsaved]::before{color:#c67a19}
#publishing-actions{display:flex;gap:8px;margin-inline-start:auto;flex-wrap:wrap}
#publishing-actions[hidden]{display:none}
#publishing-actions button{margin:0}
#place-story{background:var(--blue);border-color:var(--blue);color:white;font-weight:700}
#tools-message:empty{display:none}
#remove-dialog{width:min(390px,calc(100% - 28px));border-radius:18px;padding:22px}
.remove-symbol{background:#fde6e8;color:#aa223b;margin-bottom:13px}
#remove-title{font-size:20px}
#remove-name{overflow-wrap:anywhere;margin:0 0 18px}
.remove-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.remove-actions button{margin:0;min-height:40px}
.remove-actions [value=remove]{background:#b82141;color:white;border-color:#b82141}
@media(max-width:850px){
  .publishing-body{grid-template-columns:minmax(145px,25%) minmax(0,1fr)}
  .publishing-preview{grid-column:2;margin-block-start:0}
  .publishing-tabs{grid-row:span 2}
}
@media(max-width:560px){
  #tools-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:15px}
  .publishing-head,.publishing-footer{padding:10px 12px;gap:8px}
  .publishing-head p{font-size:12px}
  .publishing-symbol{width:36px;height:36px}
  .publishing-body{display:block}
  .publishing-tabs{display:flex;overflow-x:auto;position:sticky;top:0;z-index:2;border:0;border-bottom:1px solid var(--line);padding:6px}
  .publishing-tabs button{width:auto;flex:none;margin:0;max-width:240px}
  .publishing-panels{padding:12px}
  .publishing-preview{margin:0 12px 12px}
  .publishing-footer{font-size:12px}
}

/* Issue creation and editable page template gallery */
#new-issue-dialog{width:min(440px,calc(100% - 24px));border-radius:18px}
#new-issue-dialog label{display:grid;gap:6px;margin:12px 0}
#new-issue-dialog :is(input,select){width:100%;min-height:42px}
#new-issue-dialog .remove-actions{margin-top:18px}
#layout-dialog{width:min(980px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);border-radius:18px}
.issue-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}
.issue-dialog-head h2{font-size:20px;margin:0 0 4px}
.issue-dialog-head p{margin:0;opacity:.8}
.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}
.template-card{display:grid;justify-items:center;align-content:start;gap:8px;min-width:0;margin:0;padding:9px;text-align:center;border-radius:10px;background:var(--toolbar-bg)}
.template-card .sheet{width:min(100%,86px);pointer-events:none;box-shadow:0 2px 9px #18243825}
.template-card>span{font-size:13px;font-weight:650;overflow-wrap:anywhere}
@media(max-width:480px){#layout-dialog{padding:12px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep editor controls at the shared compact tool scale. */
.top,.toolbar,.inspector,.pages-panel,.workspace-rail,.status{font-size:13px}
.inspector :is(input,select,textarea,button){font-size:13px}
.inspector h2{font-size:14px}
.inspector .panel-hint{font-size:12px}
#font{min-width:0;width:100%;text-overflow:ellipsis}

/* Bounded editing areas make canvas and inspector overflow scrollable. */
@media screen{
 html{height:auto;min-height:100%;overflow-y:auto}
 body{height:auto;min-height:100dvh;overflow:visible}
 .workspace{height:calc(100dvh - var(--mag-header-height,62px));min-height:540px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:82px 144px minmax(0,1fr) 280px}
 .workspace>.center,.workspace>.inspector,.workspace>.pages-panel{min-height:0}
 .center{overflow:visible}
 .center>.toolbar{flex:none}
 .center>.stage{min-height:0;overflow:auto;overscroll-behavior:auto;scrollbar-gutter:stable;justify-content:safe center;align-items:safe center}
 .pages-panel{display:flex;flex-direction:column}
 #page-list{min-height:0;max-height:none;overflow:auto;flex:1;scrollbar-gutter:stable}
 .pages-panel>h2,.pages-panel>.panel-hint,.pages-panel>.add-page,.pages-panel>.page-tools{flex:none}
 .inspector{display:flex;flex-direction:column;overflow:hidden;background:var(--toolbar-bg)}
 .inspector-tabs{flex:none;min-height:52px;padding:7px;gap:4px;background:var(--panel);border-bottom:1px solid var(--line)}
 .inspector-tabs button{border:0;border-radius:9px;font-size:12px;transition:background .15s}
 .inspector-tabs button[aria-selected=true]{background:var(--button-hover);color:var(--accent-ink);box-shadow:0 1px 4px #1328460a}
 .inspector-pane{flex:1;min-height:0;max-height:none;overflow:auto;padding:14px 12px 24px;scrollbar-gutter:stable;overscroll-behavior:auto}
 .inspector-pane>h2{font-size:16px;margin:2px 0 5px}
 .inspector-pane>.panel-hint{font-size:12px;line-height:1.5;margin-bottom:16px}
 .inspector .inspector-card{display:block;margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 2px 6px #14213903}
 .inspector .inspector-card[hidden]{display:none}
 .inspector-card h3{font-size:12px;font-weight:700;margin:0 0 10px}
 .inspector .inspector-card label{font-size:12px;font-weight:500;margin:0 0 10px;gap:6px}
 .inspector .inspector-card label:last-child{margin-bottom:0}
 .inspector-card :is(input,select,textarea){min-height:36px;border-radius:8px;padding:8px 9px;background:var(--toolbar-bg);border-color:var(--line);font-weight:400}
 .inspector-card textarea{min-height:100px;resize:vertical;line-height:1.5}
 .inspector-card :is(input,select,textarea):focus-visible{outline:2px solid #648bff;outline-offset:1px}
 .inspector-card input[type=color]{height:36px;padding:4px}
 .inspector .inspector-card input[type=checkbox]{min-height:0;width:17px;height:17px;accent-color:var(--blue)}
 .inspector-card .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .inspector-card .fields>label{margin:0}
 .inspector-card .fields>label:has(#font){grid-column:1/-1}
 .inspector-card summary{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:650;list-style:none}
 .inspector-card summary::-webkit-details-marker{display:none}
 .inspector-card summary::after{content:'+';font-size:18px;line-height:1;color:var(--accent-ink)}
 .inspector-card[open]>summary{margin-bottom:12px}
 .inspector-card[open]>summary::after{content:'−'}
 .layer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .layer-actions button{font-size:11px;border-radius:8px;padding:8px 5px}
 #delete-block{width:100%;margin:0 0 14px;padding:9px;border-radius:9px;color:#bc3652;border-color:#db7e9255;background:#db7e9210}
 #replace{width:100%;margin-bottom:12px;padding:9px;border-radius:9px;color:var(--accent-ink)}
 #layers{max-height:none;overflow:visible;gap:7px}
 #layers button{padding:11px;border-radius:10px;text-align:start;line-height:1.4}
 #panel-review>label{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
 #panel-review textarea{min-height:130px;resize:vertical}
}
@media screen and (max-width:1110px) and (min-width:831px){
 .workspace{grid-template-columns:68px 110px minmax(0,1fr) 240px}
}
@media screen and (max-width:830px){
 .workspace{height:auto;min-height:0;grid-template-columns:68px 104px minmax(0,1fr);grid-template-rows:minmax(390px,calc(80dvh - var(--mag-header-height,62px))) auto auto}
 .inspector{max-height:none;overflow:visible}
 .inspector-pane{overflow:visible;max-height:none;flex:none}
 .stage{height:auto}
}
@media screen and (max-width:590px){
 .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"rail" "pages" "center" "status" "inspector"}
 .workspace>.center{min-height:380px;height:65dvh}
 #page-list{flex:auto;min-height:100px;max-height:160px;overflow:auto}
 .inspector-pane{padding:14px}
 .workspace-rail{overflow-x:auto}
}

/* Compact interface type and an explicit document preview. */
@media screen{
 :root{font-size:13px}
 .top,.toolbar,.inspector,.pages-panel,.workspace-rail,.status{font-size:12px}
 .top .brand{font-size:17px}
 .top h1{font-size:13px}
 .top :is(input,button),.toolbar button,.status button{font-size:12px}
 #save-status,.panel-hint{font-size:11px}
 .workspace-rail button{font-size:11px}
 .inspector-pane>h2{font-size:14px}
 .inspector :is(input,select,textarea,button){font-size:12px}
 .inspector .inspector-card label,.inspector-card h3,.inspector-card summary{font-size:11px}
 .inspector-pane>.panel-hint{font-size:11px}
 .page-item>span{font-size:11px}
 .publishing-head h2{font-size:20px}
 .publishing-head p{font-size:13px}
 .publishing-panel-head h3{font-size:17px}
 .publishing-tabs button{font-size:12px}
}
#issue-preview-dialog{width:min(1320px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border-radius:16px;background:var(--stage);overflow:hidden}
#issue-preview-dialog[open]{display:flex;flex-direction:column}
#issue-preview-dialog::backdrop{background:#0c1726b3;backdrop-filter:blur(4px)}
.issue-preview-head,.issue-preview-controls{display:flex;align-items:center;gap:12px;padding:10px 16px;flex:none;background:var(--panel)}
.issue-preview-head{border-bottom:1px solid var(--line)}
.issue-preview-head h2{margin:0;font-size:15px}
#close-issue-preview{margin:0;margin-inline-start:auto;min-width:36px;min-height:36px;font-size:21px;border-color:transparent}
#issue-preview-pages{display:flex;align-items:safe center;justify-content:safe center;gap:12px;overflow:auto;min-height:0;padding:20px}
#issue-preview-pages>.sheet{width:min(44vw,440px);max-width:none;pointer-events:none}
.issue-preview-controls{justify-content:center;border-top:1px solid var(--line)}
.issue-preview-controls button{min-width:38px;min-height:34px;margin:0}
#issue-preview-position{min-width:9ch;text-align:center;font-size:12px}
@media(max-width:600px){
 #issue-preview-pages{flex-direction:column;align-items:center;justify-content:flex-start;padding:12px}
 #issue-preview-pages>.sheet{width:min(100%,440px)}
 .inspector :is(input,select,textarea){font-size:16px}
}
@media print{#issue-preview-dialog{display:none!important}}

/* Confirm before clearing a draft. */
#reset-magazine-dialog{width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px;padding:22px}
#reset-magazine-dialog::backdrop{background:#101b386b;backdrop-filter:blur(3px)}
#reset-magazine-dialog h2{font-size:18px;margin:0 0 12px}
#reset-magazine-dialog p{font-size:13px;line-height:1.6;margin:0 0 20px}
#reset-magazine-dialog .remove-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#reset-magazine-dialog button[value="reset"]{background:#c93542;color:#fff;border-color:#c93542}

/* Ready-made magazine collection */
.template-filters392{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:10px;align-items:end;margin:12px 0 18px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.template-filters392 label{display:grid;gap:5px;margin:0;font-size:11px}.template-filters392 :is(input,select){width:100%;min-width:0;height:36px;font-size:12px}.template-filters392 output{font-size:12px;padding:10px 0;white-space:nowrap}
#template-grid .template-card{display:flex;flex-direction:column;gap:5px;align-items:stretch;overflow:hidden;text-align:start}
#template-grid .template-name{padding:4px 2px 0;font-size:12px;line-height:1.4;font-weight:650}
#template-grid .template-meta{font-size:10px;opacity:.7;padding:0 2px 5px;text-transform:capitalize}
@media(max-width:650px){.template-filters392{grid-template-columns:1fr 1fr}.template-search392{grid-column:1/-1}.template-filters392 :is(input,select){font-size:16px}.template-filters392 output{grid-column:1/-1;padding:0}}

#template-grid .template-card{height:auto;min-width:0;padding:6px}
#template-grid .template-card .sheet{width:100%;min-width:0;max-width:100%;height:auto;aspect-ratio:210/297;flex:none;margin:0;overflow:hidden}
#template-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:480px){#template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}