.editor-page{height:100vh;overflow:hidden}.editor-page .editor-shell{height:calc(100vh - 72px);padding:14px}.editor-page .workspace{height:100%}.page-actions{display:flex;padding:8px;gap:6px;border-bottom:1px solid var(--line)}.page-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px;font-size:10px}.thumb{position:relative}.thumb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.thumb-head label{display:flex;align-items:center;gap:5px;font-size:10px}.thumb-delete,.thumb-different{border:0;background:transparent;padding:2px;color:var(--muted);font-size:11px}.thumb-delete:hover{color:#b32f2f}.thumb-different:hover{color:var(--green)}.toolbar{justify-content:space-between;padding:0 14px}.toolbar>div{display:flex;align-items:center;gap:8px}.stage-scroll{flex:1;overflow:auto;display:grid;place-items:center;padding:35px}.canvas-wrap{margin:0}.add-tools{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:7px;border-bottom:1px solid var(--line)}.tool-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;font-size:12px;text-align:center;cursor:pointer}.tool-button:first-child{grid-column:span 2;background:var(--green2);color:var(--green);font-weight:700}.properties-title{display:flex;align-items:center;justify-content:space-between}.properties-title h3{text-transform:none!important;font-size:14px!important}.page-different{width:100%;margin:14px 0;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px;font-size:11px}.placed-number{display:grid;place-items:center;background:transparent;color:var(--ink);white-space:nowrap;line-height:1}.placed-cover{background:#fff}.layer-kind{width:44px;height:32px;display:grid;place-items:center;background:#eef2f0;font-weight:800}.image-edit-grid{display:grid;grid-template-columns:minmax(300px,1fr) 280px;gap:20px;padding:22px}.edit-canvas-wrap{min-height:440px;display:grid;place-items:center;overflow:auto;background:#dfe5e1}.edit-canvas-wrap canvas{max-width:100%;max-height:65vh;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;cursor:default}.eraser-row{padding-top:8px;border-top:1px solid var(--line)}.eraser-row label{margin-top:8px}.edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clean-controls select{padding:8px;border:1px solid var(--line);border-radius:7px}.topbar{grid-template-columns:1fr auto 1fr}.topbar .brand{justify-self:start}.topbar nav{margin:0;justify-self:center}.topbar .account{justify-self:end}@media(max-width:900px){.editor-page{overflow:auto}.editor-page .editor-shell{height:auto}.editor-page .workspace{min-height:900px}.image-edit-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr auto}.topbar .account{display:none}}
.editor-legal{display:flex;justify-content:center;gap:10px;margin-top:9px}.editor-legal a{font-size:10px;color:var(--muted);text-decoration:none}
.edit-history{display:flex;align-items:center;gap:6px}.edit-history button{width:32px;height:32px;border:1px solid var(--line);border-radius:7px;background:#fff}.edit-history button:disabled{opacity:.4}.edit-history strong{min-width:44px;text-align:center;font-size:11px}.edit-canvas-wrap{display:block;position:relative;overflow:auto;padding:25px}.edit-canvas-wrap #editCanvasStage{position:relative;margin:auto;width:max-content;line-height:0}.edit-canvas-wrap canvas{display:block;max-width:none;max-height:none}.eraser-cursor{display:none;position:absolute;border:2px solid #ff6600;background:#ffffff26;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff}.eraser-cursor.visible{display:block}
#eraserCursor{display:none;position:absolute;border:2px solid #ff6600;background:#ffffff26;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff}#eraserCursor.visible{display:block}
.editor-page .workspace{min-height:0;overflow:hidden}.editor-page .pages-panel,.editor-page .stage-panel,.editor-page .tools-panel{height:100%;min-height:0;overflow:hidden}.editor-page .pages-panel{display:flex;flex-direction:column}.editor-page .pages-panel .thumbnails{flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain}.editor-page .tools-panel #properties{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.editor-page .tools-panel .layers{flex:0 1 180px;min-height:55px;overflow-y:auto}.editor-page .tools-panel .export-box{flex:0 0 auto}.toolbar button img{display:block;width:18px;height:18px;margin:auto}.add-tools .tool-button{display:flex;align-items:center;justify-content:center;gap:5px}.add-tools .tool-button img{width:16px;height:16px}
#exportPdf{position:relative;isolation:isolate;overflow:hidden}#exportPdf::before{content:"";position:absolute;z-index:0;inset:0;background:#c84f00;transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .2s ease}#exportPdf>span{position:relative;z-index:1}#exportPdf.processing:disabled{opacity:1;cursor:progress}
.edit-history button img{display:block;width:17px;height:17px;margin:auto}
#pageNumber{-moz-appearance:textfield;appearance:textfield}#pageNumber::-webkit-inner-spin-button,#pageNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.image-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.image-buttons .button{width:100%;padding:9px 8px;font-size:11px}.layer{width:100%;min-width:0;text-align:left}.layer>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-delete{flex:0 0 28px;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.layer-delete:hover{background:#fce9e9;color:#b32f2f}.thumb canvas{border:1px solid #b7c1bb;box-shadow:0 1px 4px #17211d20;background:#fff}#coverColor{display:block;width:100%;height:44px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}#coverColor::-webkit-color-swatch-wrapper{padding:0}#coverColor::-webkit-color-swatch{border:1px solid #aab5af;border-radius:5px}#coverColor::-moz-color-swatch{border:1px solid #aab5af;border-radius:5px}#selectCoverColor{width:100%;margin-top:6px}
.properties-title h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#firstCountRow[hidden],#customPagesRow[hidden],#imageProperties[hidden],#numberProperties[hidden],#coverProperties[hidden]{display:none!important}.selection-summary{margin:9px 0 0;padding:8px 10px;border-radius:7px;background:var(--surface-2,#edf1ef);color:var(--muted);font-size:11px}.color-control{display:grid;gap:6px}.color-control input[type=color]{display:block;width:100%;height:44px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid #aab5af;border-radius:5px}.color-control input[type=color]::-moz-color-swatch{border:1px solid #aab5af;border-radius:5px}.color-control .button{width:100%;margin:0}.font-upload{display:block!important;margin:8px 0 4px!important;text-align:center;font-size:11px!important;cursor:pointer}.font-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}
.layer>.layer-actions{flex:0 0 auto;display:flex;align-items:center;gap:2px;overflow:visible}.layer-order{width:25px;height:25px;padding:3px;border:0;border-radius:5px;background:transparent;cursor:pointer}.layer-order:hover:not(:disabled){background:var(--surface-2,#edf1ef)}.layer-order:disabled{opacity:.25;cursor:default}.layer-order img{display:block;width:17px;height:17px}.layer-up img,.layer-down img{transform:rotate(90deg)}
.color-label{display:block;margin-bottom:6px;font-size:12px}.color-picker-row{display:grid;grid-template-columns:52px 1fr;gap:0}.color-picker-row input[type=color]{height:42px;border-radius:8px 0 0 8px;border-right:0}.color-picker-row .button{height:42px;border-radius:0 8px 8px 0;margin:0}.thumb .thumb-different{position:absolute;right:7px;bottom:7px;z-index:2;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#fffffff0;color:var(--green);font-weight:700;box-shadow:0 1px 4px #17211d20}.thumb .thumb-delete{position:relative;display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;padding:0;border:1px solid #cf3d3d;border-radius:4px;background:#fff;color:#c62828;font-size:18px;font-weight:800;line-height:1;cursor:pointer}.thumb .thumb-delete:hover{background:#c62828;color:#fff}.thumb .thumb-delete::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%);width:max-content;padding:4px 7px;border-radius:5px;background:#8f1f1f;color:#fff;font-size:10px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .12s}.thumb .thumb-delete:hover::after,.thumb .thumb-delete:focus-visible::after{opacity:1}
.thumb .thumb-delete img{display:block;width:14px;height:14px;margin:auto;filter:brightness(0) saturate(100%) invert(22%) sepia(88%) saturate(2400%) hue-rotate(350deg) brightness(88%)}.thumb .thumb-delete:hover img{filter:brightness(0) invert(1)}.layer-delete img{display:block;width:16px;height:16px;margin:auto}.advanced-card #closeAdvanced img,#closeEdit img{display:block;width:18px;height:18px;margin:auto}
.layer-delete,#closeEdit,#closeAdvanced{display:grid;place-items:center;padding:0}.advanced-card #closeAdvanced{width:34px;height:34px}.edit-history #closeEdit{width:32px;height:32px}
.advanced-card #closeAdvanced img,#closeEdit img{width:25px;height:25px;filter:brightness(0) saturate(100%) invert(22%) sepia(88%) saturate(2400%) hue-rotate(350deg) brightness(88%)}
.color-picker-row{grid-template-columns:1fr;gap:0}.color-picker-row input[type=color]{width:100%;border-right:1px solid var(--line);border-radius:8px 8px 0 0}.color-picker-row .button{width:100%;border-radius:0 0 8px 8px;border-top:0}
.editor-page .workspace{grid-template-columns:180px minmax(360px,1fr) 210px 320px}.layers-panel{min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fbfcfb;border-left:1px solid var(--line)}.layers-panel .layers{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:10px}.layers-panel .layer{padding:7px;gap:6px}.layers-panel .layer>img,.layers-panel .layer-kind{flex:0 0 34px;width:34px;height:28px}.layers-panel .layer-order{width:22px;height:22px;padding:2px}.layers-panel .layer-delete{width:24px;height:24px;flex-basis:24px}@media(max-width:1200px) and (min-width:901px){.editor-page .workspace{grid-template-columns:150px minmax(320px,1fr) 180px 290px}}@media(max-width:900px){.editor-page .workspace{grid-template-columns:1fr}.layers-panel{display:none}}
.add-tools{grid-template-columns:repeat(3,1fr)}.add-tools .tool-button:first-child{grid-column:span 3}#textProperties[hidden]{display:none!important}#textProperties textarea{width:100%;resize:vertical;padding:9px;border:1px solid var(--line);border-radius:7px;font:inherit}.placed-text{display:flex;align-items:center;justify-content:center;white-space:pre;line-height:1.15;background:transparent}.placed-text>span{display:block;width:max-content;overflow:visible}
.add-tools{grid-template-columns:repeat(2,1fr)}.add-tools .tool-button:first-child{grid-column:span 1}.add-tools .tool-button img{width:18px;height:18px}.text-format{display:grid;grid-template-columns:repeat(3,36px);gap:6px;margin:10px 0}.text-format button{height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:15px}.text-format button.active{border-color:var(--green);background:var(--green2);color:var(--green)}
.range-heading{display:flex;justify-content:space-between;align-items:center}.range-heading output{min-width:42px;padding:2px 5px;border-radius:5px;background:var(--surface-2,#edf1ef);color:var(--green);text-align:center;font-weight:700}.text-align{display:grid;grid-template-columns:repeat(4,36px);gap:6px;margin:0 0 12px}.text-align button{height:34px;padding:4px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:22px;line-height:1}.text-align button:nth-child(1){text-align:left}.text-align button:nth-child(2){text-align:center}.text-align button:nth-child(3){text-align:right}.text-align button:nth-child(4){text-align:justify}.text-align button.active{border-color:var(--green);background:var(--green2);color:var(--green)}
.upload-icon img{display:block;width:62px;height:72px}.align-lines{width:21px;height:15px;display:flex;flex-direction:column;justify-content:space-between}.align-lines i{display:block;height:2px;border-radius:2px;background:currentColor}.align-left{align-items:flex-start}.align-center{align-items:center}.align-right{align-items:flex-end}.align-justify{align-items:stretch}.align-left i:nth-child(2),.align-left i:nth-child(4),.align-center i:nth-child(2),.align-center i:nth-child(4),.align-right i:nth-child(2),.align-right i:nth-child(4){width:70%}.align-left i:nth-child(1),.align-left i:nth-child(3),.align-center i:nth-child(1),.align-center i:nth-child(3),.align-right i:nth-child(1),.align-right i:nth-child(3){width:100%}.crop-controls{margin:0;padding:10px;border:1px solid var(--line);border-radius:8px}.crop-controls legend{padding:0 5px;font-size:12px;font-weight:700}.crop-controls label{margin:6px 0}.custom-cover-active{cursor:crosshair!important}
.custom-cover-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.canvas-wrap.drawing-cover,.canvas-wrap.drawing-cover *{cursor:crosshair!important}.placed-text>span{display:block;width:max-content;height:max-content;white-space:pre-wrap;overflow:visible}
.editor-page .upload-icon{width:auto;height:auto;background:none;border-radius:0}.editor-page .upload-icon img{width:110px;height:128px}.visually-hidden-file{display:none}.editor-page .drop-card p{margin:12px 0 26px}.editor-page .drop-card>small{margin-top:22px}.editor-page .drop-card>.button{display:inline-block}.toolbar .close-pdf{border-color:#d96a6a}.toolbar .close-pdf img{filter:brightness(0) saturate(100%) invert(22%) sepia(88%) saturate(2400%) hue-rotate(350deg) brightness(88%)}
.toolbar .template-help{width:auto;padding:0 10px;color:var(--green);font-size:11px;font-weight:800;white-space:nowrap}.template-help-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto}.template-help-body{padding:20px 24px 24px}.template-help-body h3{margin:0 0 8px;font-size:14px}.template-help-body p,.template-help-body li{color:var(--muted);font-size:13px;line-height:1.5}.template-help-start p{margin:0}.template-help-methods{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;border-block:1px solid var(--line)}.template-help-methods>section{padding:18px 20px 18px 0}.template-help-methods>section+section{padding-left:20px;border-left:1px solid var(--line)}.template-help-body ol{margin:0;padding-left:20px}.template-help-body li+li{margin-top:7px}.template-help-body li::marker{color:var(--green);font-weight:800}.template-help-dialog pre{margin:12px 0 0;padding:10px 12px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:#f4f7f5;color:var(--ink);font:11px/1.5 monospace}@media(max-width:900px){.editor-page .toolbar .template-help{width:auto;padding:4px 6px;font-size:9px}.template-help-methods{grid-template-columns:1fr}.template-help-methods>section{padding:16px 0}.template-help-methods>section+section{padding-left:0;border-top:1px solid var(--line);border-left:0}}
.editor-ad{max-width:900px;min-height:90px;margin:18px auto 0;border:1px dashed #aab7b0;border-radius:12px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:12px}.editor-ad small{margin-top:5px}
#numberProperties{padding-bottom:14px}.text-format,.text-align{justify-content:center}.placed-cover{background:transparent}.custom-cover-actions{display:flex;justify-content:center;gap:8px;margin:10px 0}.custom-cover-actions .button{width:auto;text-align:center}.custom-cover-actions .active{border-color:var(--green);background:var(--green2);color:var(--green)}.canvas-wrap.drawing-cover,.canvas-wrap.drawing-cover *{cursor:none!important}.cover-brush-cursor{display:none;position:absolute;z-index:5;border:1px solid var(--green);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff}.canvas-wrap.drawing-cover .cover-brush-cursor{display:block}
.thumb-skeleton{width:100%;aspect-ratio:210/297;border:1px solid #cfd8d3;background:linear-gradient(100deg,#eef2ef 30%,#f8faf9 50%,#eef2ef 70%);background-size:200% 100%;animation:thumb-loading 1.2s linear infinite}.thumb-pending{min-height:220px}@keyframes thumb-loading{to{background-position:-200% 0}}
.toolbar .grid-button{padding:0;border:0;background:transparent}.toolbar .grid-button img{width:28px;height:28px}.toolbar .grid-button[aria-pressed=true]{filter:drop-shadow(0 0 3px var(--green))}.page-grid{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(#ff660045 1px,transparent 1px),linear-gradient(90deg,#ff660045 1px,transparent 1px);background-size:24px 24px;background-position:center}.page-grid::before,.page-grid::after{content:"";position:absolute;background:#ff6600aa}.page-grid::before{top:0;bottom:0;left:50%;width:2px;transform:translateX(-1px)}.page-grid::after{left:0;right:0;top:50%;height:2px;transform:translateY(-1px)}.canvas-wrap.grid-active .page-grid{display:block}.overlay-layer{z-index:2}.cover-brush-cursor{z-index:3}.canvas-wrap.grid-active .placed-image.active:not(.placed-text)::before{content:"";position:absolute;inset:-5px;z-index:4;pointer-events:none;background:radial-gradient(circle,var(--green) 0 2px,transparent 2.5px) top center/7px 7px no-repeat,radial-gradient(circle,var(--green) 0 2px,transparent 2.5px) bottom center/7px 7px no-repeat,radial-gradient(circle,var(--green) 0 2px,transparent 2.5px) center left/7px 7px no-repeat,radial-gradient(circle,var(--green) 0 2px,transparent 2.5px) center right/7px 7px no-repeat}
.placed-text>span{white-space:pre}
@media(max-width:900px){.editor-page{height:auto;overflow:auto}.editor-page .topbar{height:58px;padding:0 14px;display:flex}.editor-page .editor-shell{height:auto;min-height:calc(100vh - 58px);padding:6px}.editor-page .drop-card{margin:18px auto;padding:42px 16px}.editor-page .drop-card h1{font-size:26px}.editor-page .workspace:not([hidden]){display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;border-radius:10px}.editor-page .stage-panel{order:1;width:100%;height:68vh;min-height:430px;padding:0;overflow:hidden}.editor-page .toolbar{flex:0 0 50px;height:50px;padding:0 5px;gap:3px}.editor-page .toolbar>div{gap:3px}.editor-page .toolbar button{width:29px;height:29px;padding:4px}.editor-page .toolbar span{font-size:10px;white-space:nowrap}.editor-page .toolbar input{width:38px;padding:3px}.editor-page .stage-scroll{padding:18px 12px;place-items:start center}.editor-page .stage-help{margin:7px;font-size:10px}.editor-page .layers-panel{order:2;display:block;width:100%;border-top:1px solid var(--line);background:#fbfcfb}.editor-page .layers-panel .panel-title{height:46px}.editor-page .layers{display:flex;gap:7px;max-height:none;overflow-x:auto;padding:9px}.editor-page .layer{flex:0 0 230px;margin:0}.editor-page .tools-panel{order:3;position:static;width:100%;height:auto;border:0;border-top:1px solid var(--line)}.editor-page .tools-panel>.panel-title{height:46px}.editor-page .tools-panel #properties{max-height:none;overflow:visible}.editor-page .tools-panel .export-box{position:static}.editor-page .add-tools{grid-template-columns:repeat(2,1fr)}.editor-page .add-tools .tool-button:first-child{grid-column:span 2}.editor-page .pages-panel{display:none}.editor-page dialog{width:96vw;max-height:94vh}.editor-page .image-edit-grid{grid-template-columns:1fr;padding:12px}.editor-page .edit-canvas-wrap{min-height:280px}.editor-page .dialog-card header{padding:12px;gap:8px}.editor-page .edit-history{flex-wrap:wrap;justify-content:flex-end}.editor-page .advanced-card{height:92vh}}
.editor-shell.empty-mode{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,900px) minmax(120px,180px);align-items:center;justify-content:center;gap:18px}.empty-mode .drop-card{width:100%;margin:0}.empty-mode .editor-ad{width:100%;min-height:430px;margin:0;padding:12px}.editor-shell:not(.empty-mode) .editor-ad{display:none}
@media(max-width:900px){.editor-shell.empty-mode{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:14px}.empty-mode .editor-ad-left{order:0;width:100%;min-height:82px;margin:0}.empty-mode .drop-card{order:1;margin:0}.empty-mode .editor-ad-right{display:none}}
#editDialog{overflow:hidden}#editDialog .dialog-card{max-height:92vh;display:flex;flex-direction:column;overflow:hidden}#editDialog .image-edit-grid{flex:1;min-height:0;overflow:hidden}#editDialog .edit-canvas-wrap{min-height:0}#editDialog .clean-controls{min-height:0;overflow-y:auto;overscroll-behavior:contain}.eraser-row{display:grid;gap:8px;margin-bottom:12px;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--line)}.eraser-row label{margin-top:0}.eraser-row .button.active{background:var(--green);border-color:var(--green);color:#fff}#eraserCursor.magic{border-style:dashed;background:#ff66001f}
#editDialog .edit-history #resetEdit,#editDialog .edit-history #applyEdit{width:108px;height:34px;padding:0 12px;font-size:12px;font-weight:700}#editDialog .edit-history #applyEdit{background:var(--green);border-color:var(--green);color:#fff}#editDialog .edit-history #resetEdit{background:#c62828;border-color:#c62828;color:#fff}
.outline-color-control{margin-top:10px}.outline-color-control .color-label{margin-bottom:10px}
.template-panel{border-bottom:1px solid var(--line);padding:12px 10px;display:none;gap:12px;max-height:260px;overflow:auto;overscroll-behavior:contain}.template-editor .template-panel{display:grid}.template-panel #templateControls:not([hidden]){display:grid;gap:12px}.template-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-preview{display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px}.template-preview label{margin:0}.template-preview .button{padding:8px 10px}.template-panel textarea{width:100%;resize:vertical;min-height:118px;padding:9px;border:1px solid var(--line);border-radius:7px;font:12px/1.35 monospace}.template-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.template-actions .button{width:100%;padding:8px;font-size:11px;text-align:center}.template-panel select{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px}.template-panel small{display:block;color:var(--muted);font-size:10px;line-height:1.35}
.template-editor #imageInput,.template-editor #addNumber,.template-editor #addCover,.template-editor .add-tools label.tool-button,.template-editor .page-actions,.template-editor .thumb-head input,.template-editor .add-tools,.template-editor .tools-panel>.panel-title{display:none}.template-editor .layers-panel>.panel-title{height:42px;padding:0 10px}.template-editor .layers-panel .panel-title #addText{width:auto;padding:7px 9px;border-radius:7px;font-size:11px;background:var(--green2);color:var(--green);font-weight:800}.template-editor .thumb-head label{gap:0}.template-editor .placed-text>span{width:100%;white-space:pre-wrap}.template-editor .placed-text.active::before{content:attr(data-field);position:absolute;left:-14px;top:-14px;z-index:6;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:800 11px/1 Arial,sans-serif;box-shadow:0 1px 4px #17211d40}.placed-text [contenteditable=true],.placed-text [contenteditable=plaintext-only]{outline:0;cursor:text}
.template-rows{display:grid;gap:7px}.template-row{display:grid;grid-template-columns:22px 1fr 28px;align-items:center;gap:7px}.template-row b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:800 11px/1 Arial,sans-serif}.template-row input{width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;font:12px/1.2 monospace}.template-row button{width:28px;height:28px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.template-row button img{display:block;width:100%;height:100%}.template-row.same-all button{border-color:var(--green);background:var(--green2)}.template-row.active input{border-color:var(--green)}.template-editor .placed-text.active.template-different::before,.template-row.template-different b{background:#1677ff}.page-different.active{border-color:#1677ff;background:#e8f2ff;color:#0b5dcc;font-weight:800}
/* AdSense pending: keep ad slots in markup without showing empty ad spaces. */
.editor-ad{display:none!important}
@media(min-width:901px){.editor-shell.empty-mode{display:flex;align-items:center;justify-content:center}.empty-mode .drop-card{width:min(900px,100%);margin:0}}