.cp-page .cp-workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:26px;align-items:start}.cp-page .nf-panel{margin:0;min-width:0}.cp-page .cp-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.cp-page .cp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.cp-page #cpEditor{display:block;width:100%;height:auto;max-width:760px;margin:20px auto;touch-action:none;background:#181021;border:1px solid #87619e;border-radius:12px}.cp-page #cpPreview{display:block;max-width:100%;width:min(100%,400px);height:auto;margin:20px auto;background:conic-gradient(#44314f 25%,#2c1d35 0 50%,#44314f 0 75%,#2c1d35 0) 0/20px 20px;border:1px solid #87619e}.cp-page #cpPoints{max-height:450px;overflow:auto;padding:0 4px}.cp-page .cp-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 42px;gap:8px;align-items:center;margin:12px 0}.cp-page .cp-row input{width:100%;min-width:0}.cp-page .cp-row button{min-width:0;padding:8px;margin:0;min-height:44px}.cp-page .cp-row.is-selected{outline:1px solid #cb8ff0;border-radius:8px}.cp-page #cpCode{height:180px;min-height:180px;font-family:ui-monospace,monospace}.cp-page .cp-output{position:static}@media(max-width:1000px){.cp-page .cp-workspace{grid-template-columns:minmax(0,1fr)}.cp-page .cp-output{position:static}}

.cp-page .cp-row label{margin:0;font-size:12px}.cp-page .cp-row input{margin-top:4px;padding:9px 8px}