/* Story text tools: the photo remains visible above the controls. */
.ufy-media-editor{height:var(--ufy-editor-height,100dvh);top:var(--ufy-editor-top,0);bottom:auto}
.ufy-editor-frame>.ufy-editor-header{position:absolute;inset:0 0 auto;padding:12px;gap:10px;z-index:8;background:linear-gradient(#0006,transparent);border:0}
.ufy-editor-frame>.ufy-editor-header .ufy-editor-tools{justify-content:flex-start;flex:1}
.ufy-editor-frame>.ufy-editor-header .ufy-device-add{margin-left:auto;flex:none}
.ufy-editor-frame .ufy-editor-mode{top:65px;left:12px;z-index:2}
.ufy-editor-frame .ufy-publish-hint{top:63px;right:12px}
.ufy-editor-options{display:flex;justify-content:flex-end;margin:-2px 0 5px}
.ufy-editor-options button{font:11px Arial,sans-serif!important;background:#17121c;border:1px solid #302338;border-radius:14px;padding:5px 12px;color:#ddd!important}
.ufy-editor-filters button{font-size:10px}
.ufy-editor-tools button.is-active{background:#40114e;box-shadow:inset 0 -1px 0 #ed85ff,0 0 16px #b633d62b}
.ufy-text-controls{flex:none;background:#050408;color:#fff;padding:6px 16px max(12px,env(safe-area-inset-bottom));overflow-y:auto;max-height:44%;font:13px/1.35 Arial,sans-serif}
.ufy-text-controls button{font-family:inherit;color:#fff;background:#121117;border:1px solid transparent;cursor:pointer}
.ufy-text-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;height:28px;color:#d4c7d9}
.ufy-text-heading button{background:none;color:#eea6ff;padding:6px 0 6px 15px;font-size:13px}
.ufy-text-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#111016;border-radius:13px;padding:2px;gap:2px;margin-bottom:10px}
.ufy-text-tabs button{border-radius:12px;padding:10px 5px;color:#c4becb;font-size:12px;background:none}
.ufy-text-tabs [aria-selected=true]{color:#f1d7ff;background:#381245;box-shadow:inset 0 -1px 0 #b14bca}
.ufy-text-fonts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:2px 1px 9px}
.ufy-text-fonts button{height:44px;border-radius:11px;font-size:22px;font-weight:400}
.ufy-text-controls [aria-pressed=true]{border-color:#e897ff;box-shadow:0 0 0 1px #ac41c554,0 0 13px #a332c331;background-color:#301338}
.ufy-text-label{font-size:12px;margin:6px 0 9px}
.ufy-text-colors{display:flex;justify-content:space-between;gap:10px;padding:3px 4px 10px;overflow-x:auto;scrollbar-width:none}
.ufy-text-colors button{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--swatch)!important;border:1px solid #ffffff40}
.ufy-text-colors [aria-pressed=true]{outline:2px solid #eba0ff;outline-offset:3px}
.ufy-text-size{display:flex;flex-direction:column;gap:12px;font-size:12px;margin-top:8px}
.ufy-text-size input{width:100%;height:4px;margin:5px 0 16px;accent-color:#e064f5;cursor:pointer}
.ufy-text-alignment{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}
.ufy-text-alignment>div{display:flex;gap:12px}.ufy-text-alignment button{width:52px;height:40px;border-radius:12px;padding:8px 13px}
.ufy-text-alignment svg{width:100%;height:100%}
.ufy-text-effects,.ufy-text-backgrounds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px;padding:6px 0 3px}
.ufy-text-effects>button,.ufy-text-backgrounds>button{background:none!important;border:0;box-shadow:none!important;padding:0;display:flex;flex-direction:column;gap:7px;align-items:center;font-size:10px}
.ufy-text-effect-sample,.ufy-text-backgrounds button>span:first-child{height:67px;width:100%;display:grid;place-items:center;background:#121117;border:1px solid transparent;border-radius:13px;font-size:29px}
.ufy-text-effects [aria-pressed=true]>span:first-child,.ufy-text-backgrounds [aria-pressed=true]>span:first-child{border-color:#e897ff;background-color:#27122f;box-shadow:0 0 10px #cf3bff55}
.effect-shadow{text-shadow:3px 3px 1px #000}.effect-outline{-webkit-text-stroke:1px #fff;color:transparent}.effect-glow{color:#fdb4ff;text-shadow:0 0 4px #ff6cf2,0 0 14px #ff6cf2}.effect-underline{text-decoration:underline;text-underline-offset:7px}.effect-highlight{background:linear-gradient(transparent 28%,#8b25a9 29%,#8b25a9 72%,transparent 73%)!important}.effect-neon{color:white;text-shadow:0 0 4px #ee4fff,0 0 13px #ee4fff,0 0 21px #ee4fff}.effect-style{text-shadow:3px 3px #9b31b5}
.ufy-text-backgrounds .background-dark{background:#151019!important}.ufy-text-backgrounds .background-light{background:#fff!important;color:#17111d}.ufy-text-backgrounds .background-color{color:#17111d}.ufy-text-explanation{color:#b5aabc;font-size:12px;line-height:1.6;margin:18px 0}
.ufy-media-editor.is-text-editing>.ufy-editor-footer,.ufy-media-editor.is-text-editing>.ufy-editor-playback{display:none}
.ufy-media-editor.is-text-editing .ufy-editor-mode{display:none}
.ufy-text-selection{position:absolute;z-index:4;border:1px solid transparent;transform-origin:center;touch-action:none;pointer-events:none}
.ufy-text-selection.is-selected{border-color:#e15cef}
.ufy-text-selection button{pointer-events:auto;position:absolute;border:0;cursor:pointer;padding:0}
.ufy-text-move{inset:0;width:100%;height:100%;background:none!important;cursor:move!important;touch-action:none}
.ufy-text-delete,.ufy-text-transform{width:25px;height:25px;border-radius:50%;background:#fff!important;color:#622076!important;font:24px/25px Arial!important;display:grid;place-items:center;z-index:1;box-shadow:0 0 6px #c246d644}
.ufy-text-delete{left:-12px;top:-12px}.ufy-text-transform{right:-12px;bottom:-12px;font-size:19px!important;touch-action:none}
.ufy-text-selection:not(.is-selected) .ufy-text-delete,.ufy-text-selection:not(.is-selected) .ufy-text-transform{display:none}
.ufy-text-input{position:absolute;z-index:5;margin:0;border:0!important;outline:none!important;border-radius:0;resize:none;overflow:hidden;background:transparent!important;color:transparent!important;caret-color:#f094ff;line-height:1.25!important;font-weight:400;box-sizing:border-box;box-shadow:none!important;min-height:0;min-width:0;transform-origin:center}
.ufy-text-input::placeholder{color:#ded3e4b3;opacity:1}
.ufy-media-editor.is-text-typing .ufy-text-details{display:none}
.ufy-media-editor.is-text-typing .ufy-text-controls{max-height:32%}
.ufy-text-controls button:focus-visible,.ufy-text-selection button:focus-visible{outline:2px solid #f2b8ff;outline-offset:2px}
@media(min-width:700px){.ufy-text-controls{padding-left:28px;padding-right:28px;max-height:46%}.ufy-text-fonts button{height:46px}.ufy-text-effects{gap:15px}.ufy-text-effect-sample{height:72px}}
@media(max-height:560px){.ufy-text-controls{max-height:48%;padding-top:3px;padding-bottom:6px}.ufy-text-heading{height:24px}.ufy-text-tabs{margin-bottom:5px}.ufy-text-tabs button{padding:6px}.ufy-text-fonts{padding-bottom:2px}.ufy-text-fonts button{height:36px}}