.studio-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px;background:var(--surface)}
.studio-toolbar>button,.studio-toolbar-more>summary{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:5px 8px;border-radius:7px;cursor:pointer}
.studio-toolbar>button:hover,.studio-toolbar-more>summary:hover,.studio-toolbar button:focus-visible,.studio-toolbar select:focus-visible,.studio-toolbar-more>summary:focus-visible{background:var(--surface-alt);outline:2px solid var(--accent);outline-offset:1px}
.studio-toolbar .fluent-icon{width:18px;height:18px}
.studio-toolbar-select,.studio-color-tool{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:3px 7px;color:var(--ink-soft);font-size:11px;white-space:nowrap}
.studio-toolbar-select select{max-width:145px;min-height:30px;padding:2px 18px 2px 5px;border:0;border-radius:6px;background:var(--surface-alt);color:var(--ink);font:inherit;font-size:13px}
.studio-color-tool input{width:31px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.studio-toolbar-divider{width:1px;height:27px;margin:0 3px;background:var(--line)}
.studio-toolbar-more{position:relative}
.studio-toolbar-more>summary{list-style:none}
.studio-toolbar-more>summary::-webkit-details-marker{display:none}
.studio-toolbar-more>div{position:absolute;top:calc(100% + 5px);right:0;z-index:30;display:grid;gap:2px;min-width:190px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow-soft)}
.studio-toolbar-more button{min-height:34px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.studio-toolbar-more button:hover{background:var(--surface-alt)}
.studio-rich h2,.studio-rich h3,.studio-rich h4{margin:12px 0 7px;line-height:1.25}
.studio-rich p,.studio-rich div{margin:5px 0}
.studio-rich ul,.studio-rich ol{padding-left:25px}
.studio-rich blockquote{border-left:3px solid var(--accent);margin:10px 0;padding-left:13px;color:var(--ink-soft)}
.studio-rich hr{border:0;border-top:1px solid var(--line);margin:16px 0}
@media(max-width:650px){.studio-toolbar{gap:4px}.studio-toolbar-select{flex:1 1 105px;min-width:0}.studio-toolbar-select select{max-width:100%;min-width:0}.studio-align-tool,.studio-emoji-tool{flex:0 1 auto}.studio-toolbar-more>div{right:auto;left:0}}