/* Text styling stays in the selection toolbar and follows the existing dark palette. */
.library .text-preset{justify-content:flex-start;text-align:left;border-radius:16px;padding:14px 17px;min-height:54px;margin:8px 0;width:100%;color:var(--ink);border:1px solid #ffffff24}
.library .text-preset.title{font:700 19px 'DM Sans',sans-serif}.library .text-preset.subtitle{font:700 15px 'DM Sans',sans-serif}.library .text-preset.body{font:500 13px 'DM Sans',sans-serif}.library .text-preset:hover{border-color:#43d9ff70;background:#2e3942}
@media(min-width:801px){.library-panel:has(#addText) .library-sheet-header{padding:12px 19px 8px}.library #addText{min-height:40px;padding:9px 12px}.library:has(#addText) .library-section-title{margin:14px 0 8px}.library .text-preset{min-height:40px;margin:4px 0;padding:8px 14px;border-radius:12px}}
.context-toolbar.text-edit-toolbar{justify-content:flex-start;gap:3px;scrollbar-width:thin;scrollbar-color:#466270 transparent;overscroll-behavior-x:contain}
.text-edit-toolbar>button{min-width:32px;padding:0 8px!important;gap:5px;flex-shrink:0}
.text-edit-toolbar select{width:128px;min-width:128px;height:36px;min-height:36px;flex-shrink:0;padding:5px 9px;border-radius:9px;background:#252e35;border:1px solid #ffffff26;color:var(--ink);font-size:12px}
.text-size-control{display:flex;align-items:center;height:36px;border:1px solid #ffffff26;border-radius:9px;flex-shrink:0;background:#252e35}
.text-size-control button{width:27px;min-width:27px;padding:0!important;font-size:17px!important;height:32px!important}
.text-size-control input{width:42px;min-width:42px;padding:3px 0;border:0;background:transparent;color:var(--ink);text-align:center;height:32px;min-height:32px;font-size:12px;appearance:textfield}
.text-size-control input::-webkit-inner-spin-button{appearance:none}
.text-toolbar-color{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:36px;margin:0;color:var(--ink);font:bold 20px Georgia,serif;cursor:pointer;border-radius:8px}
.text-toolbar-color:after{content:'';position:absolute;bottom:5px;left:7px;right:7px;height:3px;background:var(--text-color);border-radius:2px}
.text-toolbar-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}
.text-format-button{font-size:17px!important;min-width:32px}.text-format-button[aria-pressed=true]{background:#303b43;color:var(--neon);box-shadow:inset 0 0 0 1px #43d9ff45}
.text-align-symbol,.text-list-symbol{font-size:23px;line-height:1}.text-spacing-symbol{font-size:23px}.text-opacity-symbol{font-size:24px}
.text-option-list{display:grid;gap:6px}.text-option-list button{padding:10px 13px;min-height:40px;justify-content:flex-start;border-radius:8px}.text-option-list button.active{background:#303b43;color:var(--neon);box-shadow:inset 0 0 0 1px #43d9ff45}
#quickPanel #textOpacity{width:100%}#textOpacityValue{display:block;text-align:right;color:var(--neon);font-size:12px}
/* The native caret sits over the canvas; the canvas keeps drawing the styled text. */
.inline-text-surface{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}
#inlineTextEditor{position:absolute;z-index:5;margin:0;border:0;border-radius:0;min-height:0;max-width:none;resize:none;overflow:hidden;box-sizing:border-box;white-space:pre-wrap;word-break:normal;outline:0!important;box-shadow:none!important;background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent;-webkit-text-stroke:0 transparent!important;text-shadow:none!important;text-decoration-color:transparent!important;opacity:1!important;caret-color:#43d9ff;cursor:text;touch-action:auto}
#inlineTextEditor{pointer-events:auto}#inlineTextEditor[hidden]{display:none}#inlineTextEditor::selection{color:transparent;background:#43d9ff38}
/* Keep the desktop preview in place when switching between scenes and text.
   Long toolbars scroll inside their own space instead of adding a header row. */
@media(min-width:1200px){
 body,body.selection-tools{--editor-header-height:64px}
 .header-main .logo,.header-main .header-actions{flex-shrink:0}
 .header-main .header-tools{flex-basis:0;overflow:hidden}
 .header-tools .context-toolbar{min-width:0;max-width:100%;overflow-x:auto}
}
@media(max-width:800px){.text-edit-toolbar>button{height:39px;min-width:33px;font-size:11px!important}.text-edit-toolbar .text-format-button{font-size:17px!important}.text-edit-toolbar select{height:39px;font-size:12px;width:112px;min-width:112px}.text-toolbar-color{height:39px}.text-size-control{height:39px}.text-size-control input{font-size:13px}.header-tools .context-toolbar.text-edit-toolbar{padding:3px 5px;gap:3px;scrollbar-width:none}}