.studio-rich-editor{min-width:0}.studio-rich-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.studio-rich-toolbar>*{box-sizing:border-box;min-width:0}.studio-rich-toolbar select{max-width:100%;min-height:34px}.studio-font-picker{flex:1 1 100%;display:grid;grid-template-columns:minmax(100px,.85fr) minmax(135px,1.15fr);gap:6px;min-width:0;padding:5px 0}.studio-font-picker input[type=search]{box-sizing:border-box;width:100%;min-width:0;min-height:34px;border:1px solid #c7d2bc;border-radius:5px;background:#fffdf7;padding:6px 9px;font:12px 'DM Sans',sans-serif;color:#354832}.studio-rich-toolbar .studio-font-picker select{width:100%;min-width:0;max-width:100%;margin:0;flex:none;font-size:12px}.studio-spacing-control{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center;padding:4px 0;flex:1 1 100%;min-width:0;font:12px/1.4 'DM Sans',sans-serif;color:#506244}.studio-spacing-control input[type=number]{box-sizing:border-box;width:72px;min-width:0;min-height:34px;height:34px;border:1px solid #c7d2bc;border-radius:5px;background:#fffdf7;font:12px 'DM Sans',sans-serif;padding:5px 8px}.studio-rich-input{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;line-height:1.5}.studio-rich-input p,.studio-rich-input div{margin:0}.studio-rich-input:focus-visible{outline:2px solid #8fa779;outline-offset:2px}.studio-rich-editor.is-readonly .studio-rich-toolbar{display:none!important}.studio-text-field{min-width:0}.screen-inspector .studio-rich-editor .studio-rich-input{min-height:115px;border:1px solid #c9d3be;border-radius:8px;padding:12px;background:#fff;max-height:300px;overflow:auto}.screen-inspector .studio-rich-editor .studio-rich-toolbar{padding:8px;border:1px solid #d8dfcf;border-radius:8px;margin-bottom:8px}.screen-inspector .studio-rich-toolbar button{padding:5px 8px;min-width:32px}.screen-inspector .studio-font-size-control{display:flex;align-items:center;gap:6px;flex:1 1 100%;flex-wrap:wrap}.screen-inspector .studio-font-size-label{display:flex;align-items:center;gap:6px;margin:0}.screen-inspector .studio-font-size-label input{width:62px}.screen-inspector .studio-font-size-control>select{flex:1;min-width:80px}.screen-inspector .studio-rich-colours{display:flex;gap:6px;align-items:center;min-width:0;flex-wrap:wrap}.screen-inspector .studio-rich-colours>input[type=text]{width:95px}.screen-inspector .studio-rich-colours input[type=color]{width:36px}.screen-inspector .studio-field-actions[hidden]{display:none!important}@media(max-width:480px){.studio-font-picker{grid-template-columns:1fr}.studio-rich-toolbar button,.studio-rich-toolbar select,.studio-spacing-control input[type=number],.studio-font-picker input[type=search]{min-height:38px}.studio-spacing-control{gap:6px}.studio-font-picker input[type=search]{font-size:16px}}
/* Preserve the shared three-column toolbar while keeping compound controls on full rows. */
.studio-rich-toolbar>.studio-font-picker{grid-column:1/-1;width:100%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);box-sizing:border-box}.studio-rich-toolbar>.studio-spacing-control{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) 76px;width:100%;margin:0!important;padding:4px 0!important;gap:8px!important;align-items:center!important}.studio-rich-toolbar>select[aria-label="Text alignment"],.studio-rich-toolbar>button[aria-label^="Clear formatting"]{grid-column:1/-1}.studio-rich-toolbar>.studio-spacing-control input[type=number]{width:76px;max-width:100%;margin:0}.studio-rich-editor.is-readonly:focus-within:not(.is-deleted):not(.studio-plain-editor) .studio-rich-toolbar{display:none!important}@media(max-width:480px){.studio-rich-toolbar>.studio-font-picker{grid-template-columns:minmax(0,1fr)}}
/* Shared Photoshop-style character controls, in the same order on every editor. */
.studio-rich-toolbar>.studio-character-tools{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));grid-column:1/-1;flex:1 1 100%;width:100%;gap:4px;margin:0;padding:0;min-width:0}
.studio-rich-toolbar .studio-character-button{display:flex!important;align-items:center;justify-content:center;min-width:0!important;min-height:36px;height:36px;padding:4px!important;margin:0!important;border:1px solid #cbd5c0;border-radius:5px;background:#fffdf7;color:#354832;font:600 19px/1 Georgia,serif;letter-spacing:0;text-transform:none;cursor:pointer}
.studio-rich-toolbar .studio-character-button:hover:not(:disabled){background:#edf2e5;color:#26382f;border-color:#99ae87}
.studio-rich-toolbar .studio-character-button[aria-pressed=true]{background:#dfe9d4;color:#26382f;border-color:#7e986b;box-shadow:inset 0 -2px #7e986b}
.studio-rich-toolbar .studio-character-button:focus-visible{outline:2px solid #8b7654;outline-offset:2px}
.studio-character-button sup,.studio-character-button sub{font:600 11px/1 Georgia,serif;position:relative;vertical-align:baseline}.studio-character-button sup{top:-5px}.studio-character-button sub{top:5px}.studio-character-button .type-all-caps{font-size:16px}.studio-character-button .type-small-caps{font-size:18px}.studio-character-button .type-small-caps>span{font-size:13px;text-transform:uppercase}.studio-character-button u{text-underline-offset:3px}
.studio-rich-input.studio-device-text-size sup,.studio-rich-input.studio-device-text-size sub,.studio-rich-input.studio-device-text-size sup *,.studio-rich-input.studio-device-text-size sub *{font-size:calc(var(--studio-device-text-size)*.75)!important}
@media(max-width:480px){.studio-rich-toolbar>.studio-character-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-rich-toolbar .studio-character-button{height:40px;min-height:40px}}
/* Match script proportions between the editor and rendered invitation/display text. */
sup,sub{font-size:75%;line-height:0}