@import url('../fonts/inter.css');
@import url('../fonts/great-vibes.css');
.dtc-added-text { position:absolute; z-index:30; transform:translateX(-50%); box-sizing:border-box; white-space:pre-wrap; overflow-wrap:anywhere; font:400 20px/1.25 'Inter',sans-serif; text-align:center; }
.dtc-added-text[hidden], .dtc-text-tools[hidden], .dtc-text-move[hidden] { display:none!important; }
.iv-editing .dtc-added-text { outline:none; cursor:text; min-height:1.25em; pointer-events:auto; }
.iv-editing [data-text-hidden="1"] { opacity:.3; text-decoration:line-through!important; }
.iv-editing .dtc-text-selected { outline:none!important; }
.dtc-text-drag { position:fixed; z-index:2147483101; display:inline-flex; align-items:center; justify-content:center; gap:5px; box-sizing:border-box; width:72px; height:40px; padding:0 10px; border:1px solid #fff; border-radius:999px; background:#7425ed; color:#fff; box-shadow:0 3px 12px #27104440; font:500 12px/1.2 'Inter',system-ui,sans-serif; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
.dtc-text-drag svg { width:18px; height:18px; flex:none; }
.dtc-text-drag[hidden] { display:none!important; }
.dtc-text-drag:focus-visible { outline:2px solid #7425ed; outline-offset:3px; }
.dtc-text-drag.is-dragging { cursor:grabbing; background:#5b1dbb; }
.dtc-text-dragging, .dtc-text-dragging * { cursor:grabbing!important; user-select:none!important; -webkit-user-select:none!important; }
.dtc-text-tools { position:fixed; z-index:2147483100; width:max-content; max-width:calc(100vw - 20px); box-sizing:border-box; border:1px solid #e6e3ed; border-radius:16px; background:#fff; color:#283246; padding:8px; box-shadow:0 8px 30px #1e293b26; font:400 12px/1.4 'Inter',system-ui,sans-serif; }
.dtc-text-head { display:flex; align-items:center; gap:12px; padding:0 3px 5px; }
.dtc-text-head strong { font-size:12px; }
.dtc-text-head [data-text-status] { margin-left:auto; width:auto; color:#64748b; font-size:10px; }
.dtc-text-head [data-text-status].is-error { color:#be123c; }
.dtc-text-tools button,.dtc-text-tools select,.dtc-text-tools input { box-sizing:border-box; font:inherit; color:inherit; }
.dtc-text-tools button { border:0; background:transparent; border-radius:8px; min-width:32px; height:34px; padding:0 8px; cursor:pointer; white-space:nowrap; }
.dtc-text-tools button:hover { background:#f3f0fa; }
.dtc-text-tools button[aria-pressed="true"] { color:#7425ed; background:#f2ebff; }
.dtc-text-tools button:focus-visible,.dtc-text-tools select:focus-visible,.dtc-text-tools input:focus-visible { outline:2px solid #8b5cf6; outline-offset:1px; }
.dtc-text-tools [data-text-close] { font-size:24px; height:26px; }
.dtc-text-controls { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.dtc-text-controls select { background:#faf9fc; height:34px; border:1px solid #e8e5ef; border-radius:8px; padding:0 4px; width:91px; }
.dtc-text-controls [data-text-font] { width:118px; }
.dtc-text-size,.dtc-text-color { display:flex; height:34px; align-items:center; gap:4px; padding:0 5px; border:1px solid #e8e5ef; border-radius:8px; }
.dtc-text-size input { width:38px; padding:0; background:transparent; border:0; }
.dtc-text-color input { width:22px; height:26px; border:0; padding:0; background:transparent; cursor:pointer; }
.dtc-text-tools .dtc-text-delete { color:#e11d48; }
.dtc-text-move { display:flex; align-items:center; gap:4px; border-top:1px solid #eeeaf4; margin-top:5px; padding-top:4px; color:#64748b; }
.dtc-text-move span:last-child { margin-left:auto; font-size:10px; }
@media(max-width:700px) {
 .dtc-text-tools { left:0; right:0; bottom:0; width:100%; max-width:none; border-radius:18px 18px 0 0; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -6px 30px #1e293b22; }
 .dtc-text-head { padding-bottom:8px; }
 .dtc-text-head strong { font-size:13px; }
 .dtc-text-controls { gap:5px; }
 .dtc-text-controls button,.dtc-text-controls select,.dtc-text-size,.dtc-text-color { height:38px; }
 .dtc-text-controls [data-text-font] { flex:1; min-width:105px; }
 .dtc-text-tools input,.dtc-text-tools select { font-size:16px; }
 .dtc-text-controls select { max-width:130px; font-size:12px; }
 .dtc-text-open .dtc-ed-bar,.dtc-text-open .dtc-ed-status { visibility:hidden; }
}