.editor-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,1fr);gap:28px;align-items:start}.editor-preview-card{position:sticky;top:20px;min-width:0}.document-sheet{position:relative;aspect-ratio:210/297;background:white;text-align:center;padding:13% 10%;overflow:hidden;color:#26352e;box-shadow:0 4px 24px #0001;--document-accent:#285c50}.preview-frame{position:absolute;inset:4%;border:3px double var(--document-accent);pointer-events:none}.preview-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0}.document-sheet>*:not(.preview-background):not(.preview-frame):not(.preview-watermarks){position:relative}.preview-site,.preview-heading{color:var(--document-accent)}.document-sheet p{font-size:clamp(11px,1.1vw,15px);margin:12px 0;overflow-wrap:anywhere}.document-sheet .preview-name{font-size:20px;font-weight:700}.document-sheet .preview-work{font-size:18px;font-weight:600}.design-picker{display:flex;gap:12px;flex-wrap:wrap}.design-option{margin:0;max-width:130px;cursor:pointer}.design-option input{width:auto}.design-thumb{display:block;border:3px double var(--design);color:var(--design);text-align:center;padding:15px 8px;background:white;min-height:100px}.design-thumb small{font-size:11px}.design-option:has(input:checked) .design-thumb{outline:3px solid var(--accent);outline-offset:3px}.material-editor input[type=checkbox]{width:auto}.material-editor textarea{min-height:120px}@media(max-width:800px){.editor-layout{grid-template-columns:1fr}.editor-preview-card{position:static;max-width:520px;width:100%;margin:auto}.document-sheet p{font-size:13px}}

.document-sheet>.preview-watermarks{position:absolute;inset:-5% -12%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(10,1fr);align-items:center;z-index:3;pointer-events:none;overflow:hidden}.preview-watermarks span{display:block;color:rgba(100,100,100,.43);font-size:14px;font-weight:700;white-space:nowrap;transform:rotate(-25deg)}