.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.context-page{max-width:1180px;margin:0 auto;padding:1.5rem;color:#111827}.context-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.context-page-header h1{margin:0 0 .25rem;font-size:1.5rem;line-height:1.3}.context-page-header p{margin:0;color:#6b7280;font-size:.875rem}.context-workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);min-height:620px;overflow:hidden;border:1px solid #e5e7eb;border-radius:.875rem;background:#fff;box-shadow:0 1px 3px #0f172a0a}.context-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid #e5e7eb;background:#fafafa}.context-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid #e5e7eb}.context-sidebar-header h2{margin:0;font-size:.9375rem}.context-sidebar-header span{display:block;margin-top:.15rem;color:#9ca3af;font-size:.7rem}.context-new-button{flex:0 0 auto;padding:.45rem .7rem;border:0;border-radius:.45rem;background:#8b5cf6;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700}.context-new-button:hover:not(:disabled),.context-button-primary:hover:not(:disabled){background:#7c3aed}.context-new-button:disabled,.context-button:disabled,.context-active-control:has(input:disabled){cursor:not-allowed;opacity:.55}.context-list{display:grid;gap:.4rem;padding:.65rem}.context-list-item{width:100%;padding:.75rem;border:1px solid transparent;border-radius:.55rem;background:transparent;cursor:pointer;text-align:left}.context-list-item:hover{background:#f5f3ff}.context-list-item.selected{border-color:#c4b5fd;background:#ede9fe}.context-list-item-name{display:block;overflow:hidden;color:#1f2937;font-size:.82rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.context-list-item-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.context-status,.context-active-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.18rem .48rem;font-size:.65rem;font-weight:700}.context-status-draft{background:#f3f4f6;color:#6b7280}.context-status-published{background:#dcfce7;color:#15803d}.context-active-badge{background:#ede9fe;color:#6d28d9}.context-list-message,.context-list-empty{padding:2rem 1rem;color:#9ca3af;font-size:.8rem;text-align:center}.context-list-empty{display:grid;gap:.35rem}.context-list-empty strong{color:#4b5563;font-size:.85rem}.context-editor{min-width:0;background:#fff}.context-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.context-editor-eyebrow{color:#8b5cf6;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.context-editor-header h2{margin:.2rem 0 0;font-size:1.15rem}.context-editor-header p{margin:.25rem 0 0;color:#9ca3af;font-size:.72rem}.context-form{padding:1.5rem}.context-form>label:not(.context-active-control){display:block;margin-bottom:.35rem;color:#374151;font-size:.8rem;font-weight:700}.context-form input[type=text],.context-form textarea{width:100%;border:1px solid #d1d5db;border-radius:.55rem;outline:none;background:#fff;color:#111827;font:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.context-form input[type=text]{height:42px;padding:0 .75rem}.context-form textarea{min-height:260px;padding:.75rem;resize:vertical;line-height:1.55}.context-form input[type=text]:focus,.context-form textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.context-field-help{display:flex;justify-content:space-between;gap:1rem;min-height:2rem;margin:.35rem 0 1rem;color:#9ca3af;font-size:.7rem}.context-field-help span{flex:0 0 auto}.context-warning{margin-top:1rem;border:1px solid #fde68a;border-radius:.55rem;padding:.7rem .8rem;background:#fffbeb;color:#92400e;font-size:.75rem}.context-active-control{display:flex;align-items:flex-start;gap:.65rem;margin-top:1rem;border:1px solid #ddd6fe;border-radius:.65rem;padding:.8rem;background:#faf8ff;cursor:pointer}.context-active-control input{width:1rem;height:1rem;margin:.15rem 0 0;accent-color:#8b5cf6}.context-active-control span{display:grid;gap:.15rem}.context-active-control strong{color:#4c1d95;font-size:.8rem}.context-active-control small{color:#7c3aed;font-size:.7rem;line-height:1.45}.context-feedback{min-height:2.25rem;padding-top:.85rem;font-size:.78rem}.context-error{color:#dc2626}.context-success{color:#15803d}.context-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.context-actions-primary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.context-button{min-height:38px;border-radius:.5rem;padding:.45rem .85rem;cursor:pointer;font-size:.8rem;font-weight:700}.context-button-primary{border:1px solid #8b5cf6;background:#8b5cf6;color:#fff}.context-button-secondary{border:1px solid #d1d5db;background:#fff;color:#374151}.context-button-secondary:hover:not(:disabled){background:#f9fafb}.context-button-danger{border:1px solid transparent;background:transparent;color:#dc2626}.context-button-danger:hover:not(:disabled){background:#fef2f2}@media (max-width: 760px){.context-page{padding:1rem}.context-page-header{align-items:center}.context-workspace{grid-template-columns:1fr}.context-sidebar{max-height:280px;border-right:0;border-bottom:1px solid #e5e7eb}.context-list{overflow-y:auto}.context-editor-header,.context-form{padding:1rem}.context-form textarea{min-height:210px}.context-field-help,.context-actions{align-items:flex-start;flex-direction:column}.context-actions-primary,.context-actions-primary .context-button{width:100%}}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:#f9fafb;color:#111827}#root{min-height:100vh}