@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Syne:wght@500;600;700&display=swap";:root{--sidebar-width: 16rem;--topbar-height: 4rem;--background: #f8f9fa;--surface: #f8f9fa;--surface-low: #f1f4f6;--surface-high: #e3e9ec;--surface-highest: #dbe4e7;--surface-variant: rgba(219, 228, 231, .72);--surface-lowest: #ffffff;--primary: #465f88;--primary-dim: #3a537c;--primary-container: #d6e3ff;--on-primary: #f6f7ff;--on-primary-container: #39527b;--on-surface: #2b3437;--on-surface-muted: #586064;--outline: rgba(115, 124, 127, .18);--outline-soft: rgba(171, 179, 183, .15);--shadow-soft: 0 8px 32px rgba(43, 52, 55, .06);--shadow-large: 0 22px 60px rgba(43, 52, 55, .08);--font-ui: "Inter", "Segoe UI", sans-serif;--font-editorial: "Newsreader", Georgia, serif;color:var(--on-surface);background:radial-gradient(circle at top left,rgba(214,227,255,.9),transparent 28rem),radial-gradient(circle at bottom right,rgba(219,228,231,.6),transparent 24rem),var(--background);font-family:var(--font-ui)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--on-surface);background:radial-gradient(circle at top left,rgba(214,227,255,.85),transparent 24rem),radial-gradient(circle at bottom right,rgba(219,228,231,.65),transparent 28rem),var(--background);font-family:var(--font-ui)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.28),transparent 40%)}button,input,textarea,select{font:inherit;color:inherit}button{padding:0;border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{width:100%;border:0;border-radius:.75rem;background:#eaeff1b8;padding:.8rem .95rem;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}input:focus,textarea:focus,select:focus{outline:none;background:var(--surface-lowest);box-shadow:0 0 0 1px #465f8838,0 10px 24px #2b34370a}textarea{resize:vertical}a{color:inherit;text-decoration:none}img,video,iframe,audio{display:block;max-width:100%}code,pre{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}:focus-visible{outline:2px solid rgba(70,95,136,.32);outline-offset:2px}.h-4,.w-4{width:1rem;height:1rem}.h-5,.w-5{width:1.25rem;height:1.25rem}.h-10,.w-10{width:2.5rem;height:2.5rem}.h-12,.w-12{width:3rem;height:3rem}.h-14,.w-14{width:3.5rem;height:3.5rem}.auth-shell,.empty-state{display:grid;place-items:center}.auth-shell{min-height:100vh;padding:2rem}.auth-card{width:min(32rem,100%);display:grid;gap:1rem;border-radius:1.6rem;background:#ffffffdb;box-shadow:var(--shadow-large);padding:2rem;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-card.is-loading{gap:.65rem}.auth-card h1,.section-header h1,.editor-inspector-header h2,.api-panel-header h2{margin:0}.auth-card h1{font-family:var(--font-editorial);font-size:clamp(2.2rem,4vw,3.6rem);line-height:.96}.auth-card p,.section-header p,.empty-state p,.api-panel-header p,.featured-copy p,.suggestion-card p,.article-card-meta p,.integration-link-card p{margin:0;color:var(--on-surface-muted);line-height:1.6}.eyebrow{display:inline-flex;width:fit-content;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--on-surface-muted)}.auth-card label,.library-filters label,.inspector-fields label,.api-key-create,.editor-inspector label{display:grid;gap:.45rem}.auth-card label span,.library-filters label span,.inspector-fields label span,.editor-inspector label span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-muted)}.button-primary,.button-secondary,.back-button,.cover-upload-button,.add-block-strip-button,.fab-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;border-radius:.8rem;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease}.button-primary{padding:.75rem 1.2rem;background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);box-shadow:0 10px 24px #465f8833;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.button-primary:hover:not(:disabled),.fab-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #465f883d}.button-secondary,.back-button,.cover-upload-button{padding:.72rem 1rem;background:#e3e9eccc;color:var(--on-surface);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.button-secondary:hover:not(:disabled),.back-button:hover:not(:disabled),.cover-upload-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.sidebar-link:hover:not(:disabled),.block-palette-card:hover,.article-card:hover,.integration-link-card:hover{transform:translateY(-1px)}.button-primary--compact,.button-secondary--compact{min-height:2.4rem;padding:.6rem .85rem;font-size:.7rem}.button-secondary--inverted{background:#ffffff1f;color:var(--on-primary)}.callout{display:grid;gap:.55rem;border-radius:1rem;padding:1rem 1.15rem;font-size:.92rem}.callout.is-error{background:#9f403d1f;color:#752121}.callout.is-success{background:#39527b1f;color:var(--on-primary-container)}.callout.is-highlight{background:#d6e3ff8c;color:var(--on-surface)}.generated-key-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.generated-key-row code{flex:1 1 14rem;overflow:auto;border-radius:.8rem;background:#fffc;padding:.85rem 1rem}.empty-state{gap:.7rem;min-height:16rem;border-radius:1.4rem;background:#ffffffb8;padding:2rem;text-align:center;box-shadow:inset 0 0 0 1px #abb3b71f}.empty-state strong{font-family:var(--font-editorial);font-size:1.8rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:.8rem;background:#f1f4f6e6;color:var(--on-surface-muted);transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.icon-button.is-active{background:#d6e3ffe6;color:var(--primary);box-shadow:inset 0 0 0 1px #465f881f}.sidebar-link{display:flex;align-items:center;gap:.85rem;width:100%;padding:.85rem .95rem;border-radius:.9rem;color:var(--on-surface-muted);font-size:.95rem;font-weight:600;text-align:left}.sidebar-link.is-active{background:#ffffffa6;color:var(--primary);box-shadow:inset -2px 0 0 var(--primary)}.studio-app{min-height:100vh}.studio-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:var(--sidebar-width);padding:2rem 1rem 1.5rem;background:#f8f9fae0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.studio-brand{display:grid;gap:.2rem;padding:0 .85rem 2rem}.brand-title{font-family:var(--font-editorial);font-size:1.35rem;font-style:italic;color:#1b365d}.brand-subtitle{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--on-surface-muted)}.studio-nav{display:grid;gap:.35rem}.studio-sidebar-footer{display:flex;align-items:center;gap:.85rem;margin-top:auto;padding:1.4rem .85rem 0}.studio-sidebar-footer strong{display:block;font-size:.88rem}.studio-sidebar-footer span{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-muted)}.profile-badge,.reader-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--primary-container);color:var(--on-primary-container);font-weight:700}.profile-badge{width:2.4rem;height:2.4rem}.reader-avatar{width:3rem;height:3rem;font-size:.9rem}.studio-main-column{margin-left:var(--sidebar-width);min-height:100vh}.studio-topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--topbar-height);padding:0 2rem;background:#fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px #abb3b71a}.topbar-search,.topbar-side,.topbar-actions,.preview-meta-copy,.preview-utilities,.preview-footer-actions,.featured-meta,.featured-footer,.article-card-actions,.editor-status-row,.editor-canvas-meta,.locale-switcher,.toolbar-cluster,.document-block-toolbar,.document-block-toolbar>div,.reader-author-row,.api-key-actions,.integration-link-actions,.api-code-header,.webhook-row,.reader-media figcaption,.cta-block-preview,.api-panel-header,.api-key-card{display:flex;align-items:center;gap:.75rem}.topbar-search{flex:1 1 18rem;max-width:30rem;border-radius:999px;background:#f1f4f6e6;padding:.7rem .95rem;color:var(--on-surface-muted)}.topbar-search input{padding:0;border-radius:0;background:transparent;box-shadow:none}.topbar-search input:focus{background:transparent;box-shadow:none}.topbar-actions{justify-content:flex-end;flex-wrap:wrap}.topbar-divider{width:1px;height:1.8rem;background:#abb3b733}.topbar-side--preview{flex:1 1 auto}.back-button{border-radius:999px}.live-indicator{display:inline-flex;align-items:center;gap:.5rem;color:var(--on-surface-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.live-dot{width:.55rem;height:.55rem;border-radius:999px;background:#2db677;box-shadow:0 0 #2db67773;animation:pulse 1.8s infinite}.studio-stage{min-height:100vh;padding:calc(var(--topbar-height) + 1.75rem) 2.25rem 2rem}.section-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem}.section-header h1{font-family:var(--font-editorial);font-size:clamp(2.7rem,5vw,4rem);line-height:.96}.section-header--api{margin-bottom:1.5rem}.library-view,.editor-view,.preview-view,.api-view{display:grid;gap:1.6rem}.library-filters{display:flex;flex-wrap:wrap;gap:1rem}.library-hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(17rem,1fr);gap:1.5rem;margin-bottom:2.4rem}.featured-article{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(17rem,1fr);min-height:21rem;overflow:hidden;border-radius:1.35rem;background:var(--surface-lowest);box-shadow:var(--shadow-soft);text-align:left}.featured-image-wrap{position:relative;min-height:100%;background:#dbe4e7cc}.featured-image,.featured-image--placeholder,.cover-image,.reader-cover{width:100%;height:100%;object-fit:cover}.featured-image--placeholder,.cover-placeholder,.reader-cover--placeholder,.media-empty-state{display:grid;place-items:center;gap:.6rem;color:var(--on-surface-muted);background:radial-gradient(circle at top,rgba(214,227,255,.85),transparent 45%),#e3e9ecbf}.featured-copy{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:2rem}.featured-copy h2,.suggestion-card h3,.article-card-meta strong,.reader-heading,.reader-subheading,.link-card-block strong{margin:0;font-family:var(--font-editorial)}.featured-copy h2{font-size:clamp(2rem,3vw,3rem);line-height:1}.suggestion-card{position:relative;overflow:hidden;display:grid;gap:.85rem;align-content:center;min-height:21rem;border-radius:1.35rem;background:linear-gradient(160deg,#1b365d,#314d78 60%,#435c85);color:var(--on-primary);padding:2rem;box-shadow:0 24px 48px #1b365d3d}.suggestion-card:after{content:"";position:absolute;right:-4rem;bottom:-4rem;width:12rem;height:12rem;border-radius:999px;background:#ffffff1a;filter:blur(14px)}.suggestion-card .eyebrow,.suggestion-card p{color:#f6f7ffbf}.suggestion-card h3{position:relative;z-index:1;font-size:2.1rem;line-height:.98}.suggestion-card button{position:relative;z-index:1;justify-self:start}.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.article-card{display:grid;gap:.95rem;border-radius:1.2rem;background:#ffffffe0;padding:1.25rem;box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.article-card.is-active{background:#d6e3ff5c;box-shadow:0 18px 36px #465f8824}.article-card-main{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;align-items:start;text-align:left}.article-card-thumb{display:grid;place-items:center;width:4.5rem;height:4.5rem;overflow:hidden;border-radius:1rem;background:#dbe4e7e6;color:var(--primary);font-family:var(--font-editorial);font-size:1.55rem;font-weight:700}.article-card-thumb img{width:100%;height:100%;object-fit:cover}.article-card-meta{display:grid;gap:.45rem}.article-card-meta span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--on-surface-muted)}.article-card-meta strong{font-size:1.35rem;line-height:1.05}.article-card-meta p{font-size:.94rem}.article-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.fab-button{position:fixed;right:2rem;bottom:2rem;z-index:30;width:3.55rem;height:3.55rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary);box-shadow:0 18px 36px #465f883d}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:0 .75rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.status-pill.is-draft{background:#d6e3ff80;color:var(--on-primary-container)}.status-pill.is-published{background:#2db6771f;color:#237b53}.status-pill.is-archived{background:#5860641f;color:var(--on-surface-muted)}.floating-toolbar{position:fixed;top:calc(var(--topbar-height) + 1rem);left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width)) / 2);z-index:34;display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:center;max-width:min(100vw - var(--sidebar-width) - 3rem,48rem);padding:.7rem .85rem;border-radius:1rem;background:#ffffffd1;box-shadow:var(--shadow-soft),inset 0 1px #ffffff8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.toolbar-cluster{padding-right:.65rem}.toolbar-cluster:not(:last-child){border-right:1px solid rgba(171,179,183,.2)}.toolbar-cluster select{min-width:7rem;background:#f1f4f6d9}.editor-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,22rem);gap:1.5rem;align-items:start}.editor-stage.is-inspector-closed{grid-template-columns:minmax(0,1fr)}.editor-canvas-shell{border-radius:1.4rem;background:#f1f4f6e0;padding:1.5rem}.editor-canvas{position:relative;container-type:inline-size;max-width:72rem;min-height:calc(100vh - 10rem);margin:0 auto;border-radius:1.5rem;background:var(--surface-lowest);box-shadow:var(--shadow-large),inset 0 2px 12px #2b343705;padding:4.2rem 3.6rem 4rem 5rem}.editor-status-row,.editor-canvas-meta{flex-wrap:wrap;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-muted)}.editor-canvas-meta{margin-top:1.5rem;justify-content:space-between}.locale-switcher{gap:.45rem}.locale-switcher button{min-width:2.6rem;min-height:2.1rem;border-radius:999px;background:#e3e9ecd9;font-size:.72rem;font-weight:700;letter-spacing:.15em}.locale-switcher button.is-active{background:var(--primary);color:var(--on-primary)}.canvas-title,.canvas-subtitle,.editable-block-text,.quote-attribution{width:100%;border:0;background:transparent;padding:0;box-shadow:none;resize:none}.canvas-title:focus,.canvas-subtitle:focus,.editable-block-text:focus,.quote-attribution:focus{background:transparent;box-shadow:none}.canvas-title{margin-top:1rem;font-family:var(--font-editorial);font-size:clamp(3rem,5vw,4.8rem);line-height:.96;color:var(--on-surface)}.canvas-subtitle{margin-top:.9rem;font-family:var(--font-editorial);font-size:clamp(1.4rem,2.2vw,2rem);font-style:italic;line-height:1.2;color:#6f7b92}.cover-panel{display:grid;gap:1rem;margin-top:2.2rem}.cover-panel,.reader-hero{overflow:hidden;border-radius:1.25rem}.cover-panel .cover-image,.reader-cover{aspect-ratio:21 / 9}.cover-placeholder,.reader-cover--placeholder{min-height:20rem}.cover-upload-button{width:fit-content}.cover-upload-button input,.inline-upload-chip input{display:none}.editor-document-grid,.reader-document-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));--document-row-height: 24px;grid-auto-rows:minmax(var(--document-row-height, 24px),auto);gap:var(--document-gap, 1.5rem);margin-top:2.5rem}@supports (container-type: inline-size){.editor-document-grid,.reader-document-grid{--document-col-width: calc((100cqi - (11 * var(--document-gap, 1.5rem))) / 12);--document-row-height: calc(var(--document-col-width) / 4)}}.document-block-shell{grid-column:var(--block-mobile-start) / span var(--block-mobile-span);border-radius:1rem;background:#f8f9fad6;box-shadow:inset 0 0 0 1px #abb3b71a}.editor-document-grid .document-block-shell{padding-top:.9rem}.document-block-shell.is-selected{background:#d6e3ff40;box-shadow:inset 0 0 0 1px #465f8833,0 0 0 4px #465f8812}.document-block-toolbar{justify-content:space-between;padding:0 .95rem .75rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-muted)}.editable-block-text--heading,.reader-heading{font-size:clamp(2rem,3.4vw,3rem);line-height:1}.editable-block-text--heading,.editable-block-text--subtitle,.reader-heading,.reader-subheading{font-family:var(--font-editorial)}.editable-block-text--subtitle,.reader-subheading{font-size:clamp(1.3rem,2.2vw,1.9rem);font-style:italic;line-height:1.2}.editable-block-text--paragraph,.reader-paragraph{font-family:var(--font-editorial);font-size:1.36rem;line-height:1.76}.quote-editor{display:grid;gap:.75rem}.editable-block-text--quote,.reader-quote{font-family:var(--font-editorial);font-size:2rem;font-style:italic;line-height:1.35;color:var(--primary-dim)}.quote-attribution{font-size:.92rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--on-surface-muted)}.media-editor-block,.audio-preview-block,.embed-preview-block,.cta-block-preview,.link-card-block{display:grid;gap:.8rem}.media-editor-block,.audio-preview-block,.embed-preview-block{min-height:10rem}.media-editor-image,.gallery-preview-item img,.reader-media img{width:100%;border-radius:1rem;object-fit:cover}.gallery-preview{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.gallery-preview-item{display:grid;gap:.5rem}.gallery-preview-item figcaption,.reader-media figcaption,.audio-preview-block figcaption,.media-editor-block small,.cta-block-preview small{color:var(--on-surface-muted);font-size:.86rem;line-height:1.5}.inline-upload-chip{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;border-radius:999px;background:#ffffffe0;padding:.65rem .9rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;box-shadow:var(--shadow-soft)}.link-card-block{border-radius:1.15rem;background:#f1f4f6e0;padding:1.35rem}.link-card-block strong{font-size:1.45rem;line-height:1.05}.link-card-block span{color:var(--on-surface-muted);line-height:1.6}.link-card-block small{color:var(--primary)}.cta-block-preview{justify-items:start}.reader-divider{margin:0;border:0;border-top-style:solid;border-top-color:#abb3b740}.add-block-strip{display:flex;align-items:center;gap:.9rem;margin-top:2rem;color:var(--on-surface-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.add-block-strip-button{width:2.9rem;height:2.9rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-dim));color:var(--on-primary)}.editor-inspector{position:sticky;top:calc(var(--topbar-height) + 1rem);display:grid;grid-template-rows:auto 1fr;gap:1rem;align-content:start;min-height:0;max-height:calc(100vh - 5rem);border-radius:1.4rem;background:#ffffffe6;box-shadow:var(--shadow-soft);padding:1.2rem;overflow:hidden}.editor-stage.is-inspector-closed .editor-inspector{display:none}.editor-grid-background{grid-column:1 / -1;grid-row:1 / -1;position:absolute;inset:0;pointer-events:none;z-index:0;--dot-color: rgba(100, 120, 160, .28);--dot-size: 2px;--cell: var(--document-row-height, 32px);background-image:radial-gradient(circle,var(--dot-color) var(--dot-size),transparent 0);background-size:var(--cell) var(--cell);background-position:0 0}.document-block-shell{position:relative;grid-column:var(--block-desktop-start) / span var(--block-desktop-span);border-radius:1rem;background:#f8f9fad6;box-shadow:inset 0 0 0 1px #abb3b71a}.resize-handle{position:absolute;top:0;bottom:0;width:10px;cursor:col-resize;z-index:10;opacity:0;transition:opacity .15s ease;background:#465f8866}.document-block-shell.is-selected .resize-handle{opacity:.6}.document-block-shell.is-selected .resize-handle:hover,.document-block-shell.is-selected .resize-handle.is-active{opacity:1;background:#465f88cc}.resize-handle-left{left:-5px;border-radius:4px 0 0 4px}.resize-handle-right{right:-5px;border-radius:0 4px 4px 0}.resize-handle-corner{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;cursor:nwse-resize;z-index:10;opacity:0;transition:all .15s ease;background:#465f88d9;border-radius:50%;box-shadow:0 2px 4px #0000001a}.document-block-shell.is-selected .resize-handle-corner{opacity:.9}.document-block-shell.is-selected .resize-handle-corner:hover{opacity:1;transform:scale(1.15)}.editor-inspector-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.editor-inspector-header h2{font-family:var(--font-editorial);font-size:2rem;line-height:1}.editor-inspector-scroll{display:grid;gap:1rem;align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.inspector-section{display:grid;gap:.9rem;border-radius:1.15rem;background:#f1f4f6b8;padding:1rem}.inspector-section h3{margin:0;font-family:var(--font-editorial);font-size:1.4rem}.inspector-fields{display:grid;gap:.9rem}.block-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.block-palette-card{display:grid;gap:.35rem;border-radius:1rem;background:#ffffffd1;padding:.95rem;text-align:left;box-shadow:inset 0 0 0 1px #abb3b71f}.block-palette-card span{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary)}.block-palette-card strong{font-size:.96rem}.block-palette-card small{color:var(--on-surface-muted);line-height:1.5}.preview-shell{display:grid;gap:1.5rem;max-width:82rem;margin:0 auto}.preview-shell--live{max-width:min(100%,96rem)}.preview-meta-header,.preview-footer-row{justify-content:space-between;flex-wrap:wrap;border-radius:1.15rem;background:#ffffffc7;padding:1rem 1.25rem;box-shadow:var(--shadow-soft)}.reader-sheet{overflow:hidden;border-radius:1.5rem;background:var(--surface-lowest);box-shadow:var(--shadow-large)}.preview-browser{overflow:hidden;border-radius:1.5rem;background:#ffffffeb;box-shadow:var(--shadow-large)}.preview-browser-bar{display:flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border-bottom:1px solid rgba(171,179,183,.22);background:#f1f4f6eb}.preview-browser-bar code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-muted)}.preview-browser-dot{width:.72rem;height:.72rem;border-radius:999px;background:#465f8847}.preview-browser-frame{background:linear-gradient(180deg,#f1f4f6db,#e3e9ec47);padding:1rem}.preview-iframe{width:100%;min-height:75vh;border:0;border-radius:1rem;background:#fff}.reader-content{display:grid;gap:1.2rem;padding:3.25rem clamp(1.5rem,5vw,6rem) 3.5rem}.reader-content h1{margin:0;font-family:var(--font-editorial);font-size:clamp(3rem,6vw,5.25rem);line-height:.96}.reader-subtitle{margin:0;font-family:var(--font-editorial);font-size:clamp(1.4rem,2.4vw,2.1rem);font-style:italic;line-height:1.25;color:#6f7b92}.reader-author-row{align-items:center;width:fit-content;margin:0;padding:1rem 0 .4rem}.reader-author-row strong{display:block}.reader-author-row span{display:block;color:var(--on-surface-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.reader-block{padding:0;background:transparent;box-shadow:none}.reader-quote{margin:0;padding:2rem 1rem;text-align:center}.reader-quote p,.reader-quote footer{margin:0}.reader-quote footer{margin-top:1rem;font-family:var(--font-ui);font-size:.78rem;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--on-surface-muted)}.reader-media,.audio-preview-block{margin:0}.cta-link{display:inline-flex}.api-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.api-panel{display:grid;gap:1.2rem;border-radius:1.4rem;background:#ffffffe6;box-shadow:var(--shadow-soft);padding:1.4rem}.api-panel--wide{margin-top:.15rem}.api-panel-header{justify-content:space-between;align-items:end;flex-wrap:wrap}.api-key-create{grid-template-columns:minmax(12rem,1fr) auto;align-items:end}.api-key-list,.integration-links,.webhook-table{display:grid;gap:1rem}.api-key-card{justify-content:space-between;flex-wrap:wrap;border-radius:1rem;background:#f1f4f6c7;padding:1rem}.api-key-card strong{display:block;margin-bottom:.25rem}.api-key-card span{color:var(--on-surface-muted);font-size:.88rem;line-height:1.6}.api-code-card{display:grid;gap:.9rem;border-radius:1.15rem;background:#132034;color:#e6ecf7;padding:1rem}.api-code-header{justify-content:space-between;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.api-code-card pre{margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.84rem;line-height:1.65}.integration-link-card{display:grid;gap:.9rem;border-radius:1rem;background:#f1f4f6b8;padding:1rem}.integration-link-card strong{display:block;margin-bottom:.2rem}.integration-link-card code{display:block;margin-top:.6rem;overflow:auto;white-space:nowrap;color:var(--primary-dim)}.integration-link-actions{flex-wrap:wrap}.webhook-table{border-radius:1rem;background:#f1f4f6b8;padding:.65rem}.webhook-row{justify-content:space-between;flex-wrap:wrap;border-radius:.85rem;padding:.85rem .95rem}.webhook-row strong,.webhook-row code,.webhook-row span{flex:1 1 10rem}.webhook-row--head{color:var(--on-surface-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}@keyframes pulse{0%{box-shadow:0 0 #2db67780}70%{box-shadow:0 0 0 .6rem #2db67700}to{box-shadow:0 0 #2db67700}}@media(min-width:900px){.document-block-shell{grid-column:var(--block-desktop-start) / span var(--block-desktop-span)}}@media(max-width:1280px){.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-stage,.api-layout-grid{grid-template-columns:1fr}.editor-inspector{position:static;max-height:none}}@media(max-width:1100px){:root{--sidebar-width: 100%}.studio-sidebar{position:static;width:auto;padding-bottom:1rem;box-shadow:0 1px #abb3b71f}.studio-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-main-column{margin-left:0}.studio-topbar{position:sticky;left:0;padding:.9rem 1.25rem}.studio-stage{padding:1.4rem 1.25rem 1.5rem}.floating-toolbar{position:sticky;top:1rem;left:auto;transform:none;width:fit-content;max-width:100%;margin:0 auto 1rem}.fab-button{right:1.25rem}}@media(max-width:900px){.section-header,.api-panel-header,.preview-meta-header,.preview-footer-row{align-items:start}.library-hero-grid,.featured-article,.article-card-grid,.block-palette-grid,.api-key-create{grid-template-columns:1fr}.featured-article{min-height:auto}.featured-image-wrap{min-height:16rem}.editor-canvas{padding:2.8rem 1.4rem}.reader-content{padding:2rem 1.4rem 2.4rem}.reader-content h1,.canvas-title{font-size:clamp(2.3rem,9vw,3.5rem)}}@media(max-width:640px){.auth-shell{padding:1rem}.auth-card,.api-panel,.editor-inspector,.article-card,.featured-copy,.suggestion-card{padding:1.1rem}.studio-brand{padding-left:.25rem;padding-right:.25rem}.studio-nav{grid-template-columns:1fr}.studio-topbar,.studio-stage{padding-left:.85rem;padding-right:.85rem}.topbar-search{max-width:none;width:100%}.topbar-actions{justify-content:flex-start}.document-block-toolbar{flex-direction:column;align-items:start}.preview-meta-copy,.preview-utilities,.article-card-footer,.api-key-card,.webhook-row{align-items:start}.fab-button{right:.85rem;bottom:.85rem}}:root{--sidebar-width: 15rem;--topbar-height: 4.5rem;--background: #f7f4ee;--surface: #f7f4ee;--surface-low: #f0eee7;--surface-high: #e5e9e3;--surface-highest: #d9e2dc;--surface-variant: rgba(191, 209, 198, .42);--surface-lowest: #fffefa;--primary: #0f3d2e;--primary-dim: #092d22;--primary-container: #dce8e0;--on-primary: #f7f4ee;--on-primary-container: #0f3d2e;--on-surface: #17241f;--on-surface-muted: #5f6d66;--outline: rgba(15, 61, 46, .24);--outline-soft: rgba(15, 61, 46, .1);--shadow-soft: 0 8px 28px rgba(15, 61, 46, .07);--shadow-large: 0 24px 70px rgba(15, 61, 46, .09);--font-ui: "DM Sans", "Segoe UI", sans-serif;--font-editorial: "Newsreader", Georgia, serif;color:var(--on-surface);background:var(--background);font-family:var(--font-ui)}body,body:before{background:var(--background)}body:before{display:none}:focus-visible{outline-color:#2d8060}input,textarea,select{border:1px solid rgba(15,61,46,.18);border-radius:.45rem;background:#fffefa}input:focus,textarea:focus,select:focus{background:#fffefa;box-shadow:0 0 0 3px #2d80601f}.button-primary,.add-block-strip-button,.fab-button{border-radius:.4rem;background:var(--primary);box-shadow:none}.button-primary:hover:not(:disabled),.fab-button:hover:not(:disabled){background:#174f3d;box-shadow:none}.button-secondary,.back-button,.cover-upload-button{border:1px solid rgba(15,61,46,.2);border-radius:.4rem;background:#fffefa}.save-action{min-width:8.5rem;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.save-action.is-saved{border-color:#31966d;background:#e8f5ed;color:#176544;animation:save-confirmation .52s ease-out}.save-action.is-saving,.save-action.is-dirty{border-color:#c69c3b;background:#fff8e7;color:#735514}.save-action.is-error{border-color:#b64b45;background:#fff0ee;color:#8b2823}@keyframes save-confirmation{0%{transform:scale(.96);box-shadow:0 0 #31966d52}60%{transform:scale(1.02);box-shadow:0 0 0 .5rem #31966d00}to{transform:scale(1);box-shadow:none}}.studio-sidebar{padding:1.35rem .8rem 1rem;border-right:1px solid rgba(15,61,46,.13);background:#fbf9f4;-webkit-backdrop-filter:none;backdrop-filter:none}.studio-brand{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-height:3.5rem;padding:0 .55rem 1.5rem}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid var(--primary);color:var(--primary);font-family:Syne,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:-.08em}.brand-copy,.brand-title,.brand-subtitle{display:block}.brand-title{color:var(--primary);font-family:Syne,sans-serif;font-size:1rem;font-style:normal;font-weight:700;letter-spacing:-.035em}.brand-subtitle{margin-top:.15rem;color:var(--on-surface-muted);font-size:.62rem}.sidebar-link{min-height:3rem;border-radius:.35rem;font-size:.88rem}.sidebar-link.is-active{background:var(--primary-container);box-shadow:inset 3px 0 0 var(--primary)}.profile-badge{border-radius:.35rem;background:var(--primary);color:var(--on-primary)}.studio-topbar{border-bottom:1px solid rgba(15,61,46,.13);background:#fffefaf5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none}.topbar-search{max-width:27rem;border:1px solid rgba(15,61,46,.14);border-radius:.4rem;background:#f8f6f0}.studio-stage{padding:calc(var(--topbar-height) + 1rem) 1rem 1rem}.editor-view{gap:0}.editor-stage{grid-template-columns:minmax(0,1fr) clamp(18rem,22vw,21rem);gap:0;min-height:calc(100vh - var(--topbar-height) - 2rem);border:1px solid rgba(15,61,46,.13);background:#fffefa}.editor-stage.is-inspector-closed{grid-template-columns:minmax(0,1fr) 5.25rem}.editor-canvas-shell{min-width:0;border-radius:0;background:#f3f1eb;padding:clamp(.8rem,1.8vw,1.5rem)}.editor-canvas{max-width:68rem;min-height:calc(100vh - 7rem);border:1px solid rgba(15,61,46,.12);border-radius:.65rem;background:#fffefa;box-shadow:0 18px 50px #0f3d2e0f;padding:clamp(2.25rem,4vw,4rem) clamp(2rem,5vw,5rem) 4rem}.editor-status-row,.editor-canvas-meta{letter-spacing:.11em}.canvas-title{color:#10271f;font-size:clamp(2.6rem,5vw,4.65rem)}.canvas-subtitle{color:#6a756f}.cover-panel,.cover-panel .cover-image,.cover-placeholder{border-radius:.5rem}.cover-placeholder{border:1px dashed rgba(15,61,46,.26);background:#f5f3ed}.editor-document-grid{position:relative}.editor-grid-background{--dot-color: rgba(15, 61, 46, .11);--dot-size: 1px}.document-block-shell{padding:1.1rem 1rem 1.15rem 1.85rem;border:1px solid rgba(15,61,46,.12);border-radius:.4rem;background:#fffefaed;box-shadow:none}.document-block-shell:hover{border-color:#0f3d2e4d}.document-block-shell.is-selected{border-color:#247a59;background:#fcfffd;box-shadow:0 0 0 2px #247a591f}.document-block-shell.is-dragging{box-shadow:0 18px 40px #0f3d2e2e}.block-drag-handle{position:absolute;top:50%;left:.25rem;z-index:12;display:grid;place-items:center;width:1.5rem;height:2.2rem;color:#718078;cursor:grab;touch-action:none;transform:translateY(-50%)}.block-drag-handle:active{cursor:grabbing}.document-block-toolbar{padding:0 0 .65rem;color:#547064}.block-options-button{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid transparent;border-radius:.35rem;color:var(--primary)}.block-options-button:hover,.block-options-button:focus-visible{border-color:#0f3d2e33;background:var(--primary-container)}.editor-inspector{top:var(--topbar-height);grid-template-rows:auto auto minmax(0,1fr);gap:0;max-height:calc(100vh - var(--topbar-height));border-left:1px solid rgba(15,61,46,.13);border-radius:0;background:#fffefa;box-shadow:none;padding:0}.editor-stage.is-inspector-closed .editor-inspector{display:block}.editor-inspector-header{padding:1.2rem 1.15rem .9rem}.editor-inspector-header h2{color:var(--primary);font-family:"Syne",var(--font-ui);font-size:1.4rem}.inspector-collapse-button{color:var(--on-surface-muted);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(15,61,46,.13)}.inspector-tabs button{min-height:2.85rem;border-bottom:2px solid transparent;color:var(--on-surface-muted);font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.inspector-tabs button.is-active{border-bottom-color:#2d8060;color:var(--primary)}.editor-inspector-scroll{gap:0;padding:0}.inspector-section{gap:.85rem;border-bottom:1px solid rgba(15,61,46,.11);border-radius:0;background:transparent;padding:1.1rem 1.15rem}.inspector-section h3{color:var(--primary);font-family:"Syne",var(--font-ui);font-size:.9rem;letter-spacing:-.02em}.selected-block-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(15,61,46,.12);background:#f5f3ed;padding:.9rem 1.15rem}.selected-block-summary>div,.selected-block-summary>div:last-child{display:flex;align-items:center;gap:.55rem}.selected-block-summary>div:first-child{display:grid;gap:.15rem}.selected-block-summary button{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid rgba(15,61,46,.16);border-radius:.35rem}.selected-block-summary button.is-danger{color:#9b3933}.block-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.block-palette-card{min-height:5.4rem;border:1px solid rgba(15,61,46,.14);border-radius:.35rem;background:#fffefa;padding:.7rem;box-shadow:none}.block-palette-card:hover{border-color:#2d8060;background:#edf5f0}.block-palette-card span{color:#2d8060}.inspector-compact-rail{display:grid;align-content:start;gap:0}.inspector-compact-rail button{display:grid;place-items:center;gap:.35rem;min-height:5rem;border-bottom:1px solid rgba(15,61,46,.12);color:var(--primary)}.inspector-compact-rail span{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pdf-preview-block{display:grid;gap:.75rem}.pdf-preview-block iframe{width:100%;min-height:clamp(26rem,65vh,46rem);border:1px solid rgba(15,61,46,.18);border-radius:.4rem;background:#f3f1eb}.preview-browser,.preview-meta-header,.preview-footer-row,.empty-state,.auth-card{border:1px solid rgba(15,61,46,.12);border-radius:.55rem;background:#fffefa;box-shadow:none}@media(max-width:1180px){:root{--sidebar-width: 4.75rem}.studio-sidebar{position:fixed;width:var(--sidebar-width);padding-inline:.55rem}.studio-brand{display:grid;grid-template-columns:1fr;justify-items:center;padding-inline:0}.brand-copy,.studio-sidebar-footer>div:last-child,.sidebar-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.studio-nav{grid-template-columns:1fr}.sidebar-link,.studio-sidebar-footer{justify-content:center;padding-inline:0}.studio-main-column{margin-left:var(--sidebar-width)}.studio-topbar{position:fixed;left:var(--sidebar-width);height:var(--topbar-height);padding-inline:1rem}.studio-stage{padding:calc(var(--topbar-height) + .75rem) .75rem .75rem}.floating-toolbar{display:none}.editor-stage,.api-layout-grid{grid-template-columns:minmax(0,1fr) clamp(17rem,28vw,19rem)}.editor-stage.is-inspector-closed{grid-template-columns:minmax(0,1fr) 4.75rem}.editor-inspector{position:sticky;top:var(--topbar-height);max-height:calc(100vh - var(--topbar-height))}.editor-canvas{padding-inline:clamp(1.5rem,4vw,3.5rem)}}@media(max-width:900px){.topbar-search,.topbar-divider,[data-testid=notifications-button]{display:none}.studio-topbar{justify-content:flex-end}.editor-stage{grid-template-columns:minmax(0,1fr) 5rem}.editor-inspector.is-visible{position:fixed;top:var(--topbar-height);right:0;z-index:45;width:min(20rem,calc(100vw - var(--sidebar-width) - 1rem));height:calc(100vh - var(--topbar-height));max-height:none;box-shadow:-18px 0 50px #0f3d2e1f}.editor-inspector.is-collapsed{position:sticky;width:auto}.editor-canvas-shell{padding:.5rem}.editor-canvas{padding:2rem 1.25rem 3rem}.canvas-title{font-size:clamp(2.2rem,8vw,3.6rem)}.document-block-shell{grid-column:1 / -1!important}}@media(max-width:680px){:root{--sidebar-width: 4rem}.topbar-actions{flex-wrap:nowrap;gap:.4rem}.topbar-actions .button-primary,.topbar-actions .button-secondary{min-width:2.7rem;padding-inline:.65rem;font-size:.65rem;letter-spacing:.07em}.save-action{min-width:6.7rem!important}[data-testid=refresh-preview-button]{display:none}.studio-stage{padding-inline:.4rem}}@media(prefers-reduced-motion:reduce){.save-action.is-saved{animation:none}}.inspector-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:.65rem}.inspector-checkbox input{width:1rem;height:1rem;accent-color:var(--bb-green)}.gallery-item-editor,.box-control-grid{display:grid;gap:.65rem;margin:0;padding:.85rem;border:1px solid color-mix(in srgb,var(--bb-green) 16%,transparent);border-radius:.85rem;background:color-mix(in srgb,var(--bb-mint) 30%,white)}.gallery-item-editor legend,.box-control-grid legend{padding-inline:.35rem;color:var(--bb-green);font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.box-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.box-control-grid legend{grid-column:1 / -1}.button-text{width:fit-content;padding:.25rem 0;border:0;background:transparent;color:var(--bb-green);font:700 .7rem/1 DM Sans,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.button-text.is-danger{color:#9f3030}.conflict-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;color:#6b3d00;background:#fff3d6;border-bottom:1px solid #e8c77a}.conflict-banner div{display:flex;gap:.5rem}.conflict-banner button{padding:.45rem .7rem;border:1px solid currentColor;border-radius:.4rem;background:transparent;color:inherit;cursor:pointer}@media(max-width:720px){.conflict-banner{align-items:stretch;flex-direction:column}.conflict-banner div{flex-wrap:wrap}}