.editor-canvas-wrap{width:100%;min-height:430px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#dfe7ee 0 25%,#edf2f6 0 50%) 50%/22px 22px}
.editor-canvas-wrap canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto;background:#fff;box-shadow:0 12px 34px #10284324;touch-action:none}
.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 22px}
.editor-actions button,.small-action{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 10px;font-weight:800;color:var(--ink);cursor:pointer}
.editor-actions button:hover,.small-action:hover{border-color:var(--blue);color:var(--blue)}
.editor-actions button.active{border-color:var(--blue);background:#edf5ff;color:var(--blue)}
.editor-controls .field{margin:15px 0}.editor-controls input[type="range"]{padding:0;accent-color:var(--blue)}
.checker-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 22px}
.checker-results div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.checker-results span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.checker-results b{display:block;margin-top:7px;font-size:15px;overflow-wrap:anywhere}
.editor-note{padding:13px 15px;border-radius:10px;background:#eefaf8;color:#345c58;font-size:13px;line-height:1.55}
.meme-fields textarea{width:100%;min-height:72px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;color:var(--ink)}
.color-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-row input[type="color"]{width:100%;height:44px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff}
@media(max-width:780px){.editor-canvas-wrap{min-height:300px}.editor-actions,.checker-results{grid-template-columns:1fr 1fr}.workspace.editor-workspace.active{display:block}.editor-controls{padding:22px}}