.font-hidden-toggle{display:none!important}.font-ribbon,.font-actions,.font-case-actions,.font-symbols,.font-color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.font-ribbon button,.font-ribbon select,.font-case-actions button,.font-symbols button,.font-color-swatch{min-height:44px;min-width:44px;font:inherit}.font-toggle[aria-pressed=true]{background:#184fc4;color:white}.font-bold{font-weight:bold!important}.font-italic{font-style:italic!important}.font-underline{text-decoration:underline}.font-extended{margin:12px 0;border:1px solid #ccd8e6;border-radius:8px;padding:8px}.font-extended summary{min-height:44px;cursor:pointer}.font-find{display:flex;flex-wrap:wrap;gap:8px}.font-find label{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.font-find input[type=text]{min-width:0;width:180px;max-width:100%;font:inherit;padding:7px;box-sizing:border-box}.font-find button{min-height:44px}.font-color-swatch{background:var(--font-swatch);color:transparent;border:2px solid #9aabba;border-radius:50%;width:44px;overflow:hidden}.font-count,.font-edit-status{font-size:14px;color:#52647c}.font-fields input[type=color]{width:54px;height:44px}.text-format canvas{box-sizing:border-box}.text-format{box-sizing:border-box}#nativeTextEditor,#aiddialog,#textentry{box-sizing:border-box;max-width:calc(100vw - 24px)}
.studio-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.studio-tabs button{min-height:44px;min-width:62px;font:inherit}.studio-tabs [aria-selected=true]{background:#184fc4;color:#fff}.studio-panel{display:flex;gap:8px;flex-wrap:wrap}.studio-panel[hidden]{display:none}.studio-panel>button{min-height:44px;flex:1 1 200px}.studio-panel p{width:100%;font-size:14px;color:#52647c}#formatStudio,#studioImageDialog{box-sizing:border-box;max-width:calc(100vw - 24px)}#studioImagePreview{display:block;max-width:100%;max-height:260px;width:auto;height:auto;margin:12px auto;background:repeating-conic-gradient(#e2e8f0 0% 25%,#fff 0% 50%) 50%/20px 20px}#studioImageFields{display:flex;flex-wrap:wrap;gap:10px 18px}#studioImageFields label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#studioImageFields input[type=range]{min-height:44px;width:170px}#studioImageFields input[type=checkbox]{width:24px;height:24px}.studio-tabs button:focus-visible,.font-ribbon button:focus-visible{outline:3px solid #135fca;outline-offset:2px}
@media(max-width:600px){.font-fields{align-items:stretch}.font-fields label{flex-wrap:wrap;min-width:0}.font-fields select{min-width:0;max-width:100%}.font-ribbon select{max-width:100%;min-width:0}.font-find input[type=text]{width:100%}.studio-panel>button{flex-basis:100%}}

.scroll-editor[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden!important;padding:12px;box-sizing:border-box}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;padding:4px 0 10px;border-bottom:1px solid #ccd8e6}.editor-head h2{font-size:20px;margin:0}.editor-head button{min-height:44px}.editor-scroll-body{overflow:auto;min-height:0;flex:1;padding:6px 4px;overscroll-behavior:contain}.editor-foot{display:flex;gap:8px;flex:none;padding:10px 0 0;border-top:1px solid #ccd8e6;background:white}.editor-foot button{min-height:44px;flex:1;font:inherit}.scroll-editor>.workspace-dialog-head{position:static;flex:none;padding:4px 0 10px}.scroll-editor input[type=number]{min-height:44px;font:inherit;box-sizing:border-box;padding:7px;max-width:100%}.scroll-editor textarea{max-width:100%;box-sizing:border-box}.scroll-editor [hidden]{display:none!important}

.scroll-editor input[type=color]{width:54px;height:44px}