/* Shared navigation: page actions belong inside the editor, never in this bar. */
.is-guide #how article .guide-product-example img{aspect-ratio:1440/1000;object-fit:contain;border:1px solid #dce4db;background:#f7f9f6}
.guide-product-example a{display:block;border-radius:6px}
.guide-pdf-example a{color:#16664b;text-decoration:underline;text-underline-offset:3px}
.guide-pdf-example small{display:block;color:#607168;font-size:12px;line-height:1.7;margin-top:5px}
.sheet-preview .print-area{touch-action:none;cursor:grab;user-select:none}
.sheet-preview.is-dragging,.sheet-preview.is-dragging .print-area{cursor:grabbing}
.is-editor:not(.has-image) #emptyState .intro h1+p{margin-inline:auto;text-align:center}
.brandmark{object-fit:contain;aspect-ratio:1}
.site-header>.brand .brandmark{width:32px;height:36px}.site-footer .footer-brand .brandmark{width:30px;height:32px}
.is-editor #emptyExtras .sample-card,.is-home:not(.is-guide) #emptyExtras .sample-card{width:max-content;max-width:100%;min-height:0;gap:10px;margin:16px auto 12px;padding:9px 13px;border:1px solid #dbe3d6;border-radius:8px;background:transparent}
.is-editor #emptyExtras .sample-card>img,.is-home:not(.is-guide) #emptyExtras .sample-card>img{width:28px;height:42px;object-fit:contain}
.is-editor #emptyExtras .sample-card strong,.is-home:not(.is-guide) #emptyExtras .sample-card strong{font-size:13px;line-height:1.5;font-weight:500;color:#254e38;white-space:nowrap}
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:28px;row-gap:0;min-height:72px;padding:12px clamp(20px,3vw,56px)}
.site-header>.brand{grid-column:1;grid-row:1;height:auto;min-width:0}.site-header .brandmark{width:36px;height:36px;flex:none;display:block}.site-header .brand-wordmark strong{font-size:23px;line-height:1.15}.site-header .brand-wordmark small{font-size:9px}
.site-header .primary-nav{grid-column:2;grid-row:1;width:auto;min-width:0;align-self:center;justify-content:flex-start;gap:8px;height:auto;border:0;margin:0}.site-header .primary-nav a{white-space:nowrap;padding:8px 11px;font-size:13px}
.site-header .header-actions{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:12px;border:0;padding:0;margin:0;min-width:0}.site-header .projects-nav{font-size:12px;padding:7px 5px}.site-header .language-toggle{font-size:12px;padding:7px 5px;gap:6px}.site-header .document-source{display:none}
.site-footer .brandmark{display:block;width:30px;height:30px}
/* More space for artwork; quality is a compact disclosure rather than a full-width card. */
.has-image.is-editor .workspace{height:max(580px,calc(100dvh - 182px));min-height:0;grid-template-columns:244px minmax(0,1fr);gap:16px;width:calc(100% - 40px);max-width:1800px;margin:12px auto 24px;position:relative}
.has-image.is-editor .preview-panel{height:100%;min-height:0;overflow:visible;position:relative}.has-image.is-editor .preview-heading{padding:12px 16px}.has-image.is-editor .preview-heading .eyebrow{display:none}.has-image.is-editor .preview-heading h2{font-size:15px}.has-image.is-editor .preview-toolbar{padding:8px 12px;gap:5px;flex-shrink:0}.has-image.is-editor .preview-toolbar .tool-button{padding:7px 8px}
.has-image.is-editor .ruler-frame{flex:1 1 auto;min-height:280px;border-radius:0;overflow:hidden}.has-image.is-editor .canvas-viewbar{flex-shrink:0;padding:8px 12px;gap:8px;flex-wrap:wrap}.has-image.is-editor .canvas-zoom{gap:5px}.has-image.is-editor .canvas-viewbar button{font-size:12px}
.has-image.is-editor .result-stats{flex-shrink:0;gap:10px 20px;min-height:46px;padding:8px 16px;position:relative;border-top:1px solid #e4e9e1}.has-image.is-editor .result-stats>div>span{font-size:10px}.has-image.is-editor .result-stats>div>strong{font-size:13px}
.has-image.is-editor .print-quality{position:static;flex:0 1 auto;width:auto;min-width:0;margin:0 0 0 auto;padding:0;border:0;border-radius:0;background:none;align-self:center}
.quality-summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:7px 4px;list-style:none;font-size:11px;white-space:nowrap}.quality-summary::-webkit-details-marker{display:none}.quality-summary:after{content:'⌄';font-size:16px;color:#778c7e}.print-quality[open] .quality-summary:after{transform:rotate(180deg)}.quality-summary strong{font-size:12px;font-variant-numeric:tabular-nums}.quality-summary .quality-grade{font-size:10px;padding:2px 5px}.print-quality[data-quality=low] .quality-summary strong{color:#ad3f32}.print-quality[data-quality=fair] .quality-summary strong{color:#8b5b19}
.quality-popover{position:absolute;right:12px;bottom:calc(100% + 6px);z-index:40;width:min(340px,calc(100vw - 48px));padding:16px;border:1px solid #d6e2d7;border-radius:12px;background:#fffefb;box-shadow:0 12px 38px #193c302b}.quality-popover .quality-reading{margin:0;font-size:12px}.quality-popover .quality-recommendation{padding:10px;margin:10px 0;gap:8px}.quality-popover .quality-recommendation button{font-size:11px;padding:7px 8px}.quality-popover .quality-note{font-size:12px;line-height:1.7}
.editor-exportbar{flex-shrink:0;display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid #e0e7df;background:#fbfcf8;border-radius:0 0 10px 10px;position:relative}.editor-project-actions{display:flex;align-items:center}.editor-project-actions #saveProject{margin:0;font-size:12px;min-height:36px;padding:7px 10px}.download-count{display:flex;align-items:baseline;gap:5px;color:#6b7b6e;font-size:11px;min-width:0}.download-count strong{color:#294f3a;font-size:14px}.editor-export-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.editor-export-actions #download{min-height:38px;padding:9px 15px;background:#183f30;color:#fff;border-color:#183f30;white-space:nowrap;font-size:13px}.editor-export-actions .export-options>summary{min-height:36px;padding:8px 10px;background:#fff;border:1px solid #cedbce;border-radius:6px;font-size:12px;white-space:nowrap}.editor-export-actions .export-menu{top:auto;bottom:calc(100% + 12px);right:0;left:auto;max-height:min(65dvh,500px);width:min(310px,calc(100vw - 48px));overflow:auto;z-index:50;text-align:left;color:#193127}
.has-image .image-sources{max-width:1800px;width:calc(100% - 40px);min-height:64px;padding:9px 0;gap:16px}.has-image .image-queue{overflow-x:auto;flex-wrap:nowrap}.has-image .image-queue>strong{white-space:nowrap}.has-image .image-sources .import-strip{flex-basis:320px;min-width:220px}
@media(max-width:1150px){.site-header{column-gap:14px;padding:12px 20px}.site-header .primary-nav{gap:2px}.site-header .primary-nav a{font-size:12px;padding:8px}.site-header .header-actions{gap:8px}.site-header .brand-wordmark strong{font-size:21px}.has-image.is-editor .workspace{grid-template-columns:222px minmax(0,1fr)}.has-image.is-editor .controls{padding:14px}.editor-exportbar .download-count{display:none}.has-image.is-editor .preview-toolbar .tool-button>span{display:none}.has-image.is-editor .preview-toolbar .image-scale{margin-left:auto}}
@media(max-width:900px){
 .site-header{column-gap:12px;padding:10px 16px}.site-header .brand-wordmark strong{font-size:20px}.site-header .brand-wordmark small{display:none}.site-header .brandmark{width:30px;height:30px}.site-header .primary-nav a{padding:7px 8px}.site-header .header-actions{gap:8px}.site-header .projects-nav,.site-header .auth-nav-button,.site-header .language-toggle{font-size:11px}
 .has-image.is-editor .workspace{display:flex;flex-direction:column;height:auto;min-height:0;width:calc(100% - 24px);margin:12px auto 20px}.has-image.is-editor .preview-panel{height:auto;min-height:0}.has-image.is-editor .ruler-frame{flex:none;height:clamp(360px,60dvh,680px);min-height:360px}.has-image.is-editor .controls{display:none;position:absolute;right:0;top:58px;width:min(330px,100%);max-height:70dvh;overflow:auto;z-index:60;box-shadow:0 12px 40px #183f3033}.has-image.is-editor .settings-open .controls{display:block}.has-image.is-editor .mobile-settings-toggle{display:inline-flex;font-size:12px}.has-image.is-editor #closeSettings{display:inline-flex}.has-image.is-editor .result-stats{gap:8px 16px}.has-image.is-editor .print-quality{margin-left:auto}.has-image .image-sources{width:calc(100% - 24px);gap:10px}.has-image .image-sources .import-strip{flex:1 1 240px;min-width:180px}
}
@media(max-width:700px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px 0;column-gap:8px;min-height:90px}.site-header>.brand{min-height:30px;font-size:19px}.site-header .brand-wordmark strong{font-size:19px}.site-header .brandmark{width:28px;height:28px}.site-header .header-actions{gap:8px;order:0;flex-wrap:nowrap}.site-header .primary-nav{grid-column:1/-1;order:0;justify-content:center;width:100%;gap:20px;margin-top:8px;border-top:1px solid #ffffff16;padding:5px 0;min-height:36px}.site-header .primary-nav a{min-height:28px;padding:5px 8px;font-size:12px}.site-header .language-toggle #languageName,.site-header .language-chevron{display:none}.site-header .language-toggle{padding:6px 3px;min-width:26px}.site-header .language-toggle>.icon{width:17px;height:17px}.site-header .auth-nav-button{padding:6px 8px;min-height:30px;font-size:11px}.site-header .projects-nav{padding:5px 0;font-size:11px}
 .has-image.is-editor .workspace{margin-top:10px}.has-image.is-editor .preview-heading{gap:8px;padding:10px 12px}.has-image.is-editor .preview-heading .paper-badge{display:none}.has-image.is-editor .preview-toolbar{flex-wrap:wrap;padding:7px 10px;gap:5px}.has-image.is-editor .preview-toolbar .image-scale{flex:1;min-width:115px;margin-left:0}.has-image.is-editor .preview-toolbar .image-scale label{display:none}.has-image.is-editor .preview-toolbar .image-scale input{width:100%;min-width:45px}.has-image.is-editor .ruler-frame{height:clamp(340px,56dvh,560px);min-height:340px}.has-image.is-editor .canvas-viewbar{gap:6px;padding:8px 10px}.has-image.is-editor .canvas-viewbar>.view-tabs{flex:1 1 100%}.has-image.is-editor .canvas-zoom{justify-content:space-between;width:100%;gap:3px}.has-image.is-editor .canvas-zoom>.tool-separator{display:none}.has-image.is-editor .canvas-zoom .tool-button{padding:6px 4px;font-size:11px}.has-image.is-editor .canvas-zoom .icon-button{width:26px;height:28px;min-width:26px}.has-image.is-editor .result-stats{gap:5px 14px;padding:7px 12px}.has-image.is-editor .print-quality{flex:1 1 100%;margin:0;border-top:1px solid #e8ece5}.quality-summary{justify-content:flex-start;padding:6px 0}.quality-summary>span:first-child{margin-right:auto}.quality-popover{right:10px;width:min(340px,calc(100vw - 44px))}.editor-exportbar{padding:10px;gap:8px}.editor-export-actions{gap:6px}.editor-project-actions #saveProject{font-size:11px;padding:7px 8px;min-height:34px}.editor-export-actions .export-options>summary{padding:7px 8px;font-size:11px;gap:5px}.editor-export-actions #download{padding:8px 10px;font-size:12px;min-height:36px}.editor-export-actions .export-menu{right:0;width:min(300px,calc(100vw - 44px))}
}
@media(max-width:700px){.site-header .header-actions{grid-column:2;grid-row:1}.site-header .primary-nav{grid-column:1/-1;grid-row:2}}
@media(max-width:370px){.site-header{padding-left:10px;padding-right:10px}.site-header .brand-wordmark strong{font-size:17px}.site-header .brand{gap:5px}.site-header .header-actions{gap:6px}.site-header .projects-nav{font-size:10px}.site-header .auth-nav-button{padding:5px}.editor-export-actions .export-options>summary .icon{display:none}.editor-export-actions #download .icon{display:none}}
.editor-export-actions>.export-options{order:0}.editor-export-actions>#download{order:1}.editor-export-actions .export-options summary span{display:inline}
.editor-export-actions>.export-options{position:static}.editor-export-actions .export-menu{right:10px;bottom:calc(100% + 8px)}
@media(max-width:700px){.editor-exportbar{flex-wrap:wrap}.editor-export-actions{flex:1 0 auto;justify-content:flex-end}}

/* Editor: quiet settings / artwork / output hierarchy. The artwork gets the remaining width. */
.has-image.is-editor .workspace{grid-template-columns:clamp(260px,17vw,304px) minmax(340px,1fr) clamp(280px,19vw,360px);gap:24px;max-width:1920px;height:max(620px,calc(100dvh - 184px));align-items:stretch}
.has-image.is-editor .controls{min-height:0;overflow:auto;background:transparent;border:0;border-radius:0;padding:8px 14px 20px 0;box-shadow:none;border-right:1px solid #dce4db}
.has-image.is-editor .controls .settings-title{margin-bottom:18px}.has-image.is-editor .control-section{padding-bottom:20px;margin-bottom:20px}.has-image.is-editor .control-section h3{font-size:13px;margin-bottom:12px}.has-image.is-editor .controls .hint{font-size:11px;line-height:1.7}.custom-paper-fields{margin-top:12px}.custom-paper-fields .two-fields label>span{font-size:11px}.custom-paper-fields input{width:100%;min-width:0}.custom-paper-fields .hint{margin-bottom:0}
.has-image.is-editor .preview-panel{border:1px solid #dce4db;box-shadow:none;border-radius:8px;overflow:hidden;background:#fffefb}.has-image.is-editor .preview-heading{border-bottom:1px solid #edf0e9;padding:13px 16px}.has-image.is-editor .preview-toolbar{background:#fffefb;border-bottom:1px solid #edf0e9}.has-image.is-editor .canvas-viewbar{border-top:1px solid #e5e9e2;background:#fffefb}.has-image.is-editor .preview-toolbar .tool-button{padding:7px 5px;font-size:11px}.has-image.is-editor .preview-toolbar .tool-button>span{display:none}.has-image.is-editor .preview-toolbar .image-scale{margin-left:auto;min-width:120px}.has-image.is-editor .preview-toolbar .image-scale label{display:none}.has-image.is-editor .canvas-zoom .tool-button{font-size:11px;padding:6px}.has-image.is-editor .canvas-viewbar .canvas-zoom{margin-left:auto}
.editor-sidebar{min-width:0;overflow:auto;padding:8px 0 20px 16px;border-left:1px solid #dce4db;color:#244536}.editor-sidebar h2{font-size:14px;line-height:1.5;margin:0 0 18px;font-weight:650}.editor-sidebar>section,.editor-sidebar>details{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #dce4db}.editor-sidebar>.editor-delivery{border:0;margin-bottom:0;padding-bottom:0}.has-image.is-editor .editor-sidebar .result-stats{display:grid;grid-template-columns:1fr;gap:15px;padding:0 0 18px;border:0;min-height:0}.editor-sidebar .result-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.has-image.is-editor .editor-sidebar .result-stats>div>span{font-size:12px;color:#708170}.has-image.is-editor .editor-sidebar .result-stats>div>strong{font-size:15px;font-weight:600;white-space:nowrap}
.has-image.is-editor .editor-sidebar .print-quality{width:100%;margin:0;padding-top:10px;border-top:1px solid #e5e9e2}.editor-sidebar .quality-summary{display:flex;gap:6px;white-space:normal;font-size:11px}.editor-sidebar .quality-summary>span:first-child{margin-right:auto}.editor-sidebar .quality-popover{position:static;width:auto;padding:10px 0 0;border:0;box-shadow:none;border-radius:0;background:transparent}.editor-sidebar .quality-popover .quality-note{font-size:11px}.editor-sidebar .quality-context{font-size:10px}.editor-sidebar .quality-recommendation{display:block;padding:10px 0;background:transparent}.editor-sidebar .quality-recommendation button{margin-top:8px}
.editor-image-tools>h2{font-size:13px;font-weight:600;margin-bottom:12px}.editor-image-tools>p{font-size:12px;line-height:1.8;color:#708170;margin:12px 0}.editor-image-buttons{display:grid;gap:8px}.editor-image-buttons .tool-button{justify-content:center;border:1px solid #d4dfd3;border-radius:5px;min-height:36px;font-size:12px;background:transparent;padding:8px}.editor-image-buttons .tool-button:hover{background:#edf2e8}
.editor-sidebar .editor-exportbar{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:12px;background:none;border:0;border-radius:0}.editor-sidebar .editor-project-actions{order:2}.editor-sidebar .editor-project-actions #saveProject{width:100%;min-height:40px;font-size:12px}.editor-sidebar .download-count{display:flex;order:0;margin:0;line-height:1.6;align-items:baseline;gap:6px}.editor-sidebar .download-count strong{font-size:14px}.editor-sidebar .download-count span{font-size:10px}.editor-sidebar .editor-export-actions{order:1;display:flex;flex-direction:column;align-items:stretch;margin:0;width:100%;gap:12px}.editor-sidebar .editor-export-actions>#download{order:1;width:100%;min-height:44px;font-size:13px;border-radius:5px}.editor-sidebar .editor-export-actions>.export-options{order:0;position:static}.editor-sidebar .editor-export-actions .export-options>summary{border:0;border-radius:0;background:none;padding:5px 0;font-size:12px;min-height:28px;justify-content:space-between}.editor-sidebar .editor-export-actions .export-menu{position:static;display:block;max-height:none;width:100%;border:0;box-shadow:none;padding:12px 0;background:transparent}.editor-sidebar .export-menu h2{display:none}.editor-sidebar .export-menu label{font-size:12px}.editor-sidebar .export-menu .check-field small{font-size:10px}.editor-sidebar .export-menu .full-width{font-size:11px;margin-top:12px}.editor-sidebar .export-menu .custom-select{width:100%}.editor-print-note{font-size:11px;line-height:1.8;color:#647766;margin:16px 0 6px}.editor-brand-note{font-size:10px;line-height:1.8;color:#7b8979;margin:0}.has-image.is-editor .workspace .quality-popover .quality-recommendation{margin-bottom:0}
.last-pdf-download{display:inline-block;margin-top:12px;font-size:11px;color:#24583f;text-underline-offset:3px}
@media(min-width:1280px){.has-image.is-editor .site-footer{margin-top:32px}}
@media(max-width:1279px) and (min-width:901px){.has-image.is-editor .workspace{grid-template-columns:218px minmax(0,1fr);gap:16px;height:auto}.has-image.is-editor .preview-panel{height:max(560px,calc(100dvh - 210px))}.editor-sidebar{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;border:0;border-top:1px solid #dce4db;padding:24px 0 0}.editor-sidebar>section,.editor-sidebar>details{border:0;padding:0;margin:0}.has-image.is-editor .controls{grid-row:1}.editor-sidebar .editor-print-note{margin-top:12px}}
@media(max-width:900px){.has-image.is-editor .workspace{display:flex;gap:16px;height:auto}.has-image.is-editor .controls{padding:18px;background:#fffefb;border:1px solid #dce4db;border-radius:6px}.editor-sidebar{width:100%;border:0;border-top:1px solid #dce4db;padding:22px 8px 4px;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.editor-sidebar>.editor-summary{grid-column:1}.editor-sidebar>.editor-image-tools{grid-column:2}.editor-sidebar>.editor-delivery{grid-column:1/-1}.editor-sidebar>section,.editor-sidebar>details{margin:0;border-bottom:0;padding-bottom:0}.editor-sidebar .editor-delivery{border-top:1px solid #dce4db;padding-top:20px}.editor-sidebar .editor-exportbar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-sidebar .editor-export-actions{grid-column:2;grid-row:1/3}.editor-sidebar .editor-project-actions{grid-column:1;grid-row:2}.editor-sidebar .download-count{display:block;grid-column:1;grid-row:1}.has-image.is-editor .preview-toolbar .image-scale{min-width:90px}}
@media(max-width:540px){.editor-sidebar{display:block;padding:20px 4px 4px}.editor-sidebar>section,.editor-sidebar>details{border-bottom:1px solid #dce4db;padding-bottom:20px;margin-bottom:20px}.editor-sidebar>.editor-delivery{border-top:0;border-bottom:0;padding:0;margin:0}.has-image.is-editor .editor-sidebar .result-stats{grid-template-columns:1fr 1fr;gap:16px}.editor-sidebar .result-stats>div{display:grid;gap:5px}.editor-sidebar .editor-exportbar{display:flex}.editor-sidebar .download-count{display:flex}.editor-sidebar .editor-project-actions{order:2}.editor-sidebar h2{margin-bottom:14px}.has-image.is-editor .canvas-viewbar>.view-tabs{flex:1 1 100%}.has-image.is-editor .canvas-viewbar .canvas-zoom{margin-left:0;width:100%;justify-content:space-between}.has-image.is-editor .preview-toolbar .tool-separator{display:none}}
@media(max-width:540px){.has-image.is-editor .editor-sidebar .editor-export-actions>#download{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:18px;width:calc(100% - 36px);z-index:35;min-height:46px;box-shadow:0 3px 12px #16392b21}.has-image.is-editor .site-footer{padding-bottom:85px}.has-image.is-editor .editor-delivery{padding-bottom:50px}.has-image.is-editor .image-sources{padding-left:0;padding-right:0}.has-image.is-editor .image-queue{min-width:0}}
.editor-draft-status{font-size:12px;line-height:1.6;color:#647867;margin:12px 0 0;overflow-wrap:anywhere}
.orientation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.orientation-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:70px;padding:10px 4px;border:1px solid #dce4db;border-radius:5px;background:#fffefb;color:#506b5b;font:inherit;font-size:12px;cursor:pointer}.orientation-options button:hover{border-color:#8baa94}.orientation-options button[aria-pressed=true]{border-color:#628f74;background:#edf3eb;color:#1e4936;--orientation-icon-fill:#edf3eb}.orientation-options button:focus-visible{outline:2px solid #276d50;outline-offset:2px}.orientation-options button:disabled{opacity:.5;cursor:default}

/* Desktop uses one document scroll; the preview stays beside the settings. */
@media(min-width:1280px){
 .has-image.is-editor .workspace{height:auto;align-items:start}
 .has-image.is-editor .workspace>.controls,.has-image.is-editor .workspace>.editor-sidebar{height:auto;max-height:none;overflow:visible}
 .has-image.is-editor .workspace>.preview-panel{position:sticky;top:16px;height:max(460px,calc(100dvh - 190px));align-self:start}
}

/* Resolve browser-local draft before revealing either upload or editor UI. */
html.editor-booting #main-content,html.editor-booting .site-footer,html.editor-booting .header-actions{visibility:hidden}
html.editor-booting::after{content:attr(data-editor-boot-label);position:fixed;inset:35vh 24px auto;text-align:center;color:#647867;font:14px/1.8 system-ui,sans-serif;pointer-events:none}



/* A small image browser: visual thumbnails first, import controls on demand. */
.has-image.is-editor .controls>.image-sources{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-height:0;margin:0 0 22px;padding:0 0 20px;gap:12px;border-bottom:1px solid #dce4db}
.has-image.is-editor .controls .image-queue{display:block;flex:none;width:100%;margin:0;padding:0;overflow:visible;min-width:0}
.queue-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.queue-heading{display:flex;align-items:center;gap:8px;padding:4px 0;border:0;background:transparent;color:#375743;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.queue-collapsed .queue-heading svg{transform:rotate(-90deg)}
.queue-add-menu{position:relative;font-size:12px;color:#526b59}
.queue-add-menu>summary{list-style:none;cursor:pointer;padding:4px 7px;border-radius:4px}.queue-add-menu>summary::-webkit-details-marker{display:none}.queue-add-menu>summary:hover{background:#eaf0e7}
.queue-add-choices{position:absolute;top:calc(100% + 6px);right:0;z-index:70;min-width:150px;padding:5px;background:#fffefb;border:1px solid #dce4db;border-radius:6px;box-shadow:0 5px 18px #213d3012}
.queue-add-choices button{display:block;width:100%;padding:9px 11px;border:0;border-radius:3px;text-align:left;background:transparent;color:#375743;font:inherit;cursor:pointer}.queue-add-choices button:hover{background:#edf2e9}.queue-add-choices button:disabled{opacity:.45;cursor:default}
.queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;grid-auto-rows:max-content;gap:10px 8px;height:190px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b7c6b5 transparent;scrollbar-gutter:stable;overscroll-behavior:contain;padding:2px 4px 2px 2px}.queue-grid::-webkit-scrollbar{width:5px}.queue-grid::-webkit-scrollbar-thumb{background:#b7c6b5;border-radius:4px}
.queue-collapsed .queue-grid{display:none}.queue-collapsed .queue-header{margin-bottom:0}
.queue-single-row .queue-grid{height:auto;scrollbar-gutter:auto;overflow-y:hidden}
.has-image.is-editor .controls .queue-card{display:block;position:relative;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent}
.has-image.is-editor .controls .queue-select{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#657361;font-size:10px;text-align:left;cursor:pointer}
.has-image.is-editor .controls .queue-select img{display:block;width:100%;height:auto;aspect-ratio:4/3;padding:5px;border:1px solid #dce4db;border-radius:5px;object-fit:contain;background:#edf0e8}
.has-image.is-editor .controls .queue-card.active .queue-select img{border:2px solid #47775a;padding:4px;background:#e9eee3}
.has-image.is-editor .controls .queue-card.active .queue-select{color:#244b35}
.has-image.is-editor .controls .queue-select span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.has-image.is-editor .controls .queue-select:hover img{border-color:#8ba38d}
.has-image.is-editor .controls .queue-remove{position:absolute;right:5px;top:5px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:4px;border:1px solid #dce4db;border-radius:4px;background:#fffefbf5;color:#58705c;opacity:0;pointer-events:none}
.has-image.is-editor .controls .queue-card:hover .queue-remove,.has-image.is-editor .controls .queue-card:focus-within .queue-remove{opacity:1;pointer-events:auto}
.queue-heading:focus-visible,.queue-add-menu>summary:focus-visible,.queue-select:focus-visible{outline:2px solid #47775a;outline-offset:3px}
@media(hover:none){.has-image.is-editor .controls .queue-remove{opacity:1;pointer-events:auto}}
.has-image.is-editor .controls .image-sources .import-strip{display:none;width:100%;min-width:0;max-width:none;flex:none;margin:0;padding:0}
.has-image.is-editor .controls .image-sources[data-link-open=true] .import-strip{display:block}
.has-image.is-editor .controls .url-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:100%}
.has-image.is-editor .controls .url-import input{width:100%;min-width:0;margin:0;font-size:12px}
.has-image.is-editor .controls .url-import button{min-width:0;white-space:nowrap;font-size:12px;padding:8px 10px}
.has-image.is-editor .controls .url-import .import-note{display:none}
.has-image.is-editor .controls .url-import .error{grid-column:1/-1}
@media(min-width:1280px){.has-image.is-editor .workspace>.preview-panel{height:max(460px,calc(100dvh - 110px))}}

/* Link import floats beneath Add; it never changes the settings column height. */
.link-import-close{display:none}
.has-image.is-editor .controls>.image-sources{position:relative}
.has-image.is-editor .controls .image-sources[data-link-open=true] .import-strip{position:absolute;top:34px;right:0;z-index:75;width:100%;max-width:none;box-sizing:border-box;padding:16px;background:#fffefb;border:1px solid #d6e0d2;border-radius:7px;box-shadow:0 8px 28px #213d301a}
.has-image.is-editor .controls .url-import>.field-label{position:static;display:block;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;grid-column:1/-1;padding-right:24px;margin:0 0 5px;font-size:12px;color:#375743}
.has-image.is-editor .controls .link-import-close{display:flex;align-items:center;justify-content:center;position:absolute;top:9px;right:9px;width:26px;height:26px;padding:4px;border:0;border-radius:4px;color:#6c7c6a;background:transparent;cursor:pointer}
.has-image.is-editor .controls .link-import-close:hover{background:#edf2e9}
.has-image.is-editor .controls .url-import .error{margin:4px 0 0;font-size:11px;line-height:1.6}

.has-image.is-editor .controls .image-sources[data-link-open=true] .import-strip{left:0;right:auto;width:320px;max-width:calc(100vw - 48px);padding:20px}
.has-image.is-editor .controls .image-sources[data-link-open=true] .url-import{grid-template-columns:minmax(0,1fr);gap:13px}
.has-image.is-editor .controls .image-sources[data-link-open=true] .url-import>.field-label{margin:0 0 1px;padding-right:22px;font-size:12px}
.has-image.is-editor .controls .image-sources[data-link-open=true] .url-import input{min-height:42px;padding:10px 12px}
.has-image.is-editor .controls .image-sources[data-link-open=true] .url-import input:focus{outline:2px solid #82aa8b;outline-offset:2px;box-shadow:none}
.has-image.is-editor .controls .image-sources[data-link-open=true] .url-import button{justify-self:end;min-height:37px;padding:8px 14px;margin-top:1px}
.has-image.is-editor .controls .image-sources[data-link-open=true] .url-import .error{grid-row:3}

/* Print measurements read as two aligned settings, with units beside values. */
.has-image.is-editor .controls .join-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
.has-image.is-editor .controls .join-fields>label{display:grid;grid-template-columns:minmax(0,1fr) 102px;align-items:center;gap:14px;font-size:12px}
.has-image.is-editor .controls .join-fields .input-unit{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;width:102px;min-height:36px;padding:0;background:#fffefb;border:1px solid #d7e1d3;border-radius:5px}
.has-image.is-editor .controls .join-fields .input-unit:focus-within{border-color:#6f9979;outline:2px solid #dce9d9;outline-offset:1px}
.has-image.is-editor .controls .join-fields input{width:100%;min-width:0;min-height:34px;height:34px;padding:7px 6px 7px 10px;margin:0;border:0;background:transparent;text-align:right;font-size:12px;outline:none;box-shadow:none;appearance:textfield;font-variant-numeric:tabular-nums}
.has-image.is-editor .controls .join-fields input::-webkit-inner-spin-button,.has-image.is-editor .controls .join-fields input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.has-image.is-editor .controls .join-fields .input-unit>span{font-size:11px;padding-right:10px;color:#788575}
.has-image.is-editor .controls .join-explainer{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;margin-top:17px;padding-top:13px;border-top:1px solid #e6ebe1}
.has-image.is-editor .controls .join-explainer .join-diagram{width:164px;height:auto;margin:0 auto}
.has-image.is-editor .controls .join-explainer .hint{margin:0;font-size:11px;line-height:1.7;color:#768171}

/* Mobile settings are a modal sheet, outside the clipped preview and workspace. */
.mobile-settings-done{display:none}
.clarity-presets{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}
.clarity-presets button{flex:1;min-height:40px}
.pdf-delivery-dialog{width:min(440px,calc(100vw - 32px));padding:26px;border:1px solid #d6e0d2;border-radius:12px;background:#fffefb;color:#244536}
.pdf-delivery-dialog::backdrop{background:#10291f80}
.pdf-delivery-dialog h2{font-size:21px;margin:0 0 12px}
.pdf-delivery-dialog p{font-size:13px;line-height:1.8;margin:0 0 20px}
.pdf-delivery-actions{display:grid;gap:10px;margin-bottom:14px}
.pdf-delivery-actions>a,.pdf-delivery-actions>button{min-height:46px;white-space:normal;text-align:center}
.mobile-settings-dialog:not([open]){display:none}
@media(max-width:900px){
 body.settings-modal-open{overflow:hidden}
 .mobile-settings-dialog[open]{display:block;box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(100%,540px);height:100dvh;max-width:100%;max-height:100dvh;padding:0;border:0;border-radius:0;background:#fffefb;color:#244536;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
 .mobile-settings-dialog::backdrop{background:#173d3066}
 .has-image.is-editor .mobile-settings-dialog .controls{display:flex;flex-direction:column;position:static;box-sizing:border-box;width:100%;height:auto;max-height:none;min-height:100%;overflow:visible;padding:0 20px max(28px,env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;background:#fffefb}
 .has-image.is-editor .mobile-settings-dialog .settings-title{order:-1;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;margin:0 -20px 20px;padding:8px 20px;border-bottom:1px solid #e1e7dc;background:#fffefb}
 .mobile-settings-dialog .settings-title h2{font-size:17px;margin:0}
 .has-image.is-editor .mobile-settings-dialog #closeSettings{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center}
 .has-image.is-editor .mobile-settings-dialog .queue-grid{display:flex;height:auto;max-height:none;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:auto;padding:2px 2px 8px;overscroll-behavior-x:contain}
 .has-image.is-editor .mobile-settings-dialog .queue-card{flex:0 0 86px;width:86px}
 .has-image.is-editor .mobile-settings-dialog .queue-remove{opacity:1;pointer-events:auto;width:28px;height:28px;right:2px;top:2px}
 .has-image.is-editor .mobile-settings-dialog .queue-collapsed .queue-grid{display:none}
 .has-image.is-editor .mobile-settings-dialog .control-section{flex-shrink:0}
 .has-image.is-editor .preview-heading{justify-content:space-between}
 .has-image.is-editor .mobile-settings-toggle{min-height:42px;padding:9px 12px;margin-left:auto}
 .has-image.is-editor .mobile-settings-dialog input,.has-image.is-editor .mobile-settings-dialog select{font-size:16px}
 .mobile-settings-dialog .mobile-settings-done{display:block;position:sticky;bottom:0;z-index:80;margin:24px -20px -28px;padding:14px 20px max(14px,env(safe-area-inset-bottom));background:#fffefb;border-top:1px solid #dbe3dc}
 .mobile-settings-done button{width:100%;min-height:48px}
}
@media(max-width:540px){
 .has-image.is-editor.footer-in-view .editor-sidebar .editor-export-actions>#download{position:static;width:100%;box-shadow:none;background:#e5eddf;color:#204b36;border-color:#b7cbb7}
 .has-image.is-editor.footer-in-view .editor-delivery{padding-bottom:0}
 .editor-sidebar .export-menu{padding-bottom:20px}
}