.scene{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.tv-screen{background:#000;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 0 40px #0009,inset 0 0 2px #ffffff0a,0 0 20px #648cff14}.tv-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:100}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:2}.tv-callout{position:absolute;opacity:0;transform:translateY(8px);z-index:20;pointer-events:none;transition:none}.tv-callout-label{background:#fffffff5;color:#1a1a22;font-size:clamp(9px,1.1vw,11px);font-weight:600;padding:6px 12px;border-radius:4px;white-space:nowrap;box-shadow:0 4px 20px #00000059;letter-spacing:.02em}.tv-callout-arrow{position:absolute;width:10px;height:10px;background:#fffffff5;box-shadow:2px 2px 6px #00000026}.tv-settings-btn{position:fixed;top:16px;right:16px;z-index:9999;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tv-settings-panel{position:fixed;top:0;width:340px;height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e);border-left:1px solid rgba(255,255,255,.1);padding:70px 20px 20px;overflow-y:auto;z-index:9998;transition:right .3s ease;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}.tv-settings-panel::-webkit-scrollbar{display:none}.tv-settings-title{color:#fff;font-size:16px;font-weight:600;margin:0;letter-spacing:1px}.tv-settings-sub{color:#fff6;font-size:11px;margin:0}.tv-field{display:flex;flex-direction:column;gap:4px}.tv-label{color:#ffffffb3;font-size:12px}.tv-label-sub{color:#ffffff4d;font-size:10px;margin-left:4px}.tv-input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:14px;outline:none}.tv-logo-preview{width:56px;height:56px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000004d;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.tv-upload-btn{width:100%;padding:8px 12px;border-radius:6px;border:1px dashed rgba(255,255,255,.3);background:#ffffff08;color:#ffffffb3;font-size:12px;cursor:pointer;margin-bottom:4px}.tv-remove-btn{width:100%;padding:4px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#f87171;font-size:11px;cursor:pointer}.tv-divider{height:1px;background:#ffffff0f}.tv-add-btn{padding:5px 10px;border-radius:5px;border:1px solid rgba(99,179,237,.5);background:#63b3ed1a;color:#63b3ed;font-size:11px;cursor:pointer;white-space:nowrap}.tv-slide-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff0a;border:1px solid;transition:all .2s ease}.tv-slide-thumb{width:48px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0;background:#0a0812}.tv-slide-name{flex:1;font-size:11px;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-toggle{width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;position:relative;flex-shrink:0;transition:background .2s ease}.tv-toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s ease}.tv-delete-btn{width:20px;height:20px;border-radius:50%;border:none;background:#ef444433;color:#f87171;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}@media screen and (max-width: 768px){.tv-demo-landscape-wrapper{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}}