.help-dialog[data-v-8b6ab18a]{border:1px solid var(--border-color);background:var(--panel-bg);width:min(900px,100% - 32px);max-width:none;max-height:calc(100dvh - 40px);color:var(--text-color);border-radius:16px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 90px #0008}.help-dialog[open][data-v-8b6ab18a]{flex-direction:column;display:flex}.help-dialog[data-v-8b6ab18a]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a}.help-heading[data-v-8b6ab18a],.help-footer[data-v-8b6ab18a]{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.help-heading[data-v-8b6ab18a]{border-bottom:1px solid var(--border-color)}.help-brand[data-v-8b6ab18a]{opacity:.7;letter-spacing:.04em;margin-bottom:4px;font-size:12px}.help-heading h2[data-v-8b6ab18a]{font-size:24px}.help-close[data-v-8b6ab18a]{background:var(--bg-color);width:36px;height:36px;color:var(--text-color);border:1px solid var(--border-color);flex-shrink:0}.help-content[data-v-8b6ab18a]{overscroll-behavior:contain;min-height:0;padding:22px 24px;font-size:14px;line-height:1.75;overflow-y:auto}#help-intro[data-v-8b6ab18a]{opacity:.75;margin-bottom:22px}.help-section+.help-section[data-v-8b6ab18a]{margin-top:26px}.help-section h3[data-v-8b6ab18a]{margin-bottom:8px;font-size:18px}.help-layouts[data-v-8b6ab18a]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.help-layout-card[data-v-8b6ab18a]{border:1px solid var(--border-color);background:var(--bg-color);border-radius:12px;padding:18px}.help-layout-card h4[data-v-8b6ab18a]{margin-top:14px;font-size:18px}.help-caption[data-v-8b6ab18a]{opacity:.7;margin-bottom:12px}.help-content ul[data-v-8b6ab18a]{padding-left:20px}.help-content li+li[data-v-8b6ab18a]{margin-top:8px}.help-note[data-v-8b6ab18a]{border-left:3px solid var(--btn-bg);background:#9146ff12;border-radius:4px;margin-top:16px;padding:12px 16px}.help-diagram[data-v-8b6ab18a]{height:76px;position:relative}.help-diagram-basic[data-v-8b6ab18a]{grid-template-rows:1fr 1fr;grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.help-diagram-basic span[data-v-8b6ab18a]{grid-column:span 2}.help-diagram-basic span[data-v-8b6ab18a]:nth-last-child(-n+2){grid-column:span 3}.help-diagram span[data-v-8b6ab18a]{background:#9146ff25;border:1px solid #9146ff70;border-radius:5px;display:block}.help-mini-main[data-v-8b6ab18a]{position:absolute;inset:0}.help-mini-float[data-v-8b6ab18a]{width:30%;height:29px;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0002;background:var(--panel-bg)!important}.help-mini-float[data-v-8b6ab18a]:last-child{top:41px}.help-keyboard[data-v-8b6ab18a]{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.help-keyboard summary[data-v-8b6ab18a]{cursor:pointer;font-weight:700}.help-keyboard ul[data-v-8b6ab18a]{margin-top:12px}.help-footer[data-v-8b6ab18a]{border-top:1px solid var(--border-color);padding-block:14px}.help-footer span[data-v-8b6ab18a]{opacity:.65;font-size:12px}.help-footer button[data-v-8b6ab18a]{white-space:nowrap;padding:9px 18px}@media (width<=640px){.help-layouts[data-v-8b6ab18a]{grid-template-columns:1fr}.help-dialog[data-v-8b6ab18a]{border-radius:12px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.help-heading[data-v-8b6ab18a],.help-content[data-v-8b6ab18a],.help-footer[data-v-8b6ab18a]{padding:16px}.help-footer[data-v-8b6ab18a]{gap:10px}}.twitch-controls[data-v-ea8691a0]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.twitch-account[data-v-ea8691a0]{font-size:12px}.secondary[data-v-ea8691a0]{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.twitch-error[data-v-ea8691a0]{max-width:320px;font-size:12px}button[data-v-ea8691a0]:disabled{opacity:.55;cursor:default}button[data-v-ea8691a0]:focus-visible,input[data-v-ea8691a0]:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.search-label[data-v-ea8691a0]{margin-bottom:8px;font-size:14px;display:block}.followed-search[data-v-ea8691a0]{gap:8px;display:flex}.followed-search input[data-v-ea8691a0]{flex:1;min-width:0;padding:9px}.followed-search button[data-v-ea8691a0]{flex-shrink:0}.followed-content>.search-hint[data-v-ea8691a0]{opacity:.7;margin-block:8px 16px;font-size:12px}.followed-dialog[data-v-ea8691a0]{border:1px solid var(--border-color);background:var(--panel-bg);width:min(680px,100% - 24px);max-height:calc(100dvh - 32px);color:var(--text-color);border-radius:16px;margin:auto;padding:0;position:fixed;inset:0}.followed-dialog[open][data-v-ea8691a0]{flex-direction:column;display:flex}.followed-dialog[data-v-ea8691a0]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a}.followed-heading[data-v-ea8691a0],.followed-footer[data-v-ea8691a0]{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.followed-heading[data-v-ea8691a0]{border-bottom:1px solid var(--border-color)}.followed-heading h2[data-v-ea8691a0]{font-size:22px}.followed-heading p[data-v-ea8691a0],.followed-footer span[data-v-ea8691a0]{opacity:.75;margin-top:6px;font-size:13px}.followed-content[data-v-ea8691a0]{min-height:0;padding:20px;overflow-y:auto}.followed-content>p[data-v-ea8691a0]{margin-block:14px}.followed-list[data-v-ea8691a0]{margin-block:16px;padding:0;list-style:none}.followed-list li[data-v-ea8691a0]{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:16px 0;display:flex}.stream-info[data-v-ea8691a0]{overflow-wrap:anywhere;flex:1;min-width:0}.live-label[data-v-ea8691a0]{color:#d94663;margin-left:10px;font-size:12px}.stream-title[data-v-ea8691a0]{margin-block:6px;font-size:14px}.stream-meta[data-v-ea8691a0]{opacity:.7;font-size:12px}.followed-list button[data-v-ea8691a0]{flex-shrink:0}.followed-footer[data-v-ea8691a0]{border-top:1px solid var(--border-color)}:root[data-theme=dark]{--bg-color:#0e0e10;--panel-bg:#18181b;--text-color:#efeff1;--border-color:#2f2f35;--btn-bg:#9146ff;--btn-hover:#772ce8}:root[data-theme=light]{--bg-color:#f7f7f8;--panel-bg:#fff;--text-color:#0e0e10;--border-color:#dedee3;--btn-bg:#9146ff;--btn-hover:#772ce8}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;height:100vh;display:flex;overflow:hidden}#app{flex-direction:column;height:100%;min-height:0;display:flex}header{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 16px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}input,select,button{background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;outline:none;padding:5px 8px}button{background-color:var(--btn-bg);color:#fff;cursor:pointer;border:none;font-weight:700}button:hover{background-color:var(--btn-hover)}.main-container{flex:1;min-height:0;display:flex}#stream-grid{background-color:#000;flex:1;gap:4px;min-width:0;padding:4px;display:grid;position:relative;overflow-y:auto}.stream-card{background-color:#000;width:100%;height:100%;min-height:200px;position:relative}#stream-grid.is-empty{background-color:var(--bg-color)}.empty-state{text-align:center;place-self:center;width:min(100%,640px);padding:32px 20px}.empty-state h1{margin-bottom:12px;font-size:28px}.empty-state p{opacity:.75;line-height:1.6}.fast-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.fast-links a{background-color:var(--btn-bg);color:#fff;overflow-wrap:anywhere;border-radius:8px;padding:12px 20px;font-weight:700;text-decoration:none}.fast-links a:hover{background-color:var(--btn-hover)}.fast-links a:focus-visible{outline:2px solid var(--text-color);outline-offset:4px}.stream-card iframe{border:none;width:100%;height:100%;display:block}.remove-btn{color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:1px solid #fff;border-radius:4px;padding:2px 6px;transition:opacity .2s;position:absolute;top:8px;right:8px}.stream-card:hover .remove-btn{opacity:1}.chat-region{z-index:5;flex-shrink:0;width:340px;min-width:0;max-width:40%;position:relative}.chat-region.chat-collapsed{width:0}#chat-panel{background:var(--panel-bg);border-left:1px solid var(--border-color);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.chat-heading{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex}.chat-heading label{white-space:nowrap;font-size:13px}.chat-heading select{flex:1;width:0;min-width:0}.chat-follow-controls{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:8px 10px;font-size:12px}.chat-follow-controls label{cursor:pointer;align-items:center;gap:6px;min-height:24px;display:flex}.chat-follow-controls input{width:16px;height:16px;accent-color:var(--btn-bg)}.chat-follow-controls p{opacity:.75;margin-top:4px;line-height:1.5}#chat-panel iframe{border:none;flex:1;width:100%;min-height:0}.chat-placeholder{opacity:.7;padding:18px 10px;font-size:13px}.chat-edge-toggle{background:var(--panel-bg);width:20px;height:140px;max-height:80%;color:var(--text-color);border:1px solid var(--border-color);opacity:1;border-radius:6px 0 0 6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;display:flex;position:absolute;top:50%;right:100%;transform:translateY(-50%);box-shadow:-2px 0 8px #0003}.chat-edge-toggle svg{flex-shrink:0;width:18px;height:18px}.chat-edge-toggle:disabled{cursor:default}.theme-icon-btn{place-items:center;width:32px;height:30px;padding:5px;display:inline-grid}.theme-icon-btn svg{width:20px;height:20px}@media (width<=480px){.chat-heading{flex-direction:column;align-items:stretch;gap:4px;padding:6px}.chat-heading select{flex:auto;width:100%}}button:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}select:disabled{opacity:.5}#stream-grid.focus-layout{isolation:isolate;padding:0;display:block;overflow:hidden}.focus-layout .stream-card{min-height:0;position:absolute}.focus-layout .primary-card{z-index:0;width:100%;height:100%;inset:0}.floating-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 5px 24px #0009}.floating-card iframe{height:calc(100% - 32px);position:absolute;top:32px;left:0}.stream-toolbar{background:var(--panel-bg);height:32px;color:var(--text-color);align-items:center;gap:4px;padding:3px 48px 3px 4px;display:flex;position:absolute;top:0;left:0;right:0}.primary-card .stream-toolbar{opacity:.85;pointer-events:none;border-radius:0 0 6px;max-width:calc(100% - 60px);padding:4px 10px;left:56px;right:auto}.primary-card .remove-btn{left:8px;right:auto}.primary-label,.drag-handle{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.drag-handle{text-align:left;min-width:0;height:26px;color:var(--text-color);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;flex:1;padding:3px 4px}.drag-handle:active{cursor:grabbing}.primary-btn{flex-shrink:0;padding:3px 5px;font-size:12px}.floating-card .remove-btn{opacity:1;font-size:12px;top:5px;right:5px}.stream-card:focus-within .remove-btn{opacity:1}.resize-handle{color:#fff;cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#18181bcc;border-radius:5px 0 0;width:22px;height:22px;padding:0;position:absolute;bottom:0;right:0}#stream-grid.is-interacting iframe{pointer-events:none}#stream-grid.is-interacting{-webkit-user-select:none;user-select:none}#stream-grid:not(.focus-layout):not(.is-empty) .stream-card{min-width:0;min-height:0}#stream-grid.basic-layout{display:block;overflow:hidden}.basic-layout .stream-card{position:absolute}.grid-divider{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute}.grid-divider-column{cursor:col-resize;width:10px;top:4px;bottom:4px;transform:translate(-50%)}.grid-divider-row{cursor:row-resize;height:10px;left:4px;right:4px;transform:translateY(-50%)}.grid-divider:after{content:"";background:var(--border-color);border-radius:3px;position:absolute}.grid-divider-column:after{width:4px;height:40px;top:calc(50% - 20px);left:3px}.grid-divider-row:after{width:40px;height:4px;top:3px;left:calc(50% - 20px)}.grid-divider:hover,.grid-divider:focus-visible{background:#9146ff55}.grid-divider:hover:after,.grid-divider:focus-visible:after{background:var(--btn-bg)}.sort-handle{text-overflow:ellipsis;white-space:nowrap;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#18181bcc;border:1px solid #fff5;max-width:calc(100% - 68px);padding:3px 8px;font-size:12px;position:absolute;top:8px;left:8px;overflow:hidden}.sort-source .sort-handle{cursor:grabbing;background:var(--btn-bg)}.sort-target:after{content:"放開移到這個位置";color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;background:#9146ff44;border:3px solid #b887ff;place-items:center;display:grid;position:absolute;inset:0}.sort-insertion-marker{z-index:3;pointer-events:none;background:#ddbaff;border-radius:4px;width:4px;position:absolute;transform:translate(-50%);box-shadow:0 0 6px #c590ff,0 0 14px #9146ff,0 0 24px #9146ff99}#stream-grid.spotlight-layout{isolation:isolate;padding:0;display:block;overflow:hidden}.spotlight-layout .stream-card{min-width:0;min-height:0;position:absolute;overflow:hidden}.docked-card{border:1px solid var(--border-color)}.docked-card iframe{height:max(0px,100% - 32px);position:absolute;top:32px}.docked-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.docked-card .remove-btn{opacity:1;font-size:12px;top:5px;right:5px}.spotlight-divider{z-index:3}#viewing-layout-select:focus-visible{outline:2px solid var(--text-color)}.controls-divider{background:var(--border-color);flex-shrink:0;width:1px;height:24px}.help-icon-btn{place-items:center;width:32px;height:30px;padding:3px;font-size:18px;display:inline-grid}