#cir-editor-bar{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;box-shadow:0 2px 12px rgba(0,0,0,.5);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;gap:8px;height:52px;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:9000}.cir-bar-logo{border-right:1px solid #1e293b;color:#f8fafc;font-size:14px;font-weight:800;letter-spacing:.3px;margin-right:4px;padding-right:16px}.cir-bar-logo em{color:#818cf8;font-style:normal}.cir-bar-sep{background:#1e293b;height:24px;margin:0 4px;width:1px}#cir-bar-status{color:#64748b;display:flex;margin-left:auto}#cir-bar-status,.cir-btn{align-items:center;font-size:12px;gap:6px}.cir-btn{border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.cir-btn-primary{background:#4f46e5;color:#fff}.cir-btn-primary:hover{background:#4338ca}.cir-btn-success{background:#059669;color:#fff}.cir-btn-success:hover{background:#047857}.cir-btn-ghost{background:transparent;border:1px solid #1e293b;color:#94a3b8}.cir-btn-ghost:hover{background:#1e293b;border-color:#334155;color:#f1f5f9}.cir-btn-danger{background:#dc2626;color:#fff}.cir-btn-danger:hover{background:#b91c1c}#cir-bar-toggle.active{background:#059669!important;border-color:#059669!important}body.cir-has-bar{margin-top:52px!important}body.cir-has-bar header{top:52px!important}#cir-side-panel{background:#fff;border-left:1px solid #e2e8f0;bottom:0;box-shadow:-4px 0 24px rgba(0,0,0,.12);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;position:fixed;right:-360px;top:52px;transition:right .25s cubic-bezier(.4,0,.2,1);width:340px;z-index:8999}#cir-side-panel.open{right:0}body.cir-panel-open footer,body.cir-panel-open main{margin-right:340px;transition:margin-right .25s}.cir-panel-head{align-items:center;background:#fafafa;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:10px;padding:16px 20px 14px}.cir-panel-head .cir-panel-type-badge{background:#ede9fe;border-radius:4px;color:#5b21b6;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;text-transform:uppercase}.cir-panel-head h4{color:#0f172a;flex:1;font-size:14px;font-weight:700;margin:0}.cir-panel-close{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.cir-panel-close:hover{background:#fee2e2;color:#dc2626}.cir-panel-body{display:flex;flex:1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.cir-panel-section-title{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.cir-field{display:flex;flex-direction:column;gap:4px}.cir-field label{color:#374151;font-size:12px;font-weight:600}.cir-field input[type=number],.cir-field input[type=text],.cir-field input[type=url],.cir-field select,.cir-field textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.cir-field input:focus,.cir-field select:focus,.cir-field textarea:focus{background:#fff;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.cir-field-row{display:flex;gap:10px}.cir-field-row .cir-field{flex:1}.cir-toggle-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.cir-toggle-row:last-child{border-bottom:none}.cir-toggle-row label{color:#374151;font-size:12px;font-weight:600}.cir-switch{display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.cir-switch input{height:0;opacity:0;width:0}.cir-switch-track{background:#cbd5e1;border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.cir-switch-track:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .2s;width:14px}.cir-switch input:checked+.cir-switch-track{background:#4f46e5}.cir-switch input:checked+.cir-switch-track:before{transform:translateX(16px)}.cir-color-row{align-items:center;display:flex;gap:10px}.cir-color-row input[type=color]{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:36px}.cir-slider-row{align-items:center;display:flex;gap:10px}.cir-slider-row input[type=range]{accent-color:#4f46e5;flex:1}.cir-slider-val{color:#4f46e5;font-size:12px;font-weight:700;min-width:34px;text-align:right}.cir-panel-foot{background:#fafafa;border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:8px;padding:14px 20px}body.cir-edit-mode [data-cir-editable]{cursor:text;outline:2px dashed #818cf8;outline-offset:3px;position:relative}body.cir-edit-mode [data-cir-editable]:hover{outline-color:#4f46e5}body.cir-edit-mode [data-cir-editable][data-cir-type=image]{cursor:pointer;outline-color:#f59e0b}.cir-edit-label{display:none}body.cir-edit-mode .cir-edit-label{background:#4f46e5;border-radius:4px 4px 0 0;color:#fff;display:inline-block;font-family:sans-serif;font-size:10px;font-weight:600;left:0;padding:2px 7px;pointer-events:none;position:absolute;top:-22px;white-space:nowrap;z-index:100}.cir-block{position:relative}.cir-block-toolbar{align-items:center;background:#0f172a;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;gap:2px;left:50%;padding:4px 6px;position:absolute;top:8px;transform:translateX(-50%);white-space:nowrap;z-index:500}.cir-block.selected .cir-block-toolbar,.cir-block:hover .cir-block-toolbar{display:flex}.cir-block-toolbar-btn{align-items:center;background:transparent;border:none;border-radius:5px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .1s;width:28px}.cir-block-toolbar-btn:hover{background:#1e293b;color:#f1f5f9}.cir-block-toolbar-btn.delete:hover{background:#7f1d1d;color:#fca5a5}.cir-block-toolbar-btn.edit:hover{background:#312e81;color:#a5b4fc}.cir-block-type-label{color:#475569;font-family:sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;padding:0 6px;text-transform:uppercase}.cir-block-toolbar-sep{background:#1e293b;height:16px;margin:0 2px;width:1px}.cir-block.selected{outline:2px solid #4f46e5;outline-offset:0}.cir-resize-handle{align-items:center;background:#4f46e5;border-radius:4px 4px 0 0;bottom:0;cursor:ns-resize;display:none;height:8px;justify-content:center;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);width:60px;z-index:501}.cir-resize-handle:before{background:hsla(0,0%,100%,.6);border-radius:1px;content:"";height:2px;width:20px}.cir-block.selected .cir-resize-handle,.cir-block:hover .cir-resize-handle{display:flex}.cir-resize-handle:hover{opacity:1;width:80px}.cir-add-between{display:flex;height:0;overflow:visible;position:relative;z-index:400}.cir-add-between,.cir-add-between-btn{align-items:center;justify-content:center}.cir-add-between-btn{background:#fff;border:2px solid #4f46e5;border-radius:50%;box-shadow:0 2px 8px rgba(79,70,229,.3);color:#4f46e5;cursor:pointer;display:none;font-size:16px;font-weight:700;height:28px;line-height:1;position:absolute;top:-14px;transition:all .15s;width:28px}.cir-add-between-btn:hover{background:#4f46e5;color:#fff;transform:scale(1.1)}.cir-add-between:hover .cir-add-between-btn,.cir-block:hover~.cir-add-between .cir-add-between-btn{display:flex}#cir-toasts{bottom:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;z-index:20000}.cir-toast{align-items:center;animation:cir-slide-in .2s ease;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:flex;font-family:sans-serif;font-size:13px;font-weight:600;gap:8px;max-width:320px;padding:10px 18px;pointer-events:auto}.cir-toast.success{background:#ecfdf5;border-left:3px solid #059669;color:#065f46}.cir-toast.error{background:#fef2f2;border-left:3px solid #dc2626;color:#7f1d1d}.cir-toast.info{background:#eff6ff;border-left:3px solid #3b82f6;color:#1e3a5f}.cir-toast.saving{background:#fffbeb;border-left:3px solid #f59e0b;color:#78350f}@keyframes cir-slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes cir-slide-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(20px)}}#cir-block-picker{align-items:center;backdrop-filter:blur(4px);background:rgba(15,23,42,.7);display:none;inset:0;justify-content:center;position:fixed;z-index:10000}#cir-block-picker.open{display:flex}.cir-picker-card{background:#fff;border-radius:16px;box-shadow:0 32px 64px rgba(0,0,0,.3);max-width:95vw;padding:32px;width:520px}.cir-picker-card h3{color:#0f172a;font-family:sans-serif;font-size:18px;font-weight:800;margin:0 0 6px}.cir-picker-card p{color:#64748b;font-family:sans-serif;font-size:13px;margin:0 0 24px}.cir-picker-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.cir-picker-item{background:#fafafa;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:20px 12px;text-align:center;transition:all .15s}.cir-picker-item:hover{background:#ede9fe;border-color:#4f46e5}.cir-picker-item .icon{display:block;font-size:28px;line-height:1;margin-bottom:10px}.cir-picker-item .label{color:#1e293b;font-family:sans-serif;font-size:12px;font-weight:700}.cir-picker-item .desc{color:#94a3b8;font-family:sans-serif;font-size:11px;margin-top:2px}.cir-picker-cancel{background:none;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:sans-serif;font-size:13px;font-weight:600;margin-top:20px;padding:10px;width:100%}.cir-picker-cancel:hover{background:#f1f5f9}