@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/geist-mono.woff2') format('woff2');font-weight:400;font-display:swap}
.studio-head{max-width:850px}.studio-head h1{max-width:750px}.studio-workspace{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:36px;align-items:start;margin-top:48px}.studio-controls{display:grid;gap:24px;min-width:0}.studio-controls fieldset{border:0;border-top:1px solid var(--border,#C9D1D4);padding:18px 0 0;margin:0;min-width:0}.studio-controls legend{font:600 18px/24px Manrope,sans-serif;padding:0 8px 0 0}.studio-controls label{display:block;font:600 14px/20px Manrope,sans-serif;margin:16px 0 6px}.studio-controls :is(select,input:not([type=checkbox]),textarea){display:block;width:100%;min-width:0;border:1px solid var(--control-border,#6B93A6);border-radius:8px;padding:11px 12px;background:var(--bg,#F4F2EC);color:var(--fg,#1B2B41);font:500 14px/21px Manrope,sans-serif}.studio-controls select{min-height:46px;padding-right:30px}.studio-controls textarea{resize:vertical;min-height:84px}.studio-controls :is(input,textarea,select):focus-visible,.studio-actions button:focus-visible{outline:2px solid var(--fg,#1B2B41);outline-offset:3px}.studio-pair{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.studio-help{font:500 12px/18px Manrope,sans-serif;color:var(--text-muted,#4A5A6E);margin:7px 0 0}.studio-controls .studio-check{display:flex;align-items:center;gap:10px}.studio-check input{width:18px;height:18px;accent-color:#1B2B41}.studio-post-editor{border-block:1px solid var(--border,#C9D1D4);padding:16px 0}.studio-post-editor summary{cursor:pointer;font-weight:600}.studio-controls [hidden]{display:none!important}.studio-preview-panel{min-width:0}.studio-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.studio-preview-heading h2{font:500 20px/28px Manrope,sans-serif;letter-spacing:-.02em;margin:0}.studio-preview-heading span{font:500 12px/18px 'Geist Mono',monospace;color:var(--text-muted,#4A5A6E)}.studio-canvas-well{background:var(--surface-2,#E9EAE4);border:1px solid var(--border,#C9D1D4);padding:20px;display:flex;justify-content:center;align-items:center;min-width:0}.studio-canvas-well canvas{display:block;max-width:100%;width:100%;height:auto;max-height:780px;object-fit:contain}.studio-render-status{font:500 13px/20px Manrope,sans-serif;min-height:40px;color:var(--text-muted,#4A5A6E);margin:12px 0 16px}.studio-render-status.is-error{color:var(--fg,#1B2B41);font-weight:600}.studio-actions{display:flex;flex-wrap:wrap;gap:10px}.studio-actions .button{min-height:44px;font-size:13px;padding:10px 16px}.studio-actions button:disabled{opacity:.5;cursor:not-allowed}.studio-alt{margin-top:20px;font:500 13px/20px Manrope,sans-serif}.studio-alt summary{cursor:pointer}.studio-alt p{max-width:64ch;margin-top:12px}.studio-feed-heading{margin:56px 0 24px}.studio-feed-heading h2{font:500 32px/36px Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:12px}.studio-feed-heading p{font:500 14px/22px Manrope,sans-serif;color:var(--text-muted,#4A5A6E);max-width:58ch}.studio-feeds{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.studio-feed{width:100%;max-width:546px;border:1px solid #C9D1D4;padding:20px;background:#F4F2EC;color:#1B2B41;box-sizing:border-box;border-radius:12px}.studio-feed.is-dark{max-width:383px;background:#1B2B41;color:#F4F2EC;border-color:#57707F}.studio-feed-person{display:flex;gap:10px;align-items:center}.studio-feed-person>img{padding:5px;background:#F4F2EC;border-radius:50%;box-sizing:content-box}.studio-feed.is-dark .studio-feed-person>img{background:#1B2B41}.studio-feed-person strong{display:block;font:700 14px/20px Manrope,sans-serif}.studio-feed-person small{display:block;font:500 11px/16px Manrope,sans-serif;color:#4A5A6E}.studio-feed.is-dark small{color:#B8CAD1}.studio-feed .feed-copy{font:500 14px/21px Manrope,sans-serif;margin:16px 0 14px;overflow-wrap:anywhere}.studio-feed .feed-image{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #57707F;box-sizing:border-box}.studio-feed-label{font:500 11px/18px 'Geist Mono',monospace;margin:10px 0 0;color:#4A5A6E}.studio-feed.is-dark .studio-feed-label{color:#B8CAD1}.studio-notes{max-width:800px}.studio-notes .text-link{margin-right:24px}
@media(min-width:1700px){.studio-feeds{grid-template-columns:546px 383px}.studio-workspace{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:1150px){.studio-workspace{grid-template-columns:230px minmax(0,1fr);gap:24px}.studio-canvas-well{padding:12px}.studio-actions .button{font-size:12px}}
@media(max-width:1000px){.studio-workspace{grid-template-columns:minmax(0,1fr)}.studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-controls details,.studio-controls>button{grid-column:1/-1}.studio-preview-panel{margin-top:16px}.studio-canvas-well{padding:12px}}
@media(max-width:520px){.studio-workspace{margin-top:32px}.studio-controls{grid-template-columns:1fr}.studio-controls :is(select,input:not([type=checkbox]),textarea){font-size:16px}.studio-canvas-well{padding:6px}.studio-actions{display:grid;grid-template-columns:1fr 1fr}.studio-actions .button{font-size:12px;padding-inline:9px}.studio-preview-heading{align-items:start}.studio-preview-heading span{max-width:140px;text-align:right}.studio-feed{padding:12px}.studio-feed-heading{margin-top:36px}}
.studio-jump{display:none}#design-preview,#studio-controls{scroll-margin-top:100px}.studio-feed{max-width:548px}.studio-feed.is-dark{max-width:385px}
@media(min-width:1700px){.studio-feeds{grid-template-columns:548px 385px}}
@media(max-width:1000px){.studio-jump{display:inline-block;margin-top:12px;margin-bottom:12px}.studio-head .studio-jump{margin-left:18px}}
@media(max-width:520px){.studio-feed{padding:0}.studio-feed.is-dark{max-width:345px}.studio-feed-person{padding:12px 12px 0}.studio-feed .feed-copy{padding:0 12px}.studio-feed-label{padding:0 12px 12px}.studio-feed .feed-image{border-inline:0;border-radius:0}}

#data-fields{grid-column:1/-1}#data-fields textarea{font-family:'Geist Mono',monospace;font-size:13px}#data-fields>div{min-width:0}.studio-controls input[aria-invalid=true],.studio-controls textarea[aria-invalid=true]{border-width:2px}

.studio-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.studio-quick-links .button{font-size:12px;min-height:40px;padding:8px 12px}