*,:before,:after{box-sizing:border-box}:root{--bg:#0c0c0c;--surface:#141414;--surface-raised:#1c1c1c;--border:#ffffff14;--border-focus:#ffffff3d;--text:#f0f0f0;--text-muted:#888;--accent:#fff;--danger:#e05555;--sidebar-width:220px;--radius:6px;--font:"Geist Variable", "Inter", system-ui, sans-serif}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__logo{border-bottom:1px solid var(--border);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;padding:20px 20px 16px;font-size:13px;font-weight:500}.sidebar__logo span{color:var(--text)}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:8px;padding:6px 12px 4px;font-size:11px;font-weight:500}.sidebar__link{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:8px;padding:7px 12px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.sidebar__link:hover,.sidebar__link.active{background:var(--surface-raised);color:var(--text)}.main{flex-direction:column;min-height:100vh;display:flex}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.page-header h1{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:500}.page-body{flex:1;padding:28px 32px}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s;display:inline-flex}.btn:hover{border-color:var(--border-focus)}.btn--primary{background:var(--accent);color:#000;border-color:#0000}.btn--primary:hover{background:#e8e8e8}.btn--danger{color:var(--danger)}.btn--danger:hover{border-color:var(--danger);background:#e0555514}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--text);background:var(--surface-raised);border-color:#0000}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:500}.table td{border-bottom:1px solid var(--border);color:var(--text);padding:11px 12px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-raised)}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:8px 10px;font-size:13.5px;transition:border-color .12s}.input:focus{border-color:var(--border-focus)}.badge{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border);text-transform:capitalize;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:64px;font-size:13px;display:flex}.editor-layout{grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 61px);display:grid}.editor-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.editor-main{flex-direction:column;display:flex}.editor-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.editor-toolbar button{color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500}.editor-toolbar button:hover,.editor-toolbar button.is-active{background:var(--surface-raised);color:var(--text)}.editor-toolbar .separator{background:var(--border);width:1px;height:18px;margin:0 4px}.ProseMirror{color:var(--text);outline:none;flex:1;height:100%;padding:32px 40px;font-size:15px;line-height:1.7;overflow-y:auto}.ProseMirror h1{letter-spacing:-.03em;margin:1.2em 0 .4em;font-size:1.8em;font-weight:500}.ProseMirror h2{letter-spacing:-.02em;margin:1.2em 0 .4em;font-size:1.3em;font-weight:500}.ProseMirror h3{margin:1em 0 .3em;font-size:1.1em;font-weight:500}.ProseMirror p{margin:0 0 1em}.ProseMirror ul,.ProseMirror ol{margin:0 0 1em;padding-left:1.4em}.ProseMirror li{margin-bottom:.2em}.ProseMirror code{background:var(--surface-raised);border-radius:4px;padding:2px 5px;font-family:Fira Code,monospace;font-size:.88em}.ProseMirror pre{background:var(--surface-raised);border-radius:var(--radius);margin:0 0 1em;padding:16px;overflow-x:auto}.ProseMirror pre code{background:0 0;padding:0}.ProseMirror blockquote{border-left:3px solid var(--border-focus);color:var(--text-muted);margin:0 0 1em;padding-left:1em}.ProseMirror hr{border:none;border-top:1px solid var(--border);margin:2em 0}.ProseMirror a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border-focus);text-decoration-color:var(--border-focus)}.ProseMirror strong{font-weight:600}.ProseMirror em{font-style:italic}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;float:left;height:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.media-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s;position:relative;overflow:hidden}.media-card:hover{border-color:var(--border-focus)}.media-card img{object-fit:cover;width:100%;height:120px;display:block}.media-card__name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:11px;overflow:hidden}.media-card__delete{color:#fff;opacity:0;background:#000000b3;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.media-card:hover .media-card__delete{opacity:1}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);cursor:pointer;margin-bottom:24px;padding:40px;font-size:13.5px;transition:border-color .12s,color .12s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--border-focus);color:var(--text)}.upload-zone input{display:none}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:760px;max-height:80vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13.5px;font-weight:500;display:flex}.modal-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px}.modal-body{flex:1;padding:20px;overflow-y:auto}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.picker-grid__item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:border-color .12s;display:flex;overflow:hidden}.picker-grid__item:hover{border-color:var(--border-focus)}.picker-grid__item.selected{border-color:var(--accent)}.picker-grid__item img{object-fit:cover;width:100%;height:100px;display:block}.picker-grid__name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:11px;overflow:hidden}.toast{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);z-index:100;padding:10px 16px;font-size:13px;animation:.2s toast-in;position:fixed;bottom:24px;right:24px}.toast.success{color:#7ec87e;border-color:#3a6b3a}.toast.error{color:var(--danger);border-color:#6b3a3a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.builder-layout{grid-template-columns:260px 1fr;height:calc(100vh - 61px);display:grid;overflow:hidden}.builder-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.builder-main{flex-direction:column;display:flex;overflow-y:auto}.builder-sections{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.builder-add{border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px 24px 24px;display:flex}.section-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.section-card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 8px 0 0;display:flex}.section-card__toggle{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.section-card__chevron{color:var(--text-muted);flex-shrink:0;font-size:11px}.section-card__type{color:var(--text-muted);font-family:monospace;font-size:11px;font-weight:400}.section-card__actions{align-items:center;gap:2px;display:flex}.section-card__body{flex-direction:column;gap:16px;padding:20px;display:flex}.list-field{flex-direction:column;gap:10px;display:flex}.list-field__item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-field__item-header{background:var(--surface-raised);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.list-field__item-num{color:var(--text-muted);font-size:11px;font-weight:500}.list-field__item-fields{flex-direction:column;gap:12px;padding:14px;display:flex}.section-picker__item{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;transition:border-color .12s;display:flex}.section-picker__item:hover{border-color:var(--border-focus)}.section-picker__label{color:var(--text);font-size:13px;font-weight:500}.section-picker__desc{color:var(--text-muted);font-size:11.5px;line-height:1.4}