.cns-modal{display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.cns-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#fff;border-bottom:1px solid #e4e4e7;flex-shrink:0}.cns-header-icon{width:38px;height:38px;border-radius:10px;background:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.cns-header-title{font-size:15px;font-weight:600;color:#09090b;letter-spacing:-.01em;margin:0}.cns-header-sub{font-size:12px;color:#71717a;margin:2px 0 0}.cns-body{flex:1;overflow-y:auto;background:#fff}.cns-columns{display:flex;min-height:100%}.cns-col{padding:24px;display:flex;flex-direction:column;gap:20px;border-right:1px solid #e4e4e7}.cns-col:nth-child(1){flex:0 0 280px}.cns-col:nth-child(2){flex:1}.cns-col:nth-child(3){flex:0 0 320px;border-right:none}.cns-section-label{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cns-section-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;flex-shrink:0}.cns-section-title{font-size:10px;font-weight:900;color:#2563eb;text-transform:uppercase;letter-spacing:.18em;margin:0}.cns-field{display:flex;flex-direction:column;gap:6px}.cns-label{font-size:12px;font-weight:500;color:#18181b}.cns-label-hint{font-weight:400;color:#71717a}.cns-input,.cns-textarea{width:100%;background:#fff!important;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#09090b;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.cns-input{height:36px;padding:0 12px}.cns-textarea{padding:10px 12px;resize:none;line-height:1.5}.cns-input:focus,.cns-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cns-input::-moz-placeholder,.cns-textarea::-moz-placeholder{color:#a1a1aa}.cns-input::placeholder,.cns-textarea::placeholder{color:#a1a1aa}.cns-hint{font-size:11px;color:#71717a;line-height:1.5;margin:0}.cns-cc-box{min-height:36px;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px 8px;cursor:text;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.cns-cc-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cns-chip{display:flex;align-items:center;gap:4px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:2px 6px 2px 8px;font-size:12px;color:#1d4ed8;white-space:nowrap}.cns-chip-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#93c5fd;line-height:1;transition:color .1s}.cns-chip-remove:hover{color:#dc2626}.cns-cc-input{flex:1;min-width:140px;border:none;outline:none;background:transparent;font-size:13px;color:#09090b;font-family:inherit;padding:0}.cns-cc-input::-moz-placeholder{color:#a1a1aa}.cns-cc-input::placeholder{color:#a1a1aa}.cns-cc-row{display:flex;gap:6px;align-items:center}.cns-cc-row .cns-input{flex:1}.cns-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cns-cc-add{height:36px;padding:0 14px;font-size:13px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.cns-cc-add:hover{background:#1d4ed8}.cns-att-header{display:flex;align-items:center;justify-content:space-between}.cns-upload-btn{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s}.cns-upload-btn:hover{background:#f4f4f5;border-color:#a1a1aa}.cns-upload-btn:disabled{opacity:.5;cursor:not-allowed}.cns-dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:32px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:8px}.cns-dropzone:hover{border-color:#2563eb;background:#eff6ff}.cns-dropzone-icon{width:40px;height:40px;border-radius:10px;background:#f4f4f5;display:flex;align-items:center;justify-content:center;color:#71717a;transition:background .15s,color .15s}.cns-dropzone:hover .cns-dropzone-icon{background:#dbeafe;color:#2563eb}.cns-dropzone-text{font-size:12px;font-weight:500;color:#374151;margin:0}.cns-dropzone-sub{font-size:11px;color:#a1a1aa;margin:0}.cns-att-list{display:flex;flex-direction:column;gap:8px}.cns-att-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:8px 10px;box-shadow:0 1px 2px #0000000d}.cns-att-icon{width:32px;height:32px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#2563eb}.cns-att-name{font-size:12px;font-weight:500;color:#09090b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cns-att-type{font-size:10px;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.cns-att-delete{width:26px;height:26px;border-radius:6px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a1a1aa;flex-shrink:0;transition:background .15s,color .15s}.cns-att-delete:hover{background:#fee2e2;color:#dc2626}.cns-add-more{width:100%;font-size:12px;color:#71717a;background:transparent;border:1px dashed #d1d5db;border-radius:8px;padding:8px;cursor:pointer;transition:border-color .15s,color .15s}.cns-add-more:hover{border-color:#2563eb;color:#2563eb}.cns-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;background:#fff;border-top:1px solid #e4e4e7;flex-shrink:0}.cns-btn-cancel{height:36px;padding:0 18px;font-size:13px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.cns-btn-cancel:hover{background:#b91c1c}.cns-btn-save{height:36px;padding:0 20px;font-size:13px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:6px}.cns-btn-save:hover{background:#1d4ed8}.cns-btn-save:disabled,.cns-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.cns-logo-section{display:flex;flex-direction:column;gap:8px}.cns-logo-preview{position:relative;width:100px;height:100px;border-radius:10px;border:1px solid #e4e4e7;overflow:hidden;background:#f4f4f5}.cns-logo-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cns-logo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#dc2626;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s}.cns-logo-remove:hover{background:#b91c1c}.cns-logo-upload-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:500;color:#374151;background:#fff;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;width:100px;justify-content:center}.cns-logo-upload-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.cns-loading{display:flex;align-items:center;justify-content:center;padding:64px 0;background:#fff}@media (max-width: 1023px){.cns-columns{flex-direction:column}.cns-col{border-right:none;border-bottom:1px solid #e4e4e7;flex:unset}.cns-col:last-child{flex:unset;border-bottom:none}}