/* Load after Bootstrap and site styles. All editor rules are scoped. */ :is(#ddpc-editor, #ddpc-printPages) { --dd-ink:#242a24;--dd-muted:#697168;--dd-green:#416e50;--dd-green-dark:#2f5a3d;--dd-soft:#edf3ed;--dd-line:#d8ddd5;--dd-cream:#faf9f4;--ui-sans:Arial;--ui-serif:Georgia;font-family:var(--ui-sans),sans-serif;color:var(--dd-ink) } :is(#ddpc-editor, #ddpc-printPages) * { box-sizing:border-box } :is(#ddpc-editor, #ddpc-printPages) a { color:var(--dd-green-dark);text-decoration:none } :is(#ddpc-editor, #ddpc-printPages) a:hover { text-decoration:underline } :is(#ddpc-editor, #ddpc-printPages) .intro { max-width:1498px;padding:18px 24px 26px;margin:auto } :is(#ddpc-editor, #ddpc-printPages) .crumb { font-size:11px;color:var(--dd-muted);display:flex;gap:12px;margin-bottom:25px } :is(#ddpc-editor, #ddpc-printPages) .intro-row { display:flex;gap:24px;justify-content:space-between;align-items:center } :is(#ddpc-editor, #ddpc-printPages) .eyebrow { font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--dd-green);margin-bottom:8px } :is(#ddpc-editor, #ddpc-printPages) h1 { font:36px/1.25 var(--ui-serif),serif;margin:0 0 10px } :is(#ddpc-editor, #ddpc-printPages) h2 { font:21px var(--ui-serif),serif;margin:0 } :is(#ddpc-editor, #ddpc-printPages) .intro p { font-size:13px;margin:0;color:var(--dd-muted);line-height:1.6 } :is(#ddpc-editor, #ddpc-printPages) .actions { display:flex;gap:7px;align-items:center;flex-wrap:wrap } :is(#ddpc-editor, #ddpc-printPages) button, :is(#ddpc-editor, #ddpc-printPages) select, :is(#ddpc-editor, #ddpc-printPages) .file-button { font:12px var(--ui-sans),sans-serif;border:1px solid var(--dd-line);border-radius:6px;background:white;padding:10px 12px;color:var(--dd-ink);cursor:pointer;min-height:38px } :is(#ddpc-editor, #ddpc-printPages) button:hover, :is(#ddpc-editor, #ddpc-printPages) .file-button:hover { border-color:#76927a;background:#f0f4ed } :is(#ddpc-editor, #ddpc-printPages) button.primary { background:var(--dd-green);border-color:var(--dd-green);color:#fff;padding:12px 18px } :is(#ddpc-editor, #ddpc-printPages) button.primary:hover { background:var(--dd-green-dark) } :is(#ddpc-editor, #ddpc-printPages) button:disabled { opacity:.4;cursor:not-allowed } :is(#ddpc-editor, #ddpc-printPages) button:focus-visible, :is(#ddpc-editor, #ddpc-printPages) textarea:focus-visible, :is(#ddpc-editor, #ddpc-printPages) select:focus-visible, :is(#ddpc-editor, #ddpc-printPages) input:focus-visible { outline:2px solid #76927a;outline-offset:2px } :is(#ddpc-editor, #ddpc-printPages) .ddpc-layout { display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;max-width:1498px;padding:0 24px 40px;margin:auto;align-items:start } :is(#ddpc-editor, #ddpc-printPages) .ddpc-layout>section, :is(#ddpc-editor, #ddpc-printPages) .ddpc-layout>aside { min-width:0 } :is(#ddpc-editor, #ddpc-printPages) .editor-panel { background:white;border:1px solid var(--dd-line);border-radius:12px;padding:22px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4cfc3 transparent } :is(#ddpc-editor, #ddpc-printPages) .panel-heading { display:flex;align-items:center;gap:9px } :is(#ddpc-editor, #ddpc-printPages) .panel-heading h2 { font-size:18px } :is(#ddpc-editor, #ddpc-printPages) .step { width:23px;height:23px;border-radius:50%;background:var(--dd-soft);color:var(--dd-green);display:inline-flex;align-items:center;justify-content:center;font-size:11px } :is(#ddpc-editor, #ddpc-printPages) .pill { font-size:10px;background:var(--dd-soft);color:var(--dd-green);padding:6px 8px;border-radius:20px;white-space:nowrap } :is(#ddpc-editor, #ddpc-printPages) .panel-heading .pill { margin-left:auto } :is(#ddpc-editor, #ddpc-printPages) .field { display:block;font-size:11px;font-weight:600;margin:16px 0 6px } :is(#ddpc-editor, #ddpc-printPages) #ddpc-templateChoice { width:100%;font-size:12px;white-space:normal } :is(#ddpc-editor, #ddpc-printPages) p.note, :is(#ddpc-editor, #ddpc-printPages) .note { font-size:11px;color:var(--dd-muted);line-height:1.6;margin:6px } :is(#ddpc-editor, #ddpc-printPages) .quiet { font-size:10px!important } :is(#ddpc-editor, #ddpc-printPages) .panel-divider { border-top:1px solid var(--dd-line);margin:18px 0 } :is(#ddpc-editor, #ddpc-printPages) .card-arrows { display:flex;gap:4px;margin-left:auto } :is(#ddpc-editor, #ddpc-printPages) .card-arrows button { padding:4px 10px;min-height:29px } :is(#ddpc-editor, #ddpc-printPages) .text-block { border-top:1px solid #e9ede7;padding:12px 0 } :is(#ddpc-editor, #ddpc-printPages) .text-label { display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:600 } :is(#ddpc-editor, #ddpc-printPages) .text-label span { font-weight:400;color:var(--dd-muted);font-size:10px } :is(#ddpc-editor, #ddpc-printPages) textarea { width:100%;min-height:58px;resize:vertical;font:14px/1.45 var(--ui-sans),sans-serif;padding:9px 11px;border:1px solid var(--dd-line);border-radius:6px;color:var(--dd-ink) } :is(#ddpc-editor, #ddpc-printPages) .format-grid { display:grid;grid-template-columns:minmax(0,1fr) 66px 73px;gap:6px;margin-top:7px } :is(#ddpc-editor, #ddpc-printPages) .format-grid label { font-size:9px;color:var(--dd-muted);display:block } :is(#ddpc-editor, #ddpc-printPages) .format-grid select, :is(#ddpc-editor, #ddpc-printPages) .format-grid input { margin-top:4px;width:100%;min-width:0;min-height:32px;padding:6px;font:11px var(--ui-sans),sans-serif;border:1px solid var(--dd-line);border-radius:5px;background:white;color:var(--dd-ink) } :is(#ddpc-editor, #ddpc-printPages) .apply-small { font-size:10px;padding:3px 0;border:0;color:var(--dd-green);min-height:24px;background:transparent } :is(#ddpc-editor, #ddpc-printPages) .color-row { display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap } :is(#ddpc-editor, #ddpc-printPages) .color-row label { font-size:11px } :is(#ddpc-editor, #ddpc-printPages) #ddpc-ink { width:35px;height:29px;padding:2px;border:1px solid var(--dd-line);border-radius:4px;background:white } :is(#ddpc-editor, #ddpc-printPages) #ddpc-applyAll { width:100%;background:var(--dd-soft);color:var(--dd-green-dark);border-color:#d1ddce } :is(#ddpc-editor, #ddpc-printPages) .warning { color:#a53527;font-size:11px;line-height:1.6 } :is(#ddpc-editor, #ddpc-printPages) .local-note { padding:12px;background:#f7f8f4;border-radius:6px;font-size:10px;color:var(--dd-muted);line-height:1.6 } :is(#ddpc-editor, #ddpc-printPages) .preview-panel { background:#f1f3ee;border:1px solid var(--dd-line);border-radius:12px;padding:20px } :is(#ddpc-editor, #ddpc-printPages) .preview-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:17px } :is(#ddpc-editor, #ddpc-printPages) .preview-heading h2 { font-size:24px } :is(#ddpc-editor, #ddpc-printPages) .toolbar { display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px } :is(#ddpc-editor, #ddpc-printPages) .danger { color:#9c3429 } :is(#ddpc-editor, #ddpc-printPages) .view-options { display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--dd-muted) } :is(#ddpc-editor, #ddpc-printPages) input[type=checkbox] { accent-color:var(--dd-green);vertical-align:middle } :is(#ddpc-editor, #ddpc-printPages) .preview-notice { font-size:11px;color:var(--dd-green-dark);background:#e6eee2;border-radius:6px;padding:10px 12px;line-height:1.5 } :is(#ddpc-editor, #ddpc-printPages) #ddpc-status { font-size:11px;color:var(--dd-muted);line-height:1.5;min-height:18px;margin:10px 0 } :is(#ddpc-editor, #ddpc-printPages) .stage { overflow:auto;padding:5px 5px 20px } :is(#ddpc-editor, #ddpc-printPages) .sheet-wrap { position:relative;margin:auto } :is(#ddpc-editor, #ddpc-printPages) .sheet { width:816px;height:1056px;background:#fff;box-shadow:0 4px 18px #263a2620;position:absolute;transform-origin:top left;overflow:hidden } :is(#ddpc-editor, #ddpc-printPages) .card { position:absolute;padding:0;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;width:360px;height:127.6704px;min-height:0;color:#000;overflow:hidden;z-index:2 } :is(#ddpc-editor, #ddpc-printPages) .card:hover { background:#edf3ed33 } :is(#ddpc-editor, #ddpc-printPages) .guides .card { outline:1px dashed #9caf9d88 } :is(#ddpc-editor, #ddpc-printPages) .card.selected { outline:2px solid #416e50;background:#edf3ed22 } :is(#ddpc-editor, #ddpc-printPages) .card.bad { outline:2px solid #b24235 } :is(#ddpc-editor, #ddpc-printPages) .copy { width:100%;text-align:center } :is(#ddpc-editor, #ddpc-printPages) .name, :is(#ddpc-editor, #ddpc-printPages) .table { white-space:pre-wrap;overflow-wrap:normal;margin:0;padding:0;font-weight:400 } :is(#ddpc-editor, #ddpc-printPages) .name { font:24pt/27.6pt serif } :is(#ddpc-editor, #ddpc-printPages) .table { font:12pt/13.8pt serif } :is(#ddpc-editor, #ddpc-printPages) .back-copy { font-size:24pt;line-height:27.6pt;font-weight:normal;white-space:pre-wrap;margin:0;width:100%;color:#000 } :is(#ddpc-editor, #ddpc-printPages) .back-card { transform:rotate(180deg) } :is(#ddpc-editor, #ddpc-printPages) .design-preview { position:absolute;width:408px;height:352px;object-fit:fill;pointer-events:none;z-index:0 } :is(#ddpc-editor, #ddpc-printPages) .footer-note { text-align:center;font-size:10px;line-height:1.7;color:var(--dd-muted) } :is(#ddpc-editor, #ddpc-printPages) #ddpc-measure { position:fixed;left:-2000px;top:0;width:360px;visibility:hidden } #ddpc-printPages { display:none } @media(max-width:1150px) { :is(#ddpc-editor, #ddpc-printPages) .intro-row { align-items:flex-start;flex-direction:column } :is(#ddpc-editor, #ddpc-printPages) .ddpc-layout { grid-template-columns:330px minmax(0,1fr);gap:15px } :is(#ddpc-editor, #ddpc-printPages) .editor-panel { padding:17px } :is(#ddpc-editor, #ddpc-printPages) .preview-panel { padding:14px } } @media(max-width:800px) { :is(#ddpc-editor, #ddpc-printPages) .intro { padding:15px 16px 22px } :is(#ddpc-editor, #ddpc-printPages) h1 { font-size:29px } :is(#ddpc-editor, #ddpc-printPages) .crumb { margin-bottom:18px } :is(#ddpc-editor, #ddpc-printPages) .ddpc-layout { grid-template-columns:minmax(0,1fr);padding:0 12px 25px } :is(#ddpc-editor, #ddpc-printPages) .editor-panel { position:static;max-height:none } :is(#ddpc-editor, #ddpc-printPages) .preview-panel { padding:12px } :is(#ddpc-editor, #ddpc-printPages) .actions button, :is(#ddpc-editor, #ddpc-printPages) .file-button { font-size:11px;padding:9px } :is(#ddpc-editor, #ddpc-printPages) .preview-heading h2 { font-size:21px } :is(#ddpc-editor, #ddpc-printPages) .toolbar { gap:8px } } :is(#ddpc-editor, #ddpc-printPages) .intro-row { align-items:flex-start } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:18px 20px 0;background:#fff;border:1px solid var(--dd-line);border-radius:12px;box-shadow:0 3px 12px #243c2410 } :is(#ddpc-editor, #ddpc-printPages) .toolbar-group { min-width:0;max-width:100% } :is(#ddpc-editor, #ddpc-printPages) .toolbar-group .actions { display:flex;flex-wrap:wrap;align-items:center;gap:8px } :is(#ddpc-editor, #ddpc-printPages) .toolbar-group-export { margin-left:auto } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar button, :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar .file-button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:0;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.3;white-space:normal } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar #ddpc-reset { border-color:transparent;background:transparent;color:var(--dd-muted) } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar .import-featured { background:#416e50;color:white;border-color:#416e50;box-shadow:0 2px 4px #24442b18 } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar .import-featured:hover { background:#2f5a3d } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar #ddpc-download { background:#edf3ed;color:#2f5a3d;border-color:#c6d5c8 } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar #ddpc-download:hover { background:#dde9de } :is(#ddpc-editor, #ddpc-printPages) .toolbar-autosave-row { display:flex;flex:1 0 100%;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #e9ede7 } :is(#ddpc-editor, #ddpc-printPages) .toolbar-autosave-row .save-later { min-height:36px;font-size:11px;background:transparent;padding:8px 12px } :is(#ddpc-editor, #ddpc-printPages) .toolbar-autosave-row .auto-save-toggle { white-space:normal;margin:0;font-size:11px;line-height:1.5 } :is(#ddpc-editor, #ddpc-printPages) .amazon-product-link { display:flex;width: 100%; justify-content: end; align-items:center;gap:7px;margin:10px 0 2px;font-size:12px;text-decoration:underline;text-underline-offset:3px } :is(#ddpc-editor, #ddpc-printPages) .amazon-product-link i { font-size:10px } :is(#ddpc-editor, #ddpc-printPages) .export-note { font-size:10px;color:var(--dd-muted);line-height:1.5 } @media(max-width:600px) { :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar { padding:12px 12px 0;gap:12px } :is(#ddpc-editor, #ddpc-printPages) .toolbar-group { width:100% } :is(#ddpc-editor, #ddpc-printPages) .toolbar-group .actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar .import-featured { grid-column:auto;min-height:46px } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar #ddpc-reset { border-color:var(--dd-line) } :is(#ddpc-editor, #ddpc-printPages) .toolbar-group-export { margin-left:0 } :is(#ddpc-editor, #ddpc-printPages) .toolbar-autosave-row { gap:10px } :is(#ddpc-editor, #ddpc-printPages) .toolbar-autosave-row .save-later { width:100% } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar button, :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar .file-button { padding:10px;font-size:12px } } :is(#ddpc-editor, #ddpc-printPages) .offset-control { display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;margin:12px 0;padding:12px;background:#fff;border:1px solid var(--dd-line);border-radius:8px } :is(#ddpc-editor, #ddpc-printPages) .offset-copy { grid-column:1/-1 } :is(#ddpc-editor, #ddpc-printPages) .offset-copy label { display:block;font-size:11px;font-weight:600;color:var(--dd-ink) } :is(#ddpc-editor, #ddpc-printPages) .offset-copy span, :is(#ddpc-editor, #ddpc-printPages) .offset-help { font-size:10px;line-height:1.5;color:var(--dd-muted) } :is(#ddpc-editor, #ddpc-printPages) .offset-control .offset-step { width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;padding:0;font-size:18px;line-height:1;justify-self:center } :is(#ddpc-editor, #ddpc-printPages) .offset-control input[type=range] { width:100%;min-width:0;margin:0;accent-color:var(--dd-green) } :is(#ddpc-editor, #ddpc-printPages) .offset-control output { grid-column:1/3;text-align:left;font-size:11px;font-variant-numeric:tabular-nums;color:var(--dd-green-dark) } :is(#ddpc-editor, #ddpc-printPages) .offset-control .offset-reset { grid-column:3;justify-self:end;min-height:30px;padding:4px 8px;font-size:10px } :is(#ddpc-editor, #ddpc-printPages) .offset-help { grid-column:1/-1 } :is(#ddpc-editor, #ddpc-printPages) .front-card { cursor:text } :is(#ddpc-editor, #ddpc-printPages) .front-card[role=button]:focus-visible { outline:2px solid var(--dd-green);outline-offset:1px } :is(#ddpc-editor, #ddpc-printPages) .inline-text { cursor:text;user-select:text;-webkit-user-select:text;outline:none } :is(#ddpc-editor, #ddpc-printPages) .inline-text:focus { background:#ffffff55 } :is(#ddpc-editor, #ddpc-printPages) .font-current-sample { display:block;min-height:22px;padding:4px 2px 1px;color:var(--dd-ink);font:17px/1.15 serif;white-space:nowrap;overflow:hidden } :is(#ddpc-editor, #ddpc-printPages) .font-browse { width:100%;min-height:25px;padding:3px 4px;font-size:9px;color:var(--dd-green-dark);background:var(--dd-soft);border-color:#d9e3d6 } :is(#ddpc-editor, #ddpc-printPages) .font-chooser { width:min(590px,calc(100vw - 28px));max-width:590px;max-height:min(760px,calc(100vh - 28px));padding:0;border:1px solid var(--dd-line);border-radius:12px;background:white;color:var(--dd-ink);box-shadow:0 20px 70px #1b2d1c45 } :is(#ddpc-editor, #ddpc-printPages) .font-chooser::backdrop { background:#1e2a2080 } :is(#ddpc-editor, #ddpc-printPages) .font-dialog-head { position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;background:white;border-bottom:1px solid var(--dd-line) } :is(#ddpc-editor, #ddpc-printPages) .font-dialog-head h2 { font-size:21px } :is(#ddpc-editor, #ddpc-printPages) .font-dialog-head button { font-size:22px;line-height:1;padding:4px 10px;min-height:33px } :is(#ddpc-editor, #ddpc-printPages) .font-search-label { display:block;padding:14px 20px 8px;font-size:11px;color:var(--dd-muted) } :is(#ddpc-editor, #ddpc-printPages) .font-search-label input { display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--dd-line);border-radius:6px;font:13px var(--ui-sans),sans-serif } :is(#ddpc-editor, #ddpc-printPages) .font-preview-list { max-height:min(56vh,510px);overflow:auto;padding:4px 14px 12px;scrollbar-width:thin } :is(#ddpc-editor, #ddpc-printPages) .font-option { display:flex;width:100%;min-height:59px;align-items:center;justify-content:space-between;gap:16px;margin:4px 0;padding:8px 12px;text-align:left } :is(#ddpc-editor, #ddpc-printPages) .font-option:hover, :is(#ddpc-editor, #ddpc-printPages) .font-option:focus-visible { background:var(--dd-soft) } :is(#ddpc-editor, #ddpc-printPages) .font-option-name { flex:0 0 185px;font-size:11px;color:var(--dd-muted) } :is(#ddpc-editor, #ddpc-printPages) .font-option-sample { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:400 } :is(#ddpc-editor, #ddpc-printPages) .font-option[hidden] { display:none } :is(#ddpc-editor, #ddpc-printPages) .font-unavailable .font-option-sample { font-family:serif!important } :is(#ddpc-editor, #ddpc-printPages) .font-dialog-note { margin:0;padding:10px 20px 16px;font-size:10px;color:var(--dd-muted) } @media(max-width:520px) { :is(#ddpc-editor, #ddpc-printPages) .font-option { gap:8px } :is(#ddpc-editor, #ddpc-printPages) .font-option-name { flex-basis:112px } :is(#ddpc-editor, #ddpc-printPages) .font-option-sample { font-size:19px } :is(#ddpc-editor, #ddpc-printPages) .font-chooser { max-height:calc(100vh - 20px) } } :is(#ddpc-editor, #ddpc-printPages) .ddpc-action-icon { margin-right:7px;font-size:.95em } :is(#ddpc-editor, #ddpc-printPages) .actions .file-button { display:inline-flex;align-items:center;white-space:nowrap } :is(#ddpc-editor, #ddpc-printPages) .actions .file-button input { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap } :is(#ddpc-editor, #ddpc-printPages) .save-later { background:#fff;color:var(--dd-green-dark);border-color:#bbccba } :is(#ddpc-editor, #ddpc-printPages) .auto-save-toggle { display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:var(--dd-muted);cursor:pointer } :is(#ddpc-editor, #ddpc-printPages) .auto-save-toggle input { margin:0 } :is(#ddpc-editor, #ddpc-printPages) .download-chooser { width:min(440px,calc(100vw - 28px));max-width:440px;padding:0;border:1px solid var(--dd-line);border-radius:12px;background:#fff;color:var(--dd-ink);box-shadow:0 20px 70px #1b2d1c45 } :is(#ddpc-editor, #ddpc-printPages) .download-chooser::backdrop { background:#1e2a2080 } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-head { display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--dd-line) } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-head h2 { font-size:21px } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-head .eyebrow { margin:0 0 5px } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-head .dialog-close { min-height:32px;padding:4px 9px;font-size:17px } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-body { padding:18px 20px 6px } :is(#ddpc-editor, #ddpc-printPages) .download-format-label { display:block;font-size:11px;font-weight:600 } :is(#ddpc-editor, #ddpc-printPages) .download-format-label select { display:block;width:100%;margin-top:7px;font-weight:400 } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-body .export-note { display:block;margin-top:9px;text-align:left } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-status { min-height:18px;margin:8px 20px;color:var(--dd-muted);font-size:11px;line-height:1.5 } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-actions { display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 18px } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-actions .primary { min-width:118px } :is(#ddpc-editor, #ddpc-printPages) .download-dialog-actions .primary .ddpc-action-icon { display:none } @media(max-width:520px) { :is(#ddpc-editor, #ddpc-printPages) .intro-row>.actions { width:100% } :is(#ddpc-editor, #ddpc-printPages) .intro-row>.actions button, :is(#ddpc-editor, #ddpc-printPages) .intro-row>.actions .file-button { flex:1 1 auto;justify-content:center } :is(#ddpc-editor, #ddpc-printPages) .download-chooser { max-height:calc(100vh - 20px) } } :is(#ddpc-editor, #ddpc-printPages) .font-preview-row { display:flex;align-items:center;gap:8px;margin-top:4px } :is(#ddpc-editor, #ddpc-printPages) .font-current-sample { flex:1;min-width:0;padding:12px 2px } :is(#ddpc-editor, #ddpc-printPages) .font-browse { width:auto;flex:0 0 auto;min-height:32px;padding:6px 10px;white-space:nowrap } :is(#ddpc-editor, #ddpc-printPages) .apply-small { display:block;width:100%;margin-top:7px;padding:7px 10px;border:1px solid #d9e3d6;border-radius:6px;background:var(--dd-soft);color:var(--dd-green-dark);text-align:center;font-size:10px;line-height:1.3;min-height:32px } :is(#ddpc-editor, #ddpc-printPages) .apply-small:hover { border-color:#aabda7;background:#e6eee2 } :is(#ddpc-editor, #ddpc-printPages) #ddpc-table { height:40px;min-height:40px;resize:vertical } :is(#ddpc-editor, #ddpc-printPages) .font-preview-row { grid-column:1/-1;width:100% } :is(#ddpc-editor, #ddpc-printPages) .design-options { display:grid;gap:7px;margin:12px 0 4px;padding:11px 12px;border:1px solid var(--dd-line);border-radius:7px;background:#fafbf8 } :is(#ddpc-editor, #ddpc-printPages) .design-options label { display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--dd-ink);cursor:pointer } :is(#ddpc-editor, #ddpc-printPages) .design-options input { margin:2px 0 0 } :is(#ddpc-editor, #ddpc-printPages) .option-help { display:block;margin-top:2px;color:var(--dd-muted);font-size:10px;font-weight:400;line-height:1.4 } :is(#ddpc-editor, #ddpc-printPages) .export-wait { position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(28,36,29,.48); } :is(#ddpc-editor, #ddpc-printPages) .export-wait-card { display:flex;flex-direction:column;align-items:center;gap:12px;min-width:250px;padding:28px 34px;border:1px solid #d8ddd5;border-radius:12px;background:#fffefa;color:#242a24;box-shadow:0 16px 48px #17251d40;text-align:center;font-size:13px; } :is(#ddpc-editor, #ddpc-printPages) .export-wait-card strong { font-size:16px; } :is(#ddpc-editor, #ddpc-printPages) .export-wait-card>span:last-child { color:#697168;font-size:12px; } :is(#ddpc-editor, #ddpc-printPages) .export-spinner { width:2.25rem;height:2.25rem;border:.25em solid var(--dd-soft);border-right-color:var(--dd-green);border-radius:50%;animation:ddpc-spin .75s linear infinite; } :is(#ddpc-editor, #ddpc-printPages) .editor-toolbar .ddpc-action-icon { margin-right:0 } #ddpc-editor { width:100%; margin:0 auto; } :is(#ddpc-editor, #ddpc-printPages) [hidden] { display:none!important; } :is(#ddpc-editor, #ddpc-printPages) .card { flex-direction:row; font-style:normal; letter-spacing:normal; text-transform:none; } :is(#ddpc-editor, #ddpc-printPages) .back-copy { text-align:center; } :is(#ddpc-editor, #ddpc-printPages) textarea { display:block; } :is(#ddpc-editor, #ddpc-printPages) .perforation { position:absolute; z-index:1; pointer-events:none; opacity:.82; } :is(#ddpc-editor, #ddpc-printPages) .perforation-h { left:0; right:0; height:2px; background:repeating-linear-gradient(to right,#a5aea5 0 6px,transparent 6px 12px); transform:translateY(-1px); } :is(#ddpc-editor, #ddpc-printPages) .perforation-v { top:0; bottom:0; width:2px; background:repeating-linear-gradient(to bottom,#a5aea5 0 6px,transparent 6px 12px); transform:translateX(-1px); } @page ddpc-sheet { size:letter portrait; margin:0; } @media print { html.ddpc-printing, html.ddpc-printing body { margin:0!important; padding:0!important; background:white!important; } html.ddpc-printing body>* { display:none!important; } html.ddpc-printing body>#ddpc-printPages { display:block!important; } #ddpc-printPages .print-sheet { page:ddpc-sheet; display:block; position:relative; width:8.5in; height:11in; margin:0; padding:0; background:white; overflow:hidden; break-after:page; box-shadow:none; transform:none!important; } #ddpc-printPages .print-sheet:last-child { break-after:auto; } #ddpc-printPages .design-preview { display:none!important; } #ddpc-printPages .perforation { display:none!important; } #ddpc-printPages .card { outline:0!important; border:0!important; box-shadow:none!important; background:transparent!important; opacity:1!important; } } #ddpc-editor .guest-dialog { width:min(760px,calc(100vw - 28px)); max-height:calc(100dvh - 40px); overflow:auto; margin:auto; padding:26px; border:1px solid #d5ddd5; border-radius:16px; background:#fffefa; color:var(--ink); box-shadow:0 20px 70px #17251d40; font-family:var(--ui-sans),sans-serif; } #ddpc-editor .guest-dialog::backdrop { background:rgba(22,34,28,.48); } #ddpc-editor .guest-heading { position:relative; padding-right:48px; margin-bottom:18px; } #ddpc-editor .guest-heading h2 { margin:6px 0 0; } #ddpc-editor .guest-close { position:absolute; top:0; right:0; width:38px; height:38px; padding:0; font:28px/1 sans-serif; display:grid; place-items:center; } #ddpc-editor .guest-dialog p { font-size:14px; line-height:1.6; } #ddpc-editor .guest-dialog input[type=file] { width:100%; margin:0 0 16px; } #ddpc-editor .guest-header-option { display:flex; gap:8px; align-items:center; margin:16px 0; font-size:14px; } #ddpc-editor .guest-header-option input { width:auto; } #ddpc-editor .guest-preview-wrap { overflow:auto; border:1px solid #d5ddd5; border-radius:8px; margin-bottom:16px; } #ddpc-editor .guest-preview { border-collapse:collapse; width:100%; min-width:480px; font-size:13px; } #ddpc-editor .guest-preview caption { caption-side:top; padding:10px; color:inherit; text-align:left; } #ddpc-editor .guest-preview th,#ddpc-editor .guest-preview td { text-align:left; padding:9px; border-top:1px solid #d5ddd5; vertical-align:top; white-space:pre-wrap; overflow-wrap:anywhere; max-width:240px; } #ddpc-editor .guest-preview th { background:#eef3ec; } #ddpc-editor .guest-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin-top:20px; } @media (max-width:600px) { #ddpc-editor .guest-dialog { padding:18px; } } @media print { #ddpc-editor .guest-dialog { display:none!important; } } @keyframes ddpc-spin { to { transform:rotate(360deg); } } @media (prefers-reduced-motion:reduce) { #ddpc-editor .export-spinner { animation-duration:1.8s; } } /* Shared coordinate textbox paragraphs inherit JSON alignment. */ :is(#ddpc-editor, #ddpc-printPages) .copy, :is(#ddpc-editor, #ddpc-printPages) .back-copy { text-align:inherit; } :is(#ddpc-editor, #ddpc-printPages) .copy { transform:none; } :is(#ddpc-editor, #ddpc-printPages) .front-card, :is(#ddpc-editor, #ddpc-printPages) .back-card { transform-origin:center; } /* Template resources stay compact; all configuration lives inside the dialogs. */ #ddpc-editor .template-resource-buttons { display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px; } #ddpc-editor .template-resource-buttons button { display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1 1 160px;min-width:0;padding:9px 10px;font-size:11px;line-height:1.4; } #ddpc-editor .template-resource-buttons .ddpc-action-icon { margin:0; } #ddpc-editor .template-resource-dialog { max-height:calc(100dvh - 24px);overflow:auto; } #ddpc-editor .template-resource-dialog .download-dialog-head { gap:12px; } #ddpc-editor .template-resource-dialog .dialog-close { flex-shrink:0; } #ddpc-editor .template-dialog-intro { margin:8px 0 16px;font-size:12px;line-height:1.6;color:var(--dd-muted); } #ddpc-editor .blank-template-design { margin:0;font-weight:600;font-size:14px; } #ddpc-editor .template-dialog-field { display:grid;gap:6px;margin:12px 0;font-size:12px;font-weight:600; } #ddpc-editor .template-dialog-field select { width:100%;font-weight:400; } #ddpc-editor .template-dialog-link { display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:6px;background:var(--dd-green);color:#fff;text-decoration:none;font-size:12px; } #ddpc-editor .template-dialog-link:hover { filter:brightness(.94); } #ddpc-editor .template-resource-dialog [hidden] { display:none!important; } #ddpc-editor .printing-help-dialog { width:min(580px,calc(100vw - 28px));max-width:580px; } #ddpc-editor .printing-scale-tip { display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px;border:1px solid var(--dd-line);border-radius:8px;background:var(--dd-soft);font-size:13px;line-height:1.6; } #ddpc-editor .printing-scale-tip>i { margin-top:4px;color:var(--dd-green);font-size:17px; } #ddpc-editor .printing-scale-tip strong { display:block;margin-bottom:3px; } #ddpc-editor .printing-tips-list { margin:0 0 16px;padding-left:22px;font-size:12px;line-height:1.65; } #ddpc-editor .printing-tips-list li { margin-bottom:12px;padding-left:4px; } #ddpc-editor .printing-help-source { margin:14px 0 0;font-size:11px;line-height:1.6;color:var(--dd-muted); } @media(max-width:420px) { #ddpc-editor .template-resource-buttons button { flex-basis:140px; } #ddpc-editor .template-resource-dialog .download-dialog-head { padding:16px; } #ddpc-editor .template-resource-dialog .download-dialog-body { padding:16px; } #ddpc-editor .template-resource-dialog .download-dialog-actions { padding:12px 16px 16px;flex-wrap:wrap; } } /* Optional meal codes and spreadsheet column mapping. */ #ddpc-editor .meal-enable-option { display:flex; align-items:center; gap:8px; margin:12px 0; } #ddpc-editor .meal-enable-option input { width:auto; margin:0; } #ddpc-editor .meal-controls input[type="text"] { width:100%; min-height:40px; } #ddpc-editor .meal-controls fieldset, #ddpc-editor .guest-column-mapping { border:1px solid var(--dd-line,#ddd); border-radius:10px; padding:14px; margin-top:14px; } #ddpc-editor .meal-controls legend { float:none; width:auto; padding:0; margin:0 0 6px; font:600 11px/1.4 var(--ui-sans),sans-serif; } #ddpc-editor .guest-column-mapping legend { float:none; width:auto; font-size:1rem; padding:0 5px; } #ddpc-editor .meal-controls input[type="range"] { display:block; width:100%; margin:10px 0 18px; } #ddpc-editor .meal-controls output { float:right; } #ddpc-editor .guest-column-mapping { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #ddpc-editor .guest-column-mapping select { width:100%; margin-top:6px; } :is(#ddpc-editor,#ddpc-printPages) .meal-card { display:flex; align-items:center; justify-content:center; text-align:center; padding:0; background:transparent; overflow:hidden; border:0; z-index:4; } :is(#ddpc-editor,#ddpc-printPages) .meal-card span { white-space:nowrap; } @media (max-width:480px) { #ddpc-editor .guest-column-mapping { grid-template-columns:1fr; } } @media print { :is(#ddpc-editor,#ddpc-printPages) .meal-card { border:0!important; } } /* Keep meal controls compact and grouped with the other design options. */ #ddpc-editor .design-options .meal-enable-option { margin:0; align-items:flex-start; } #ddpc-editor .design-options .meal-enable-option input { margin:2px 0 0; } #ddpc-editor .meal-controls .meal-position-label { display:flex; align-items:center; width:100%; font-size:12px; } #ddpc-editor .meal-controls .meal-position-label output { float:none; margin-left:auto; text-align:right; } #ddpc-editor .meal-controls .meal-enable-option { font-size:12px; } #ddpc-editor #ddpc-applyInkAll { width:auto; margin:0 0 0 auto; flex-shrink:0; } #ddpc-editor .guest-sample-download { display:inline-flex; align-items:center; gap:7px; width:auto; margin:4px 0; } #ddpc-editor .format-grid .table-case-option { grid-column:1/-1; display:flex; align-items:center; gap:6px; color:var(--dd-ink); font-size:11px; margin-top:3px; } #ddpc-editor .format-grid .table-case-option input { width:auto; min-height:0; padding:0; margin:0; border-radius:0; } #ddpc-editor .secondary-inline-text { display:block; width:100%; min-width:1em; min-height:1em; cursor:text; } #ddpc-editor .card.editing-inline { z-index:6; outline:1px solid var(--dd-green); } #ddpc-editor .guest-spreadsheet-dialog { width:min(1100px,calc(100vw - 28px)); max-width:1100px; max-height:92vh; } #ddpc-editor .guest-grid-scroll { overflow:auto; max-height:56vh; border:1px solid var(--dd-line); margin:12px 0; } #ddpc-editor .guest-entry-grid { width:100%; min-width:680px; table-layout:fixed; border-collapse:separate; border-spacing:0; } #ddpc-editor .guest-entry-grid th { padding:9px; background:var(--dd-soft); font:600 12px var(--ui-sans),sans-serif; } #ddpc-editor .guest-entry-grid thead th { position:sticky; top:0; z-index:2; } #ddpc-editor .guest-entry-grid th:first-child { width:42px; } #ddpc-editor .guest-entry-grid th[data-field="table"] { width:145px; } #ddpc-editor .guest-entry-grid th[data-field="meal"] { width:125px; } #ddpc-editor .guest-entry-grid th[data-field="back"] { width:250px; } #ddpc-editor .guest-entry-grid td,#ddpc-editor .guest-entry-grid th { border-right:1px solid var(--dd-line); border-bottom:1px solid var(--dd-line); } #ddpc-editor .guest-entry-grid td { padding:0; vertical-align:top; } #ddpc-editor .guest-entry-grid input,#ddpc-editor .guest-entry-grid textarea { box-sizing:border-box; display:block; width:100%; min-width:0; min-height:42px; height:42px; margin:0; padding:10px 8px; border:0; border-radius:0; background:white; font:13px var(--ui-sans),sans-serif; resize:vertical; } #ddpc-editor .guest-entry-grid :is(input,textarea):focus { outline:2px solid var(--dd-green); outline-offset:-2px; } #ddpc-editor .guest-grid-actions { flex-wrap:wrap; } #ddpc-editor .guest-spreadsheet-dialog[open] { display:flex; flex-direction:column; overflow:auto; } #ddpc-editor .guest-spreadsheet-dialog > :is(.download-dialog-head,.download-dialog-actions,p) { flex-shrink:0; } #ddpc-editor .guest-spreadsheet-dialog .guest-grid-scroll { flex:1 1 auto; min-height:100px; } /* First-visit template setup */ #ddpc-editor .setup-dialog { width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; } #ddpc-editor .setup-dialog select { width:100%; min-width:0; } #ddpc-editor .setup-options { border:0; padding:12px 0; margin:0; display:grid; gap:14px; } #ddpc-editor .setup-options legend { float:none; width:auto; font-size:14px; font-weight:600; margin-bottom:14px; } #ddpc-editor .setup-options label { display:flex; align-items:flex-start; gap:10px; margin:0; font-size:14px; line-height:1.5; } #ddpc-editor .setup-options input { flex:0 0 auto; margin-top:4px; } #ddpc-editor #ddpc-setupError { color:#a12622; } #ddpc-editor .setup-fonts { border-top:1px solid var(--dd-line); padding-top:18px; display:grid; gap:14px; } #ddpc-editor .setup-fonts h3 { font-size:17px; margin:0; } #ddpc-editor .setup-font-choice > label { display:block; margin-bottom:6px; font-size:13px; font-weight:600; } #ddpc-editor .setup-font-sample { padding:12px; text-align:center; background:#f7f8f5; border-radius:6px; margin-top:6px; line-height:1.5; overflow-wrap:anywhere; }