*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}html,body{width:100%;height:100%;line-height:1.5}#screen.fullscreen::-webkit-media-controls-panel{display:none!important}#screen.fullscreen::-moz-media-controls{display:none!important}button,input,select,label{font-size:inherit;color:inherit;background:0 0;border:none;outline:none}:root{--header-height:60px;--control-width:320px;--video-max-base-width:720px;--transition:all .3s ease-in-out;--shadow:0 2px 4px #0000001a;--panel-border-radius:12px;--panel-shadow:0 4px 12px #00000026;--slider-track-height:4px;--slider-thumb-size:16px;--taskbar-height:40px;--theme-toggle-width:50px;--theme-toggle-height:26px;--theme-toggle-padding:3px;--theme-toggle-knob-size:calc(var(--theme-toggle-height) - 2*var(--theme-toggle-padding))}[data-theme=light]{--bg-color:#f4f6f8;--text-color:#2c3e50;--header-bg:#fff;--header-text:#1976d2;--control-bg:#fff;--input-bg:#e9ecef;--button-bg:#1976d2;--button-text:#fff;--button-hover:#1565c0;--placeholder-bg:#e0e0e0;--video-bg:#ccc;--taskbar-bg-color:#f5f5f5e6;--taskbar-button-hover-bg:#00000014;--taskbar-icon-color:#333;--panel-bg-color:#fff;--panel-text-color:#212121;--panel-secondary-text-color:#757575;--panel-icon-bg-inactive:#e0e0e0;--panel-icon-color-inactive:#757575;--panel-icon-bg-active:#bbdefb;--panel-icon-color-active:#1976d2;--slider-track-color:#bdbdbd;--slider-track-active-color:#1976d2;--slider-thumb-color:#1976d2;--app-drawer-text-color:#212121;--app-drawer-icon-bg:#e0e0e0;--theme-toggle-bg:#fff;--theme-toggle-knob-color:gold;--theme-toggle-border-color:#e0e0e0;--checkbox-bg-active:#bbdefb;--checkbox-border-active:#1976d2;--checkbox-text-active:#1976d2;--rotate-button-bg:gold;--rotate-button-hover-bg:#e6c200;--label-disabled-color:#a0a0a0}[data-theme=dark]{--bg-color:#121212;--text-color:#e0e0e0;--header-bg:#1e1e1e;--header-text:#90caf9;--control-bg:#1e1e1e;--input-bg:#2c2c2c;--button-bg:#90caf9;--button-text:#121212;--button-hover:#64b5f6;--placeholder-bg:#2c2c2c;--video-bg:#000;--taskbar-bg-color:#1e1e1ee6;--taskbar-button-hover-bg:#ffffff1a;--taskbar-icon-color:#e0e0e0;--panel-bg-color:#2c2c2c;--panel-text-color:#e0e0e0;--panel-secondary-text-color:#bdbdbd;--panel-icon-bg-inactive:#424242;--panel-icon-color-inactive:#bdbdbd;--panel-icon-bg-active:#90caf9;--panel-icon-color-active:#121212;--slider-track-color:#555;--slider-track-active-color:#90caf9;--slider-thumb-color:#90caf9;--app-drawer-text-color:#fff;--app-drawer-icon-bg:#424242;--theme-toggle-bg:linear-gradient(180deg,#0d1b2a 0%,#1b263b 100%);--theme-toggle-knob-color:#fff;--theme-toggle-border-color:#4a5568;--checkbox-bg-active:#90caf9;--checkbox-border-active:#64b5f6;--checkbox-text-active:#121212;--rotate-button-bg:#90caf9;--rotate-button-hover-bg:#64b5f6;--label-disabled-color:#757575}body{background:var(--bg-color);color:var(--text-color);overscroll-behavior:none;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex}header.hidden{box-shadow:none;transform:translateY(-100%)}header{width:100%;height:var(--header-height);background:var(--header-bg);box-shadow:var(--shadow);z-index:1000;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}header h1{color:var(--header-text);font-size:1.5rem;font-weight:500}.theme-toggle{width:var(--theme-toggle-width);height:var(--theme-toggle-height);background:var(--theme-toggle-bg);border:1px solid var(--theme-toggle-border-color);border-radius:var(--theme-toggle-height);padding:var(--theme-toggle-padding);cursor:pointer;align-items:center;display:flex;position:relative}.theme-toggle-knob{width:var(--theme-toggle-knob-size);height:var(--theme-toggle-knob-size);background:var(--theme-toggle-knob-color);top:var(--theme-toggle-padding);left:var(--theme-toggle-padding);border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute}.theme-toggle[aria-checked=true] .theme-toggle-knob{transform:translateX(calc(var(--theme-toggle-width) - var(--theme-toggle-knob-size) - 2*var(--theme-toggle-padding)))}.app-container{width:100%;height:calc(100vh - var(--header-height));flex:1;display:flex}.sidebar{width:var(--control-width);background:var(--control-bg);box-shadow:var(--shadow);z-index:10;flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.main-content{flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}#streamArea{width:100%;max-width:var(--video-max-base-width);max-height:calc(100vh - var(--header-height) - 3rem);aspect-ratio:9/16;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000001a}#videoBorder{pointer-events:none;z-index:5;transition:top .1s linear,left .1s linear,width .1s linear,height .1s linear;display:none;position:absolute}#screen{object-fit:contain;background:var(--video-bg);opacity:0;width:100%;height:100%;transition:opacity .3s}#screen.visible{opacity:1}#broadwayCanvas{opacity:0;transition:opacity .3s}#broadwayCanvas.visible{opacity:1}#screen.control-enabled{cursor:crosshair}#videoPlaceholder{background:var(--placeholder-bg);width:100%;height:100%;color:var(--text-color);z-index:10;pointer-events:none;justify-content:center;align-items:center;font-size:1rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}#videoPlaceholder.hidden{opacity:0}.controls,.card{background:var(--control-bg);border-radius:var(--panel-border-radius);box-shadow:var(--panel-shadow);padding:1rem}.card h3{color:var(--text-color);margin-bottom:.75rem;font-size:1.1rem}.card label{color:var(--text-color);margin:.5rem 0 .25rem;font-size:.95rem;display:block}.card label.disabled{color:var(--label-disabled-color);cursor:not-allowed}.card select,.card input[type=text],.card input[type=number]{background:var(--input-bg);width:100%;color:var(--text-color);border:1px solid #0000;border-radius:6px;padding:.6rem;font-size:.95rem}.card select:disabled,.card input[type=text]:disabled,.card input[type=number]:disabled{opacity:.7;cursor:not-allowed;background-color:var(--placeholder-bg)}.card select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;margin-bottom:.5rem;padding-right:2rem}.card input[type=checkbox]{display:none}.card small{color:var(--panel-secondary-text-color);margin:.25rem 0;font-size:.85rem;display:block}.checkbox-group{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.checkbox-group label{background:var(--input-bg);color:var(--text-color);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;flex:auto;min-width:80px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.checkbox-group input[type=checkbox]:checked+label{background:var(--checkbox-bg-active);color:var(--checkbox-text-active);border-color:var(--checkbox-border-active)}.checkbox-group label:hover:not(.disabled-label){background:var(--taskbar-button-hover-bg)}.checkbox-group input[type=checkbox]:disabled+label,.checkbox-group label.disabled-label{opacity:.6;cursor:not-allowed;background-color:var(--placeholder-bg);color:var(--label-disabled-color)}.buttons{flex-wrap:wrap;gap:.75rem;display:flex}.buttons button{background:var(--button-bg);color:var(--button-text);cursor:pointer;border-radius:6px;flex:1;min-width:100px;padding:.85rem;font-size:.95rem;font-weight:500}.buttons button:hover:not(:disabled){background:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.buttons button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.buttons button:disabled{opacity:.6;cursor:not-allowed}.device-select-container{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.device-select-container select{flex:1;margin-bottom:0}#refreshButton{background:var(--button-bg);width:36px;height:36px;color:var(--button-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .3s,transform .3s,box-shadow .3s;display:flex}#refreshButton:hover:not(:disabled){background:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}#refreshButton:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}#refreshButton:disabled{opacity:.6;cursor:not-allowed}#refreshButton .refresh-icon{width:20px;height:20px}.button-fullwidth{background:var(--button-bg);width:100%;color:var(--button-text);cursor:pointer;text-align:center;border-radius:6px;margin-bottom:.75rem;padding:.85rem;font-size:.95rem;font-weight:500;transition:background .3s,transform .3s,box-shadow .3s}.button-fullwidth:hover:not(:disabled){background:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.button-fullwidth:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.button-fullwidth:disabled{opacity:.6;cursor:not-allowed}.log-area{background:var(--control-bg);border-radius:var(--panel-border-radius);box-shadow:var(--panel-shadow)}#toggleLogBtn{background:var(--button-bg);width:100%;color:var(--button-text);cursor:pointer;border-radius:var(--panel-border-radius)var(--panel-border-radius)0 0;text-align:center;padding:.85rem;font-size:.95rem;font-weight:500}#toggleLogBtn:hover{background:var(--button-hover)}#toggleLogBtn[aria-expanded=false]{border-radius:var(--panel-border-radius)}.log-content{max-height:300px;color:var(--text-color);opacity:.9;padding:.75rem 1rem;font-size:.85rem;transition:max-height .3s,padding .3s,opacity .3s;overflow-y:auto}.log-content.hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.log-content div{word-wrap:break-word;border-bottom:1px solid #8080801a;padding:.3rem 0;line-height:1.4}.log-content div:last-child{border-bottom:none}#streamArea:fullscreen{aspect-ratio:auto;width:100vw;max-width:none;height:100vh;max-height:none;box-shadow:none;background:#000;border-radius:0;margin:0;padding:0;position:relative;overflow:hidden}#streamArea:fullscreen #screen,#streamArea:fullscreen #broadwayCanvas{object-fit:contain;z-index:1;width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;top:0;left:0}#streamArea:fullscreen .custom-taskbar{z-index:2001;border-radius:0;width:100%;position:absolute;bottom:0;left:0}#streamArea:fullscreen .quick-panel,#streamArea:fullscreen .app-drawer{bottom:calc(var(--taskbar-height) + 10px);z-index:2002;right:15px}.custom-taskbar{width:100%;height:var(--taskbar-height);background:var(--taskbar-bg-color);backdrop-filter:blur(10px);z-index:15;opacity:0;visibility:hidden;pointer-events:none;align-items:stretch;transition:opacity .3s,visibility .3s,backdrop-filter .3s,background-color .3s;display:flex;position:absolute;bottom:0;left:0}.custom-taskbar.pinned{backdrop-filter:none;--taskbar-icon-color:#fff;background:0 0}.custom-taskbar.taskbar-visible{opacity:1;visibility:visible}.custom-taskbar.taskbar-visible:not(.pinned){pointer-events:auto}.taskbar-main-content{opacity:1;flex-grow:1;align-items:center;min-width:0;padding:0 12px;transition:opacity .2s;display:flex}.taskbar-left{align-items:center;gap:8px;display:flex}.taskbar-right-main{align-items:center;gap:8px;margin-left:auto;display:flex}.taskbar-pin-area{opacity:1;align-items:center;padding-right:8px;transition:opacity .2s;display:flex}.custom-taskbar.pinned .taskbar-main-content,.custom-taskbar:not(.taskbar-visible) .taskbar-pin-area{opacity:0;pointer-events:none}.custom-taskbar.taskbar-visible.pinned{pointer-events:none}.custom-taskbar.taskbar-visible.pinned .pin-toggle-button{pointer-events:auto}.nav-button,.icon-button,.pin-toggle-button{color:var(--taskbar-icon-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;font-size:1.1rem;transition:background-color .2s,color .2s;display:inline-flex}.nav-button:hover,.icon-button:hover,.pin-toggle-button:hover{background:var(--taskbar-button-hover-bg)}.quick-settings-trigger{cursor:pointer;color:var(--taskbar-icon-color);border-radius:16px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .2s,color .2s;display:flex}.quick-settings-trigger:hover{background:var(--taskbar-button-hover-bg)}.quick-settings-trigger .icon,.quick-settings-trigger .clock{font-size:.85rem}.quick-settings-trigger .wifi-indicator{font-size:1rem}.quick-panel{bottom:calc(var(--taskbar-height) + 10px);background:var(--panel-bg-color);border-radius:var(--panel-border-radius);box-shadow:var(--panel-shadow);z-index:20;opacity:0;visibility:hidden;pointer-events:none;min-width:280px;color:var(--panel-text-color);padding:16px;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;right:15px;transform:translateY(10px)}.quick-panel.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.panel-content{flex-direction:column;gap:15px;display:flex}.slider-group{align-items:center;gap:10px;display:flex}.slider-group .icon{color:var(--panel-secondary-text-color);text-align:center;width:20px;font-size:1.1rem}.slider-group label{flex-basis:80px;font-size:.9rem}.slider-group input[type=range]{appearance:none;height:var(--slider-track-height);background:var(--slider-track-color);border-radius:var(--slider-track-height);cursor:pointer;outline:none;flex-grow:1;transition:background .2s}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);cursor:pointer;border-radius:50%}.slider-group input[type=range]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--slider-thumb-color);cursor:pointer;border:none;border-radius:50%}.slider-group input[type=range]{background:linear-gradient(to right,var(--slider-track-active-color)0%,var(--slider-track-active-color)var(--value,75%),var(--slider-track-color)var(--value,75%),var(--slider-track-color)100%)}.slider-group.disabled label,.slider-group.disabled .icon{opacity:.5}.slider-group.disabled input[type=range]{cursor:not-allowed}.panel-header{border-bottom:1px solid #80808033;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-weight:500;display:flex}.panel-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:15px;display:grid}.panel-toggle-button{cursor:pointer;color:var(--panel-text-color);border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;transition:background-color .2s;display:flex}.panel-toggle-button:not(:disabled):hover{background:var(--taskbar-button-hover-bg)}.panel-toggle-button .icon{background:var(--panel-icon-bg-inactive);width:40px;height:40px;color:var(--panel-icon-color-inactive);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:background-color .2s,color .2s;display:inline-flex}.panel-toggle-button span:last-child{text-align:center;font-size:.75rem}.panel-toggle-button.active .icon{background:var(--panel-icon-bg-active);color:var(--panel-icon-color-active)}.panel-toggle-button:disabled{cursor:not-allowed;opacity:.5}.panel-toggle-button:disabled:hover{background:0 0}.speaker-icon{vertical-align:middle;display:inline-block}.speaker-icon.hidden{display:none}.slider-group .icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.slider-group .speaker-icon{width:18px;height:18px}.wifi-icon{fill:none;stroke:currentColor;width:24px;height:24px}.wifi-icon.hidden{display:none}.icon,.wifi-indicator{align-items:center;display:inline-flex}.panel-toggle-button{flex-direction:column;align-items:center;gap:4px;display:flex}.panel-toggle-button.active{background:var(--taskbar-button-hover-bg)}.panel-toggle-button.pending{opacity:.6;pointer-events:none}.battery-indicator{justify-content:center;align-items:center;gap:4px;font-size:.85rem;display:flex}#batteryLevel,.percent{vertical-align:middle;display:inline-block}.battery-fill{transition:fill .3s,height .3s,y .3s}.battery-icon.low-battery .battery-fill,[data-theme=dark] .battery-icon.low-battery .battery-fill{fill:none;stroke:red}.app-drawer{left:50%;bottom:calc(var(--taskbar-height) + 10px);width:90%;max-width:400px;height:50%;max-height:calc(100% - var(--taskbar-height) - 20px);background:var(--panel-bg-color);border-radius:var(--panel-border-radius);box-shadow:var(--panel-shadow);z-index:25;opacity:0;visibility:hidden;box-sizing:border-box;flex-direction:column;padding:16px;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:absolute;overflow-y:auto;transform:translate(-50%)translateY(10px)}.app-drawer.active{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.app-drawer-content{flex-direction:column;align-items:center;width:100%;max-width:none;display:flex;position:static}.app-grid-viewport{flex-grow:0;width:100%;overflow:hidden}#appGridContainer{width:200%;transition:transform .3s ease-in-out;display:flex}.app-grid{box-sizing:border-box;flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));justify-items:center;gap:15px;width:50%;padding:0;display:grid}.app-button{cursor:pointer;color:var(--app-drawer-text-color);text-align:center;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:10px;transition:background-color .2s;display:flex}.app-button:not(:disabled):hover{background:var(--app-drawer-nav-button-hover-bg)}.app-button:disabled{cursor:not-allowed;opacity:.5}.app-button .app-icon{background:var(--app-drawer-icon-bg);width:50px;height:50px;color:var(--app-drawer-text-color);border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}[data-theme=light] .app-button .app-icon{color:var(--text-color)}.app-button span{text-align:center;color:var(--app-drawer-text-color);word-break:break-word;max-width:100%;font-size:.75rem;line-height:1.2}.drawer-pagination{z-index:1;justify-content:center;gap:8px;margin-top:15px;padding-bottom:5px;display:flex}footer{color:var(--primary-accent);text-align:center;width:100%;margin-top:auto;padding:16px 0;font-size:.875rem;transition:color .3s}footer a{color:var(--header-text);text-decoration:none;transition:color .3s}.modal-overlay{z-index:2000;backdrop-filter:blur(5px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--control-bg);border-radius:var(--panel-border-radius);width:90%;max-width:450px;color:var(--text-color);text-align:center;padding:25px;position:relative;box-shadow:0 5px 15px #0000004d}.modal-content h3{color:var(--header-text);margin-top:0;margin-bottom:20px}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section h4{color:var(--text-color);margin-bottom:10px;font-size:1.1rem}.modal-content input[type=text]{border:1px solid var(--input-bg);background-color:var(--input-bg);width:calc(100% - 20px);color:var(--text-color);border-radius:6px;margin-bottom:15px;padding:10px;font-size:1rem}.modal-content input[type=text]:focus{border-color:var(--button-bg);outline:none}.modal-button{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:6px;width:100%;max-width:200px;margin:5px auto;padding:10px 20px;font-size:1rem;transition:background-color .2s;display:block}.modal-button:hover:not(:disabled){background-color:var(--button-hover)}.modal-button:disabled{opacity:.7;cursor:not-allowed}.close-button{color:var(--text-color);cursor:pointer;font-size:1.8rem;font-weight:700;line-height:1;position:absolute;top:10px;right:15px}.close-button:hover{color:var(--header-text)}.modal-separator{color:var(--panel-secondary-text-color);margin:20px 0;font-weight:700}.modal-status{justify-content:center;align-items:center;gap:8px;min-height:20px;margin-top:15px;font-size:.9rem;display:flex}.modal-status.success{color:#0c0}.modal-status.error{color:#e53935}.qr-code-container{background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:256px;height:256px;margin:10px auto 15px;padding:10px;display:flex;box-shadow:0 0 10px #0000001a}.qr-code-container img{max-width:100%;max-height:100%}.modal-instructions{text-align:left;color:var(--panel-secondary-text-color);margin-bottom:15px;font-size:.9rem;line-height:1.6}.modal-status .spinner{border:2px solid var(--panel-secondary-text-color);border-top-color:var(--button-bg);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@media (width<=768px){:root{--header-height:52px;--control-width:90vw;--video-max-base-width:95vw;--taskbar-height:36px}.app-container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh;padding:.75rem}.main-content{flex:1;padding:1rem}#streamArea{max-height:55vh}.controls,.card{max-width:90vw;padding:.75rem}.card label{font-size:.9rem}.card input[type=text],.card input[type=number],.card select{padding:.5rem;font-size:.9rem}.buttons button{padding:.75rem;font-size:.9rem}.log-area{max-width:90vw}#toggleLogBtn{padding:.75rem;font-size:.9rem}.log-content{font-size:.8rem}.app-drawer-content{max-width:250px}.app-grid{gap:10px;padding:10px}.app-button .app-icon{width:45px;height:45px}.app-button span{font-size:.7rem}}@media (width<=480px){:root{--header-height:48px}.card label{font-size:.85rem}.card input[type=text],.card input[type=number],.card select{width:100%}.buttons{flex-direction:column}.log-content{max-height:200px}.app-drawer{bottom:var(--taskbar-height)}.app-drawer-content{max-width:90%}.app-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.app-button .app-icon{width:40px;height:40px;font-size:1.2rem}.app-button span{font-size:.65rem}.drawer-pagination{margin-top:10px}.modal-content{width:95%;padding:20px}.modal-content h3{font-size:1.3rem}.qr-code-container{width:200px;height:200px}.modal-instructions{margin-bottom:10px;font-size:.85rem}}
/*# sourceMappingURL=public.7a1aea0a.css.map */
