.cp-page button,.cp-page .ic-button{min-height:44px}.cp-page label{font-weight:650;font-size:14px;display:flex;flex-direction:column;gap:8px}.cp-page select,.cp-page input[type=number]{font:inherit;padding:11px;border:1px solid #b9cbd3;border-radius:8px;background:#fff;color:var(--ic-ink);width:100%;min-width:0}.cp-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:20px 0}.cp-toolbar label{min-width:210px;flex:1}.cp-toolbar button{font-size:13px;padding:10px 12px}.cp-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}.cp-heading h2{font-size:18px;overflow-wrap:anywhere;min-width:0}.cp-heading span{font-size:13px;color:#596c7a}.cp-stage{background:repeating-conic-gradient(#edf1f3 0% 25%,#fff 0% 50%) 0/20px 20px;border:1px solid var(--ic-border);border-radius:8px;overflow:hidden;display:flex;justify-content:center;padding:12px}.cp-stage canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair;min-width:0}.cp-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.cp-export{grid-template-columns:1fr 1fr;align-items:start}.cp-selection{font-weight:650;color:var(--ic-teal);font-size:14px}.cp-page input[type=range]{width:100%;accent-color:var(--ic-teal)}#cp-error{color:#a22f27}#cp-status,#cp-error{overflow-wrap:anywhere;line-height:1.6}#cp-preview{display:block;max-width:100%;max-height:480px;margin:20px auto;background:repeating-conic-gradient(#edf1f3 0% 25%,#fff 0% 50%) 0/20px 20px}#cp-result-info{line-height:1.7}.cp-page .ic-drop.cp-drag{outline:3px solid var(--ic-teal)}@media(max-width:720px){.cp-fields{grid-template-columns:1fr 1fr;gap:12px}.cp-export{grid-template-columns:1fr}.cp-toolbar button{flex:1}.cp-toolbar label{flex-basis:100%}.cp-stage{padding:4px}.cp-page .ic-guide{grid-template-columns:1fr}}

.cp-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.cp-live{border:1px solid var(--ic-border);border-radius:12px;padding:16px;background:#f6faf9;min-width:0}.cp-live h3{font-size:16px;margin:0 0 14px}.cp-live-image{display:flex;align-items:center;justify-content:center;min-height:120px;background:repeating-conic-gradient(#edf1f3 0% 25%,#fff 0% 50%) 0/16px 16px}.cp-live canvas{display:block;max-width:100%;height:auto}.cp-live p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.cp-live #cp-live-info{font-weight:650;color:var(--ic-teal)}@media(max-width:900px){.cp-edit-grid{grid-template-columns:minmax(0,1fr)}.cp-live-image{max-height:240px}.cp-live canvas{max-height:240px;width:auto;max-width:100%}}