.ec-page{max-width:1440px;margin:auto}.ec-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:22px;align-items:start}.ec-toolbar,.ec-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.ec-toolbar label{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ec-toolbar input{width:auto!important;max-width:100%}.ec-page label{display:block;margin:15px 0 8px}.ec-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.ec-heading label{font-size:12px;margin:0}.ec-preview{display:grid;place-items:center;overflow:auto;min-height:300px;max-height:600px;border:1px solid #59466f;border-radius:12px;background:repeating-conic-gradient(#31273e 0% 25%,#1d1929 0% 50%) 50%/20px 20px;padding:18px}.ec-preview canvas{max-width:100%;max-height:540px;object-fit:contain}.ec-preview.ec-actual{display:block}.ec-preview.ec-actual canvas{max-width:none;max-height:none}.ec-note{font-size:13px;color:#c6b9d5;line-height:1.7}.ec-page input,.ec-page select{max-width:100%}.ec-help{margin-top:24px}.ec-page button{min-height:40px}@media(max-width:850px){.ec-layout{grid-template-columns:1fr}.ec-preview{min-height:220px}.ec-heading{flex-wrap:wrap}}
.ec-preview{height:clamp(300px,45vh,600px)}.ec-preview canvas{width:100%;height:100%;min-height:0;object-fit:contain}.ec-preview.ec-actual canvas{width:auto;height:auto}