body.light-theme{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 50%,#f8fafc 100%);color:#1e293b}body.light-theme .control-section,body.light-theme .controls-card,body.light-theme .floating-preview{background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border:1px solid rgb(226 232 240 / 80%);color:#374151;box-shadow:0 8px 25px rgb(0 0 0 / 8%);backdrop-filter:blur(10px)}body.light-theme .card{background:#fff;border-color:#e2e8f0;color:#1e293b;box-shadow:0 10px 25px -5px rgb(0 0 0 / 5%)}body.light-theme .card h1{background:linear-gradient(135deg,#1e40af,#7c3aed,#059669);background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .card .subtitle{color:#64748b}body.light-theme .btn,body.light-theme button{border:none;transition:all .2s ease}body.light-theme .btn:hover,body.light-theme button:hover{transform:translateY(-2px)}body.light-theme .btn.outline{background:#f8fafc;border-color:#cbd5e1;color:#475569;box-shadow:0 1px 3px rgb(0 0 0 / 5%)}body.light-theme .btn.outline:hover{background:#f1f5f9;color:#334155;border-color:#94a3af}body.light-theme .btn.primary{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 4px 12px #10b9814d;border:1px solid #10b98133}body.light-theme .btn.primary:hover{background:linear-gradient(135deg,#059669 0,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}body.light-theme .btn.primary:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}body.light-theme #playPauseBtn{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 4px 12px #10b9814d;border:1px solid #10b98133}body.light-theme #playPauseBtn:hover{background:linear-gradient(135deg,#059669 0,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}body.light-theme #playPauseBtn:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}body.light-theme #playPauseBtn.playing,body.light-theme .btn.primary.playing{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#111827;box-shadow:0 4px 12px #f59e0b4d;border:1px solid #f59e0b33;animation:pulse-glow 2s ease-in-out infinite alternate}body.light-theme .btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}body.light-theme input,body.light-theme textarea{background:#fff;border:1px solid #cbd5e1;color:#334155;box-shadow:0 1px 2px #0000000d}body.light-theme input:focus,body.light-theme textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:0}body.light-theme .info-card h3{color:#1e40af}body.light-theme .steps-container h3{color:#92400e}body.light-theme .indications-card h3{color:#047857}body.light-theme .warning-card h3{color:#d97706}body.light-theme #sessionInfo{color:#6b7280}body.light-theme #curSid{color:#111827;font-weight:600}body.light-theme .bb-notification{background:#fffffff2;border:1px solid #e2e8f0cc;color:#374151;box-shadow:0 10px 25px #0000001a}body.light-theme .bb-notification.success{border-left:4px solid #22c55e;color:#166534}body.light-theme .bb-notification.error{border-left:4px solid #ef4444;color:#991b1b}body.light-theme .bb-notification.warning{border-left:4px solid #f59e0b;color:#92400e}body.light-theme .bb-notification.info{border-left:4px solid #3b82f6;color:#1e3a8a}body.light-theme .speed-control{background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border:1px solid rgb(226 232 240 / 80%);box-shadow:0 8px 25px rgb(0 0 0 / 8%)}body.light-theme .speed-icon{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);box-shadow:0 4px 12px rgb(59 130 246 / 25%)}body.light-theme .speed-range{background:#e2e8f0}body.light-theme .speed-range::-moz-range-thumb,body.light-theme .speed-range::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);border-color:#fff;box-shadow:0 4px 12px rgb(59 130 246 / 40%)}body.light-theme .speed-preset{background:#f8fafc;border:1px solid rgb(226 232 240 / 80%);color:#64748b}body.light-theme .speed-preset:hover{background:#e2e8f0;border-color:rgb(59 130 246 / 50%)}body.light-theme .speed-preset.active{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}body.light-theme .color-control h3,body.light-theme .size-control h3{color:#2563eb}body.light-theme .size-btn{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}body.light-theme .size-btn:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / 10%)}body.light-theme .size-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}body.light-theme .status-indicator{background:rgb(255 255 255 / 95%);border:1px solid rgb(148 163 184 / 30%);color:#1e293b;backdrop-filter:blur(10px)}body.light-theme .status-indicator.idle{border-color:#94a3b8;color:#64748b}body.light-theme .status-indicator.loading{border-color:#3b82f6;color:#2563eb}body.light-theme .status-indicator.success{border-color:#22c55e;color:#16a34a}body.light-theme .status-indicator.error{border-color:#ef4444;color:#dc2626}body.light-theme .status-indicator.warning{border-color:#f59e0b;color:#d97706}body.light-theme .mobile-btn{background:#3b82f6;color:#fff}body.light-theme .mobile-btn:hover{background:#2563eb;box-shadow:0 4px 8px rgb(59 130 246 / 30%)}body.light-theme .mobile-speed-range{background:#e2e8f0}body.light-theme .mobile-speed-range::-webkit-slider-thumb{background:#3b82f6;box-shadow:0 4px 8px rgb(59 130 246 / 40%)}body.light-theme .mobile-speed-value{color:#2563eb}body.light-theme #preview,body.light-theme #previewFullscreenCanvas{background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border-color:rgb(226 232 240 / 80%);box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)}body.light-theme .canvas-preview{background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border:1px solid rgb(226 232 240 / 80%);box-shadow:0 8px 25px rgb(0 0 0 / 8%)}body.light-theme .drag-handle{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}body.light-theme #previewOverlay{background:rgb(248 250 252 / 95%);backdrop-filter:blur(20px)}body.light-theme #previewFsPanel{background:linear-gradient(135deg,rgb(255 255 255 / 95%) 0,rgb(248 250 252 / 95%) 100%);border:1px solid rgb(226 232 240 / 80%);box-shadow:0 25px 50px rgb(0 0 0 / 15%);backdrop-filter:blur(20px)}body.light-theme #fsCurSid{color:#374151;background:rgb(241 245 249 / 80%);border:1px solid rgb(226 232 240 / 80%)}body.light-theme #fsViewLink{background:rgb(255 255 255 / 90%);border-color:rgb(203 213 225 / 80%);color:#374151}body.light-theme .back-btn{background:#f8fafc;color:#475569;border-color:#cbd5e1;box-shadow:0 2px 4px rgb(0 0 0 / 10%)}body.light-theme .back-btn:hover{background:#e2e8f0;color:#334155;border-color:#94a3af;box-shadow:0 4px 8px rgb(0 0 0 / 15%)}body.light-theme .kbd{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px rgb(0 0 0 / 10%);color:#334155}body.light-theme #bbCounters>div{background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border:1px solid rgb(226 232 240 / 60%);box-shadow:0 8px 25px rgb(0 0 0 / 8%);backdrop-filter:blur(10px)}body.light-theme #bbTimer{background:linear-gradient(135deg,#fff 0,#f8fafc 100%);color:#374151;border:1px solid rgb(226 232 240 / 60%);box-shadow:0 2px 8px rgb(0 0 0 / 6%);font-weight:700}body.light-theme #bbPasses,body.light-theme #bbSets{color:#374151;font-weight:700}body.light-theme #bbResetBtn{background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%);color:#4b5563;border:1px solid rgb(203 213 225 / 80%);box-shadow:0 2px 8px rgb(0 0 0 / 8%)}body.light-theme #bbResetBtn:hover{background:linear-gradient(135deg,#e2e8f0 0,#cbd5e1 100%);color:#374151;border-color:#9ca3af;box-shadow:0 6px 16px rgb(0 0 0 / 12%);transform:translateY(-1px)}body.light-theme .info-card{background:linear-gradient(135deg,rgb(59 130 246 / 10%),rgb(147 51 234 / 10%));border-color:rgb(59 130 246 / 30%)}body.light-theme .indications-card,body.light-theme .steps-container,body.light-theme .warning-card{background:rgb(255 255 255 / 80%);border-color:#e2e8f0}body.light-theme .indications-card{background:linear-gradient(135deg,rgb(16 185 129 / 10%),rgb(34 197 94 / 5%));border-color:rgb(16 185 129 / 30%)}body.light-theme .warning-card{background:linear-gradient(135deg,rgb(245 158 11 / 10%),rgb(251 146 60 / 5%));border-color:rgb(245 158 11 / 30%)}body.light-theme .main-button{background:#1e40af;color:#fff;box-shadow:0 8px 20px #1e40af40}body.light-theme .main-button:hover{background:#1e3a8a;box-shadow:0 12px 30px #1e40af4d}body.light-theme .footer{background:#f8fafc;border-color:#e2e8f0;color:#64748b}body.light-theme .actions-grid .btn,body.light-theme .viewer-link-container{background:#fffc;border:1px solid #e2e8f0cc;color:#374151;box-shadow:0 2px 8px #0000000f}body.light-theme .actions-grid .btn:hover{background:rgb(248 250 252 / 90%);border-color:rgb(203 213 225 / 80%);color:#1f2937;box-shadow:0 4px 12px rgb(0 0 0 / 10%);transform:translateY(-1px)}body.light-theme .actions-grid .btn.primary{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 4px 12px #10b98140}body.light-theme .actions-grid .btn.danger{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #ef444440}body.light-theme #viewerStatus{font-weight:600}body.light-theme #viewerStatus.connected{color:#16a34a;font-weight:700}body.light-theme #viewerStatus.disconnected{color:#ef4444}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}body.light-theme .pos-btn{background:#f8fafc;color:#475569;border:1.5px solid #e2e8f0;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}body.light-theme .pos-btn:hover{background:#e2e8f0;color:#334155;border-color:#cbd5e1;box-shadow:0 2px 4px rgb(0 0 0 / 10%)}body.light-theme .pos-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}body.light-theme .illus-accordion{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgb(0 0 0 / 4%)}body.light-theme .illus-accordion:hover{border-color:#cbd5e1}body.light-theme .illus-emoji-btn{background:#f8fafc;border:1.5px solid #e2e8f0;color:#475569;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}body.light-theme .illus-emoji-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}body.light-theme .illus-emoji-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}body.light-theme .illus-tab{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}body.light-theme .illus-tab:hover{background:#e2e8f0;color:#334155}body.light-theme .illus-tab.active{background:#3b82f6;color:#fff;border-color:#2563eb}body.light-theme .illus-custom-input{background:#fff;border:1px solid #cbd5e1;color:#334155;box-shadow:0 1px 2px rgb(0 0 0 / 5%)}body.light-theme .illus-custom-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:0}body.light-theme .illus-selected-preview{color:#374151}