@charset "UTF-8";@keyframes spin{to{transform:rotate(360deg)}}:root{--desk:#f5f5f5;--paper:#fff;--ink:#111;--muted:#777;--line:#ddd;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--desk);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}.icon-button,button,summary{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:10px;border:0;border-radius:3px;background:0 0;cursor:pointer;color:var(--ink);text-decoration:none}.icon-button:hover,button:hover,summary:hover{background:#e9e9e9}button:disabled{opacity:.25;cursor:default}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:1px solid #111;outline-offset:3px}svg{display:block;flex-shrink:0;pointer-events:none}input,select{border:1px solid var(--line);border-radius:2px;background:0 0;padding:6px}input[type=range]{accent-color:#111;padding:0;width:76px}input[type=color]{border:0;width:28px;height:28px;padding:3px;cursor:pointer}input[type=number]{width:54px;font-size:13px}input[type=radio]{accent-color:#111}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-header,.header-actions{display:flex;align-items:center}.app-header{height:64px;padding:12px 24px;justify-content:space-between}.header-actions{gap:4px;position:relative;z-index:2}.save-status{display:none}.save-status.error{display:block;width:7px;height:7px;border:1px solid #111;border-radius:50%;margin-right:12px}.format-bar,.inspector{position:fixed;z-index:10;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:5px;box-shadow:0 3px 12px #00000008;max-width:calc(100vw - 24px)}.format-bar{top:12px;height:44px}.format-bar label,.inspector label{display:flex;align-items:center;gap:8px}.format-bar .font-field{position:relative;width:32px;height:30px;justify-content:center}.font-field select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.font-field:focus-within{outline:1px solid #111}.format-bar #hue-field{border-left:1px solid var(--line);padding-left:9px;margin-left:4px}.workspace{max-width:1440px;margin:auto;padding:16px 40px 100px;display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,680px) minmax(120px,1fr);gap:48px;align-items:start}.newspaper{min-width:0}.page-view{position:relative;margin-bottom:40px;scroll-margin-top:75px}.page-meta{position:absolute;right:0;top:0;display:flex;gap:2px;align-items:center;opacity:0;transition:opacity .12s}.masthead:focus-within .title-edit,.masthead:hover .title-edit,.page-view:focus-within .page-meta,.page-view:hover .page-meta{opacity:1}.constraint-badge,.page-meta button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;color:#777}.inspector label svg,.page-meta svg{width:16px;height:16px}.delete-page:disabled{display:none}.sheet,.sheet-shell{background:var(--paper)}.sheet-shell{width:min(100%,calc((100vh - 112px)*.70703));aspect-ratio:794/1123;box-shadow:0 0 0 1px #e7e7e7,0 3px 9px #00000003;position:relative;margin-inline:auto}.sheet{position:absolute;width:794px;height:1123px;transform-origin:top left;padding:0 22px}.masthead{height:154px;position:relative;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:center}.masthead input{height:120px;font-family:Georgia,serif;font-weight:700;text-align:center;border:0;background:0 0;outline-offset:-3px;padding:0;letter-spacing:0}.title-edit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#bbb;opacity:0;pointer-events:none}.masthead:focus-within .title-edit{display:none}.canvas-wrap{position:relative;margin:0-22px}.collage{display:block;width:794px;touch-action:none;outline-offset:-3px!important}.add-page{display:flex;margin:0 auto;width:44px;height:44px;color:#777;background:0 0}.add-page:focus-visible,.add-page:hover{background:0 0}.image-tray{position:relative;top:auto;padding-top:18px;align-self:start}.cuttings{display:grid;grid-template-columns:1fr 1fr;align-items:start}.cutting{display:block;background:0 0;padding:0;border:0;border-radius:0;min-height:0;width:100%;height:auto;touch-action:pan-y}.cutting:nth-child(3n+1){grid-column:span 2;width:82%;justify-self:center}.cutting:hover{background:0 0;outline:1px solid #aaa;outline-offset:4px}.cutting img{display:block;width:100%;max-height:220px;object-fit:contain;pointer-events:none}.inspector{bottom:20px}.inspector button[aria-pressed=true]{background:#111;color:#fff}.inspector label{padding:0 6px}.busy svg{animation:spin 1s linear infinite}dialog{border:1px solid var(--line);border-radius:5px;padding:24px;max-width:min(380px,calc(100vw - 32px));width:100%;background:#fff;color:var(--ink);box-shadow:0 15px 60px #0001}dialog::backdrop{background:#0003}.constraint-options label,.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading>svg{margin-left:10px}dialog p{font-size:14px;line-height:1.6;margin:8px 0 16px}.constraint-options{display:flex;justify-content:center;gap:16px;margin:5px 0 25px}.constraint-options label{position:relative;justify-content:center;width:70px;height:64px;border:1px solid var(--line);border-radius:3px;cursor:pointer}.constraint-options label:has(:checked){border-color:#111;background:#111;color:#fff}.constraint-options label:focus-within{outline:1px solid #111;outline-offset:3px}.constraint-options input{position:absolute;width:100%;height:100%;inset:0;margin:0;opacity:0;cursor:pointer}.constraint-options svg{width:25px;height:25px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.dialog-actions button:last-child{background:#111;color:#fff}.dialog-actions button:last-child:hover{background:#333}#toast{position:fixed;z-index:50;bottom:90px;left:50%;transform:translateX(-50%);padding:11px 15px;background:#111;color:#fff;border-radius:3px;font-size:13px;max-width:90vw;text-align:center}@media (max-width:1100px){.workspace{gap:24px;padding:16px 24px 100px;grid-template-columns:130px minmax(0,680px) 130px}.cuttings{gap:20px}.cutting:nth-child(n){grid-column:span 2;width:100%;justify-self:center}.cutting img{max-height:150px}}@media (max-width:760px){.app-header{height:58px;padding:9px 12px}.format-bar{top:64px}.workspace{display:flex;flex-direction:column;padding:0 12px 110px;gap:0}.image-tray.left{position:relative;top:0;width:calc(100% + 24px);margin:0-12px 32px;padding:4px 12px 10px}.cuttings{display:flex;overflow-x:auto;gap:14px;align-items:center;padding:4px}.cutting:nth-child(n){flex:0 0 78px;width:78px;padding:0;touch-action:pan-x}.cutting img{height:72px;max-height:72px;object-fit:contain}.right{display:none}.newspaper{width:100%;max-width:680px;align-self:center}.page-view{margin-bottom:40px}.page-meta{opacity:1;top:0}.constraint-badge,.page-meta button{height:26px;width:28px}.title-edit{opacity:1}.inspector{bottom:12px;flex-wrap:wrap;justify-content:center;width:max-content;gap:0;max-width:calc(100vw - 16px);padding:4px}.inspector button,.inspector summary{width:36px;height:38px;padding:8px}.inspector input[type=range]{width:60px}dialog{padding:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.canvas-wrap,.masthead{background:#fff}.masthead input{width:86%}.masthead::after,.masthead::before{position:absolute;top:50%;transform:translateY(-50%);font:72px/1 Georgia,serif;color:#111;opacity:0;pointer-events:none}.masthead::before{content:"“";left:5%}.masthead::after{content:"”";right:5%}.masthead.title-set::after,.masthead.title-set::before{opacity:1}.canvas-wrap{height:907px;margin-top:18px}.collage{height:907px}.workspace{display:block}.newspaper{width:100%;max-width:none}.page-workspace{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,min(680px,calc((100svh - 112px)*.70703))) minmax(120px,1fr);gap:48px;align-items:start;margin-bottom:64px}.page-workspace .page-view{min-width:0;margin-bottom:0}.page-workspace .sheet-shell{width:100%}.page-workspace .image-tray{position:static;min-width:0;padding:18px 0 0;margin:0;width:auto}.page-workspace .cuttings{grid-template-rows:repeat(4,minmax(0,1fr));height:min(600px,calc(100svh - 150px))}.page-workspace .cutting{height:100%;min-height:0}.page-workspace .cutting img{height:100%;max-height:100%;object-fit:contain}@media (min-width:761px) and (max-width:1100px){.page-workspace{gap:24px;grid-template-columns:130px minmax(0,min(680px,calc((100svh - 112px)*.70703))) 130px}.page-workspace .cuttings{grid-template-rows:repeat(5,minmax(0,1fr))}}@media (max-width:760px){.page-workspace{display:flex;flex-direction:column;gap:32px;margin-bottom:44px}.page-workspace .image-tray.left{width:100%;padding:4px 0 10px}.page-workspace .cuttings{height:80px}.page-workspace .cutting{height:72px}.page-workspace .page-view{width:min(100%,calc((100svh - 220px)*.70703));align-self:center}}.inspector{flex-wrap:wrap;justify-content:center;width:max-content}.inspector #brush-field{font-size:12px;white-space:nowrap}.inspector #brush-size-value{min-width:42px;text-align:right}.inspector [data-tool=undo]{width:auto;padding:0 10px;font-size:11px;font-weight:600;letter-spacing:.08em}.builder-bar{display:flex;gap:10px;align-items:center;min-height:38px;margin-bottom:12px;font:12px/1.4 Arial,sans-serif;color:#777;flex-wrap:wrap}.builder-bar button{width:auto;padding:7px 10px;border:1px solid #ddd;background:#fff;border-radius:3px;font-size:12px}.layout-page.has-layout .masthead,.layout-page.has-layout .page-brand,.page-footer,.page-header{display:none}.layout-page.has-layout .sheet{padding:0;display:flex;flex-direction:column}.layout-page.has-layout .page-footer,.layout-page.has-layout .page-header{display:flex;align-items:center;flex:0 0 36px;height:36px;padding:0 22px;background:var(--paper);position:relative;z-index:2}.layout-page.has-layout .page-header{justify-content:flex-end;border-bottom:1px solid #111}.layout-page.has-layout .page-footer{justify-content:flex-end;border-top:1px solid #111;font:600 11px/1 Georgia,serif}.running-title{display:block;width:100%;height:28px;border:0;background:0 0;color:var(--muted);text-align:right;font:400 13px/1 Georgia,serif;letter-spacing:.04em;line-height:28px;padding:0}.layout-page.has-layout .canvas-wrap{margin:0;height:1051px;overflow:hidden}.layout-page.has-layout .collage{height:1051px}.layout-page.composing .sheet{padding:0;overflow:hidden}.layout-page.composing .canvas-wrap{overflow:hidden;height:100%}.image-mode #add-page,.layout-page.composing .page-brand,.layout-page.composing .page-footer,.layout-page.composing .page-header{display:none}.page-workspace .page-view{grid-column:2}.layout-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.layout-box{position:absolute;pointer-events:auto;outline:1px solid transparent;overflow:visible}.layout-box:focus-within,.layout-box:hover{outline:1px solid #738d80}.layout-box.empty{outline:1px dashed #c7ccc6;background:#f4f4ef66}.layout-box.image{cursor:pointer;overflow:hidden}.canvas-drag-preview,.dragged-cutting{position:fixed;pointer-events:none;z-index:100}.dragged-cutting{object-fit:contain;opacity:1;max-width:none;max-height:none}.canvas-drag-preview{inset:0;width:100vw;height:100vh}.page-workspace:not(.image-composing){grid-template-columns:1fr minmax(0,min(680px,calc((100svh - 112px)*.70703))) 1fr}@media (max-width:760px){.page-workspace:not(.image-composing){display:flex;align-items:center}.page-workspace:not(.image-composing) .page-view{align-self:center}}#channel-search-slot{min-width:0}.channel-search{position:relative;display:flex;align-items:center;width:210px;height:40px;margin-right:8px;border-bottom:1px solid #ccc}.channel-search input{flex:1;min-width:0;width:100%;height:36px;border:0;border-radius:0;padding:8px 4px;font-size:10px;letter-spacing:.04em;background:0 0}.channel-search input::placeholder{color:#666;opacity:1}.channel-search button{flex:0 0 32px;width:32px;height:36px;padding:6px}.channel-search-status{position:absolute;right:0;top:44px;width:260px;font-size:11px;line-height:1.4;color:#666;background:var(--desk);z-index:12}.channel-search-status:not(:empty){padding:6px 8px}.cuttings{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cutting:nth-child(n){grid-column:auto;justify-self:center;width:100%;height:120px;min-height:0;padding:8px;cursor:grab;touch-action:none}.cutting:nth-child(n) img{width:100%;height:100%;max-height:104px;object-fit:contain}.cutting:active{cursor:grabbing}@media (max-width:1100px) and (min-width:761px){.cuttings{grid-template-columns:1fr}}@media (max-width:760px){.channel-search{width:164px;margin-right:0}.channel-search input{font-size:9px}.cutting:nth-child(n){flex:0 0 96px;width:96px;height:96px;padding:8px;touch-action:none}.cutting:nth-child(n) img{height:80px;max-height:80px}}.cutting.freely-placed{position:relative;z-index:5;width:120px!important;height:120px!important;flex-basis:120px!important}.cuttings:has(.freely-placed),.image-tray:has(.freely-placed){overflow:visible}.image-mode .page-workspace{min-height:calc(100svh - 80px);scroll-margin-top:80px}.cutting.tray-dragging{outline:0!important}.image-mode .app-header{position:sticky;top:0;z-index:40;background:var(--desk)}.brand{display:inline-flex;align-items:center;min-height:40px;color:var(--ink);text-decoration:none;user-select:none}.brand-title{display:flex;justify-content:space-between;font-size:18px;font-weight:600;letter-spacing:0;line-height:1}.brand-title span+span{margin-left:.08em}.image-mode .brand{width:40px;justify-content:center}.brand-icon,.image-mode .brand-title{display:none}.image-mode .brand-icon{display:block}.brand-copy,.brand-stack{display:flex;flex-direction:column;align-items:flex-start}.brand-stack{--brand-mark:168px}.brand-copy{gap:2px}.brand-subtitle{display:block;width:0;min-width:100%;font-size:9px;font-weight:400;line-height:1.25;letter-spacing:0;white-space:nowrap;text-align-last:justify}.brand-ascii,.brand-ascii-slot{user-select:none;pointer-events:none}.brand-ascii-slot{display:none;width:var(--brand-mark);overflow:hidden}.brand-ascii{margin:0;padding:0;border:0;background:0 0;color:inherit;font:10px/1 ui-monospace,Menlo,Consolas,"Courier New",monospace;letter-spacing:0;white-space:pre;transform:scale(.26);transform-origin:top left}@media (min-width:761px){body:not(.image-mode) .brand-stack{width:var(--brand-mark)}body:not(.image-mode) .brand,body:not(.image-mode) .brand-copy{width:100%}body:not(.image-mode) .brand-title{width:100%;font-size:32px}body:not(.image-mode) .brand-title span+span{margin-left:0}body:not(.image-mode) .brand-subtitle{width:100%;min-width:0}body:not(.image-mode) .brand-ascii-slot{display:block}body:not(.image-mode) .app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}body:not(.image-mode) .brand-stack{grid-column:2;justify-self:center}body:not(.image-mode) .header-actions{grid-column:3;justify-self:end}}body:not(.image-mode) .app-header{height:auto;min-height:78px;align-items:flex-start}.image-mode .brand-ascii-slot,.image-mode .brand-copy{display:none}.page-brand{position:absolute;top:14px;right:22px;z-index:1;display:flex;align-items:baseline;gap:6px;color:var(--muted);background:0 0;padding:2px 6px;border-radius:2px;pointer-events:none;user-select:none}.page-brand-title{font:600 11px/1 Georgia,serif;letter-spacing:.09em}.page-brand-subtitle{font-size:8px;letter-spacing:.03em;text-transform:uppercase}.page-folio{top:auto;bottom:14px;color:var(--ink)}body.page-lens .app-header{position:sticky;top:0;z-index:40;height:66px;min-height:66px;background:var(--desk)}body.page-lens .brand-ascii-slot{position:absolute;top:56px;margin-top:0;transform-origin:top center}body.page-lens .workspace{padding-top:0;padding-bottom:0}body.page-lens #pages{position:sticky;isolation:isolate;overflow:hidden}body.page-lens .page-workspace{position:absolute;top:0;left:0;width:100%;margin:0;transform-origin:top center;will-change:transform}body.page-lens .page-workspace.lens-sliver .sheet-shell{box-shadow:none}body.page-lens .page-workspace.lens-sliver{clip-path:inset(0 calc(50% - var(--page-w, 100%)/2))}body.page-lens #add-page{position:fixed;bottom:6px;left:calc(50% - 22px);z-index:41;background:0 0}body.debug-pages .page-meta{top:-37px}@media (max-width:760px){body.debug-pages .page-meta{top:-31px}body.debug-pages.page-lens .page-meta{top:0}}.page-view[data-raster=cold] .layout-overlay{visibility:hidden}@media (max-width:760px){.image-mode .page-workspace{gap:12px;scroll-margin-top:66px;min-height:0}.page-workspace.image-composing .page-view{order:0;width:100%;align-self:stretch}.page-workspace.image-composing .sheet-shell{flex:none;height:auto;min-height:0}.layout-page.composing .canvas-wrap{flex:none}.page-workspace.image-composing .image-tray.left{order:1;padding:0}.page-workspace.image-composing .builder-bar{min-height:32px;margin-bottom:8px}.page-workspace.image-composing .cuttings{height:104px}}.brand-ascii-slot{height:104px;margin-top:0}@media (min-width:761px){body.page-lens .page-workspace:not(.image-composing){grid-template-columns:1fr minmax(0,min(680px,calc((100svh - 240px)*.70703))) 1fr}}.builder-bar{margin-inline:auto;max-width:100%}.builder-bar .back-button,.builder-bar .back-button:focus-visible,.builder-bar .back-button:hover{width:44px;height:44px;border:0;border-radius:0;background:0 0;color:var(--ink);justify-content:flex-start;padding:0 0 0 2px}.builder-bar .back-button:hover{color:#000}.page-topic{position:absolute;top:0;bottom:0;right:calc(100% + 10px);width:34px;display:flex;align-items:center;justify-content:center}.page-topic input{width:100%;height:100%;min-height:0;padding:0;border:0;background:0 0;outline:0;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;text-transform:uppercase;font:600 28px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;color:var(--ink);cursor:text}.page-topic input::placeholder{color:#bbb}.page-topic input:focus-visible{outline:1px solid #ccc;outline-offset:-2px}.layout-page.composing .page-topic{display:none}@media (max-width:760px){.page-topic{right:calc(100% + 4px);width:22px}.page-topic input{font-size:16px;letter-spacing:.14em}body.page-lens #pages{margin-inline:-12px}body.page-lens .page-workspace{left:12px;width:calc(100% - 24px)}body.page-lens .page-workspace:not(.image-composing) .page-view{width:min(calc(100% - 44px),calc((100svh - 220px)*.70703))}}body.debug-pages.page-lens .page-meta,body.page-lens .page-meta{top:0;right:auto;left:calc(100% + 4px);flex-direction:column;align-items:flex-start;gap:2px}.constraint-badges{display:contents}.constraint-badge{cursor:default}.page-view.edit-releasing .page-meta,.page-view.edit-used .page-meta{opacity:1}.channel-search.locked input{cursor:not-allowed}.channel-search.locked input::placeholder{color:#999}.page-topic input:read-only{cursor:default}.edit-count{display:block;height:18px;overflow:hidden;font:400 17px/18px Arial,Helvetica,sans-serif;text-align:center}.edit-roll{display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.65,0,.35,1)}.edit-roll>span{display:block;height:18px}.edit-roll>span:last-child{font-weight:700;color:var(--ink)}.constraint-badge.used .edit-roll{transform:translateY(-18px)}@media (prefers-reduced-motion:reduce){.edit-roll{transition:none}}