.dbtv-root{position:fixed;z-index:99990;font:16px/1.4 Arial,sans-serif;color:#191919;box-sizing:border-box;pointer-events:none}
.dbtv-root *{box-sizing:border-box}
.dbtv-small{left:var(--dbtv-left,12px);max-width:calc(100vw - var(--dbtv-left,12px) - 12px)}
.dbtv-bottom{bottom:12px}.dbtv-middle{top:50%;transform:translateY(-50%)}.dbtv-top{top:48px}
.dbtv-panel{position:relative;display:flex;align-items:flex-start;gap:4px;max-width:calc(100vw - 24px);pointer-events:none}
.dbtv-small .dbtv-panel{animation:dbtv-enter var(--dbtv-entry-duration,.75s) ease-out both}
.dbtv-small .dbtv-panel{max-width:calc(100vw - var(--dbtv-left,12px) - 12px)}
.dbtv-figure{display:block!important;width:var(--dbtv-width)!important;height:var(--dbtv-height)!important;max-width:none!important;flex:0 0 var(--dbtv-width);pointer-events:none;background:transparent!important;border:0!important}
.dbtv-bubble{position:relative;display:block;margin:22px 0 0!important;padding:14px 18px!important;max-width:260px;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;border:2px solid #191919!important;border-radius:18px;background:#fff!important;color:#191919!important;box-shadow:0 3px 12px #0003;font:700 16px/1.4 Arial,sans-serif!important;text-decoration:none!important;pointer-events:auto}
.dbtv-bubble:before{content:"";position:absolute;left:-10px;top:22px;width:16px;height:16px;background:#fff;border-left:2px solid #191919;border-bottom:2px solid #191919;transform:rotate(45deg)}
.dbtv-bubble[hidden]{display:none!important}.dbtv-bubble[href]:hover{background:#fff4f4!important}
.dbtv-close{position:absolute!important;left:0;top:0;display:flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;padding:0!important;border:1px solid #777!important;border-radius:50%!important;background:#fff!important;color:#191919!important;font:24px/1 Arial,sans-serif!important;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0002}
.dbtv-close:focus-visible,.dbtv-bubble:focus-visible{outline:3px solid #b32d2e!important;outline-offset:3px}
.dbtv-large{inset:0;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:24px;overflow:auto}
.dbtv-large .dbtv-panel{flex-direction:column;align-items:center;gap:8px;animation:dbtv-enter var(--dbtv-entry-duration,.75s) ease-out both}
.dbtv-large .dbtv-bubble{order:-1;margin:0!important;max-width:min(460px,80vw);font-size:22px!important}
.dbtv-large .dbtv-bubble:before{left:50%;top:auto;bottom:-10px;transform:rotate(-45deg)}
.dbtv-large .dbtv-close{left:auto;right:-12px;top:-12px}
.dbtv-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.dbtv-settings-card{margin:16px 0;min-height:0}.dbtv-settings-card .form-table th{width:260px}
@keyframes dbtv-enter{from{opacity:0;translate:calc(-100% - var(--dbtv-left,0px) - 24px) 0}to{opacity:1;translate:0 0}}
@media(max-width:600px){.dbtv-small .dbtv-bubble{font-size:14px!important;padding:10px 12px!important;max-width:calc(100vw - var(--dbtv-width) - var(--dbtv-left,12px) - 20px)}.dbtv-large{padding:20px}.dbtv-large .dbtv-bubble{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.dbtv-panel{animation:none!important}}
