/* Clear controls live below the text, never over a sentence or the caret. */
.input-editor{min-width:0}
.input-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:48px;padding-top:4px}
.input-editor-actions button{min-height:44px;padding:8px 12px;border:1px solid #374b65;border-radius:12px;background:#172536;color:#c7ddf5;font:600 12px/1.3 system-ui;cursor:pointer}
.input-editor-actions button:hover{background:#253c57;color:#fff}
.input-editor-actions button:disabled{opacity:.4;cursor:default}
.input-editor-actions button:focus-visible{outline:2px solid #9bcfff;outline-offset:2px}
.input-editor-actions .input-done{display:none;margin-right:auto;background:#9bcfff;color:#102b46;border-color:#9bcfff}
@media(pointer:coarse){#editorView .writing-text textarea,#mathText{font-size:16px}}
/* With a docked keyboard, use its actual visible area for the active input.
   Keep the paper at its original size beside it; don't squeeze all settings in. */
body.studio-keyboard[data-input-editing=sourceText] #editorView .inspector,
body.studio-keyboard[data-input-editing=mathText] #mathView .math-inspector{
 display:flex!important;position:fixed!important;z-index:45;left:0;top:var(--studio-visible-top,0px)!important;bottom:auto!important;
 width:min(520px,100vw)!important;height:var(--studio-visible-height)!important;max-height:var(--studio-visible-height);
 padding:0!important;background:#0d1119;box-shadow:12px 0 40px #0008;overflow:hidden
}
body.studio-keyboard[data-input-editing=sourceText] #editorView .writing-form,
body.studio-keyboard[data-input-editing=mathText] #mathView .math-form{
 display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:12px 16px max(8px,env(safe-area-inset-bottom));overflow:auto
}
body.studio-keyboard #editorView .writing-form>:not(.writing-text),
body.studio-keyboard #mathView .math-form>:not(.math-entry),
body.studio-keyboard .writing-text .textmeta,
body.studio-keyboard #editorView .writing-actions,
body.studio-keyboard #mathView .math-actions,
body.studio-keyboard .inspector>.studio-settings-close,
body.studio-keyboard .math-inspector>.studio-settings-close,
body.studio-keyboard .inspector>.studio-identity,
body.studio-keyboard .math-inspector>.studio-identity{display:none!important}
body.studio-keyboard .writing-text,body.studio-keyboard .math-entry,
body.studio-keyboard .input-editor{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
body.studio-keyboard .math-entry>label{margin:0 0 10px;flex:none}
body.studio-keyboard #editorView .panelheading{flex:none;margin:0 0 10px}
body.studio-keyboard #editorView .writing-text textarea,body.studio-keyboard #mathText{
 flex:1 1 auto;width:100%;min-height:80px;height:100%;max-height:none;resize:none;font-size:16px;padding:12px 14px;line-height:1.6;scroll-padding-block:16px
}
body.studio-keyboard .input-editor-actions{flex:none}
body.studio-keyboard .input-done{display:block}
@media(max-width:599px){body.studio-keyboard .app .nav-create,body.studio-keyboard .studio-sidebar-toggle:not(.studio-tools-toggle){visibility:hidden}}
