.panel-toggle-btn.collapsed{z-index:1100;border:1px solid var(--panel-border,#ffffff1a);background:var(--panel-bg,#1a1a2e);width:44px;height:44px;color:var(--panel-text-primary,#e0e0e0);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:18px;transition:background .2s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 12px #0000004d}.panel-toggle-btn.collapsed:hover{background:var(--panel-bg-elevated,#252540)}.panel-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.panel-header h3{color:var(--panel-text-primary,#e0e0e0);letter-spacing:.02em;margin:0;font-size:16px;font-weight:700}.panel-collapse-btn{border:1px solid var(--panel-border,#ffffff1a);background:var(--panel-input-bg,#ffffff0f);width:28px;height:28px;color:var(--panel-text-secondary,#a0a0b0);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:12px;transition:background .2s,color .2s;display:flex}.panel-collapse-btn:hover{background:var(--panel-hover-bg,#ffffff17);color:var(--panel-text-primary,#e0e0e0)}.panel-search{flex-shrink:0;padding:0 16px 12px;position:relative}.panel-search input{border:1px solid var(--panel-border,#ffffff1a);background:var(--panel-input-bg,#ffffff0f);width:100%;height:34px;color:var(--panel-text-primary,#e0e0e0);border-radius:8px;padding:0 32px 0 12px;font-size:13px;transition:border-color .2s}.panel-search input::placeholder{color:var(--panel-text-secondary,#a0a0b0)}.panel-search input:focus{border-color:var(--panel-accent,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f133}.search-clear{width:22px;height:22px;color:var(--panel-text-secondary,#a0a0b0);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.search-clear:hover{background:var(--panel-hover-bg,#ffffff17);color:var(--panel-text-primary,#e0e0e0)}.panel-content{flex-direction:column;flex:1;gap:8px;padding:0 16px 16px;display:flex;overflow-y:auto}.panel-content::-webkit-scrollbar{width:5px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.panel-section{border:1px solid var(--panel-border,#ffffff1a);background:var(--panel-input-bg,#ffffff0f);border-radius:10px;transition:opacity .2s;overflow:hidden}.panel-section.dimmed{opacity:.4}.panel-section-header{width:100%;color:var(--panel-text-primary,#e0e0e0);cursor:pointer;letter-spacing:.01em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.panel-section-header:hover{background:var(--panel-hover-bg,#ffffff17)}.panel-section-header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #6366f166}.panel-section-toggle{color:var(--panel-text-secondary,#a0a0b0);font-size:10px}.panel-section-content{flex-direction:column;gap:6px;padding:0 14px 12px;display:flex}.control-group{flex-direction:column;gap:8px;display:flex}.toggle-control{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.toggle-control label{color:var(--panel-text-secondary,#a0a0b0);font-size:12px;font-weight:500}.toggle-btn{border:1px solid var(--panel-border,#ffffff1a);background:var(--panel-input-bg,#ffffff0f);color:var(--panel-text-secondary,#a0a0b0);cursor:pointer;white-space:nowrap;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.toggle-btn:hover{border-color:var(--panel-accent,#6366f1);color:var(--panel-text-primary,#e0e0e0)}.toggle-btn.active{border-color:var(--panel-accent,#6366f1);color:var(--panel-accent,#6366f1);background:#6366f133}.App{z-index:-99;background-color:#00a000;flex-direction:column-reverse;width:100vw;height:100vh;display:flex}:root{--panel-bg:#f6f7fac7;--group-bg:#ffffffb3;--text-primary:#1f2329;--text-secondary:#6a717d;--stroke:#0f172a1f;--control-bg:#ffffffd1;--focus-ring:#66708547}@media (prefers-color-scheme:dark){:root{--panel-bg:#1c1e24c2;--group-bg:#272a32b8;--text-primary:#eceff5;--text-secondary:#b4bcc9;--stroke:#ffffff24;--control-bg:#3b3e46b3;--focus-ring:#adb6c85c}}.picker{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);z-index:1000;width:396px;max-height:calc(100vh - 12px);color:var(--text-primary);border-radius:16px 0 0 16px;padding:20px;top:12px;right:0;overflow-y:auto;box-shadow:-8px 0 32px #0003;position:fixed!important}.picker h3{color:var(--text-secondary);letter-spacing:.02em;border-bottom:1px solid var(--stroke);margin:4px 4px 14px;padding-bottom:10px;font-size:13px;font-weight:560}.picker h4{color:var(--text-secondary);letter-spacing:.01em;margin:0 0 10px;font-size:12px;font-weight:540}.control-section{background:var(--group-bg);border:1px solid var(--stroke);border-radius:12px;margin-bottom:10px;padding:12px;box-shadow:0 1px 1px #1118270f,inset 0 1px #ffffff59}.control-section>*+*{border-top:1px solid var(--stroke);margin-top:10px;padding-top:10px}.style-select{border:1px solid var(--stroke);width:100%;height:36px;color:var(--text-primary);background:var(--control-bg);cursor:pointer;border-radius:9px;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.style-select:hover,.number-control input:hover,.number-control button:hover{border-color:#6b728073}.slider{appearance:none;cursor:pointer;background:#94a3b852;border-radius:999px;outline:none;width:100%;height:4px;margin-top:8px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f5f6f8;border:1px solid #4755694d;border-radius:50%;width:14px;height:14px;transition:box-shadow .2s;box-shadow:0 1px 2px #0f172a40,inset 0 0 0 1px #ffffff73}.slider::-moz-range-thumb{cursor:pointer;background:#f5f6f8;border:1px solid #4755694d;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #0f172a40}label{color:var(--text-secondary);margin:0;font-size:13px;display:block}.field-caption{color:var(--text-secondary);margin:0;font-size:12px}.number-control{align-items:center;gap:8px;display:flex}.number-control button{border:1px solid var(--stroke);background:var(--control-bg);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:9px;font-size:18px;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0f172a14}.number-control input{border:1px solid var(--stroke);text-align:center;height:36px;color:var(--text-primary);background:var(--control-bg);border-radius:9px;flex:1;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.style-select:focus,.slider:focus,.number-control input:focus,.number-control button:focus,.style-preview button:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.style-preview{border:1px solid var(--stroke);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:12px;margin-top:8px;padding:16px;box-shadow:0 1px 1px #1118270f,inset 0 1px #ffffff59}.style-preview h4{text-align:left;color:var(--text-secondary);margin:0 0 10px}.style-preview button{border:1px solid var(--stroke);cursor:pointer;width:100%;height:36px;color:var(--text-primary);background:var(--control-bg);border-radius:9px;margin-bottom:8px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0f172a14}.style-preview button:hover{border-color:#6b728073;box-shadow:0 2px 6px #0f172a1f}.picker::-webkit-scrollbar{width:6px}.picker::-webkit-scrollbar-track{background:#94a3b829;border-radius:3px}.picker::-webkit-scrollbar-thumb{background:#64748b73;border-radius:3px}.picker::-webkit-scrollbar-thumb:hover{background:#64748ba6}.preset-group summary{cursor:pointer;color:#4a4a6a;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.preset-group[open] summary{margin-bottom:8px}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/chat-bubbles-for-youtube/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/chat-bubbles-for-youtube/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/chat-bubbles-for-youtube/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/chat-bubbles-for-youtube/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/chat-bubbles-for-youtube/assets/montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bubble-background-color:#eee;--bubble-color:#000;--background-color:#00a000}html,body,#root{width:100vw;height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;margin:0;font-family:Montserrat Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}