.kcwpm-app{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:22px;align-items:start;background:#101820;color:#f7f7f7;padding:18px;border-radius:14px;font-family:Arial,sans-serif}.kcwpm-app *{box-sizing:border-box}.kcwpm-panel{background:#1c2933;padding:20px;border-radius:12px;position:sticky;top:20px}.kcwpm-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.kcwpm-brand img{width:70px;height:70px;object-fit:contain}.kcwpm-brand strong{font-size:17px;line-height:1.15;color:#ffc400;display:block}.kcwpm-brand small{display:block;font-size:11px;color:#c5d0d8;margin-top:5px}.kcwpm-panel h2{margin:0 0 8px;font-size:22px;color:#fff}.kcwpm-label,.kcwpm-field label{display:block;font-weight:700;font-size:13px;margin:14px 0 6px;color:#fff}.kcwpm-app textarea,.kcwpm-app input:not([type=file]):not([type=range]){width:100%;border:1px solid #435361;border-radius:7px;background:#101820;color:white;padding:10px;font-size:14px;line-height:1.5}.kcwpm-app input[type=file]{width:100%;font-size:12px;color:#cbd5dc}.kcwpm-app input[type=range]{width:100%}.kcwpm-hint{font-size:12px;line-height:1.5;color:#bdc8d0;margin:7px 0}.kcwpm-buttons{display:flex;gap:8px;margin-top:14px}.kcwpm-app button{border:0;border-radius:7px;padding:11px 12px;font-weight:700;cursor:pointer}.kcwpm-app .kcwpm-export{background:#ffc400;color:#111;flex:1}.kcwpm-app .kcwpm-center,.kcwpm-app .kcwpm-fit,.kcwpm-app .kcwpm-reset{background:#344653;color:#fff}.kcwpm-preview{min-width:0;background:#0b1218;border-radius:12px;padding:12px;display:flex;justify-content:center}.kcwpm-canvas-wrap{width:100%;max-width:760px}.kcwpm-app canvas{display:block;width:100%;height:auto;touch-action:pan-y}@media(max-width:850px){.kcwpm-app{grid-template-columns:1fr}.kcwpm-panel{position:static}.kcwpm-preview{order:-1}}