/* Vector text: all permanent glyphs, selections and carets are SVG. */
#vector-text-input{position:fixed;left:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:.001;z-index:-1;resize:none;pointer-events:none}
#text-inline-toolbar{position:fixed;z-index:var(--z-inline);display:flex;gap:5px;padding:6px 8px;max-width:calc(100vw - 30px);overflow-x:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text)}
.text-field{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--text-dim);font-size:10px}
.text-field input,.text-field select{width:100%;min-width:0;height:25px;border:1px solid var(--border);border-radius:3px;background:var(--bg-input);color:var(--text);padding:2px 5px;font:inherit;font-size:11px}
#text-inline-toolbar .text-field{flex:0 0 64px}#text-inline-toolbar .text-field:first-child{flex-basis:130px}#text-inline-toolbar .text-field:nth-child(3){flex-basis:90px}
.advanced-text-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-text-panel .text-font-preview,.advanced-text-panel .text-note{grid-column:1/-1}.text-font-preview{padding:8px;border:1px solid var(--border);border-radius:4px;font-size:25px}.text-note{font-size:10px;line-height:1.5;color:var(--text-faint)}
.text-caret{animation:text-caret-blink 1.05s steps(1,end) infinite}@keyframes text-caret-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.text-caret{animation:none}}
#viewport[data-tool="text"] [data-vector-text],#viewport[data-tool="text"] [data-vector-text] *{cursor:text!important}
@media(max-width:767px){#text-inline-toolbar{max-width:calc(100vw - 20px)}}
.text-group-heading{grid-column:1/-1;font-size:10px;color:var(--text);padding-top:10px;border-top:1px solid var(--border);margin-top:4px}.text-group-heading:first-child{padding-top:0;border-top:0;margin-top:0}