.editor-header{width:calc(100% - 48px);max-width:1600px}.design-main{width:calc(100% - 48px);max-width:1600px;margin:0 auto;padding:22px 0}.design-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#project-name{font-size:20px;font-weight:600;border:1px solid var(--line);padding:10px;min-width:180px;flex:1;max-width:450px}#save-status{font-size:12px;color:var(--muted);margin-right:auto}.design-main button,.design-main select,.design-main input,.design-main textarea,dialog button{font:inherit}.design-main button:not(.cta):not(.folder-button),dialog button:not(.cta){border:1px solid #b6bfc9;background:#fff;color:var(--ink);border-radius:3px;padding:8px 11px;min-height:38px}.design-main button:hover:not(:disabled){filter:brightness(.95)}.design-main button[aria-pressed=true]{color:var(--blue);background:#e8f0fb;border-color:var(--blue)}.export-controls{display:flex;gap:8px}.export-controls select{border:1px solid var(--line);padding:8px}.design-tools{display:flex;gap:7px;flex-wrap:wrap;border:1px solid var(--line);padding:10px;background:#fafbfc}.tool-separator{border-left:1px solid var(--line);margin:0 3px}.design-workspace{display:grid;grid-template-columns:145px minmax(200px,1fr) 245px;border:1px solid var(--line);border-top:0;min-height:650px}.page-panel,.property-panel{padding:15px;background:#fafbfc}.page-panel{border-right:1px solid var(--line)}.property-panel{border-left:1px solid var(--line);max-height:85vh;overflow:auto}.page-panel h2,.property-panel h2{font-size:14px}.page-panel>button{width:100%;font-size:12px!important;margin:7px 0 0}.page-button{display:block;width:100%;margin-bottom:8px;font-size:12px!important;text-align:left}.page-button[aria-current]{border-color:var(--blue)!important;background:#e8f0fb!important}.page-button svg{width:100%;height:85px;margin-bottom:5px;display:block;background:white;border:1px solid var(--line)}.page-settings{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.page-settings label,.property-panel label{display:block;font-size:12px;margin:10px 0 5px;color:#3e4955}.property-panel input,.property-panel select,.property-panel textarea,.page-settings input{width:100%;border:1px solid #bac3ce;border-radius:3px;padding:7px;color:var(--ink);background:white}.property-panel input[type=color],.page-settings input[type=color]{height:34px;padding:3px}.property-panel textarea{resize:vertical;font-size:14px}.property-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.property-buttons button{font-size:12px!important;padding:6px!important}.geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.layers-heading{margin:20px 0 10px}.layer-button{display:block;width:100%;margin-bottom:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}.canvas-panel{min-width:0;background:#e7ebef;display:flex;flex-direction:column}.canvas-instructions{font-size:12px;color:#53606e;background:#f7f9fb;border-bottom:1px solid var(--line);padding:10px 14px}#canvas-scroll{padding:28px;overflow:auto;flex:1;display:flex;align-items:flex-start;justify-content:center}#design-canvas{display:block;flex-shrink:0;width:100%;max-width:850px;max-height:78vh;box-shadow:0 2px 12px #26344220;touch-action:none;background:white}#design-canvas [data-element]{cursor:move}#page-description{padding:10px 14px;font-size:12px}.editor-notice{padding:10px 0;font-size:13px;color:var(--muted)}.editor-notice a{margin-left:10px}.editor-footnote{font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0 0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{display:flex;align-items:stretch;flex-direction:column;text-align:left;gap:8px;padding:12px!important}.template-card svg{height:135px;max-width:100%;background:#eef1f5}.template-card strong{font-size:14px}.template-card small{font-size:12px;color:var(--muted)}.project-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-item strong{flex:1}.project-item small{color:var(--muted);font-size:12px}#access-dialog>.cta{margin:10px 0 15px}#access-dialog>p{font-size:14px}#project-list{min-height:80px}
@media(max-width:1000px){.design-workspace{grid-template-columns:110px minmax(180px,1fr) 210px}.page-panel,.property-panel{padding:10px}#canvas-scroll{padding:18px}.design-top>.cta,.design-top>.folder-button{font-size:14px;padding:9px 13px}.editor-header{gap:15px}.editor-header nav{font-size:13px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.design-main,.editor-header{width:calc(100% - 24px)}.editor-header{flex-wrap:wrap}.editor-header nav{flex-wrap:wrap;gap:15px}.design-top{gap:8px}#project-name{max-width:none;width:100%}#save-status{width:100%;order:5}.design-workspace{grid-template-columns:1fr}.page-panel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.page-panel h2{margin:0}.page-panel #pages{display:flex;gap:5px;max-width:100%;overflow:auto}.page-button{width:auto;margin:0}.page-button svg{display:none}.page-panel>button{width:auto;margin:0}.page-settings{width:100%;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 0;padding:10px 0 0}.page-settings h2{display:none}.page-settings label{margin:0}.page-settings input{width:65px}.property-panel{border-left:0;border-top:1px solid var(--line);max-height:none}.property-panel #properties{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.property-panel #text-properties,.property-panel #shape-properties{grid-column:1/-1}.canvas-instructions{font-size:11px}#canvas-scroll{padding:20px 12px;min-height:300px}#design-canvas{max-height:70vh}.design-tools button{font-size:12px!important;padding:7px!important}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-footnote{font-size:12px}}

.import-pub-link{font-size:14px;min-height:38px;padding:8px 11px;font-weight:400}
/* Keep the artwork at its true proportions at every zoom level. */
.design-workspace{grid-template-columns:145px minmax(200px,1fr) 268px}
.canvas-instructions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.zoom-label{display:flex;align-items:center;gap:7px;white-space:nowrap}.zoom-label select,.design-tools>select{border:1px solid #bac3ce;border-radius:3px;padding:6px;background:white;font-size:12px}
#canvas-scroll{height:66vh;min-height:380px;flex:none;align-items:flex-start}#canvas-scroll.overflowing{justify-content:flex-start}
#design-canvas{max-width:none;max-height:none;width:auto;height:auto;outline:none}#design-canvas:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.color-strip{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#f7f9fb;border-bottom:1px solid var(--line);font-size:12px;color:#53606e}
#quick-colors{display:flex;gap:8px;flex-wrap:wrap}.design-main button.color-swatch{padding:0;min-height:24px;width:24px;height:24px;border-radius:50%;border:1px solid #879087;box-shadow:inset 0 0 0 2px #ffffff90}
.property-panel{max-height:calc(66vh + 125px)}.property-label{font-size:12px;margin:16px 0 6px;color:#3e4955}.align-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.align-tools button{font-size:11px!important;padding:5px!important;min-height:30px!important}.selection-actions{margin:0 0 12px}
#fit-text{font-size:12px;padding:5px 9px;min-height:30px;width:100%;margin-top:6px}.text-warning{font-size:12px;line-height:1.5;color:#874b12;background:#fff4df;padding:8px;margin:8px 0}
.layers-hint{font-size:11px;line-height:1.4;margin:0 0 10px;color:var(--muted)}.page-button svg{height:auto;max-height:125px;aspect-ratio:auto}
#preview-dialog{width:min(1150px,95vw);max-width:95vw}#artwork-preview{background:#e7ebef;padding:18px;display:flex;justify-content:center}#artwork-preview svg{display:block;width:100%;height:auto;max-height:70vh;filter:drop-shadow(0 2px 5px #26344225)}#preview-caption{margin-bottom:0}
.editor-tips{padding-left:20px;font-size:14px;line-height:1.6}.editor-tips li{margin-bottom:14px}.editor-tips strong{display:block}
@media(max-width:1000px){.design-workspace{grid-template-columns:110px minmax(180px,1fr) 230px}.color-strip{gap:8px;padding:8px}.canvas-instructions{font-size:11px}}
@media(max-width:700px){.design-workspace{grid-template-columns:1fr}#canvas-scroll{height:50vh;min-height:300px}.property-panel{max-height:none}.property-panel #properties{display:block}.selection-actions{max-width:240px}.align-tools{max-width:380px}.color-strip{padding:10px}.canvas-instructions{padding:10px}.zoom-label{margin-left:auto}#preview-dialog{padding:16px}#artwork-preview{padding:5px}}