.dock-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.dock-list{display:flex;flex-direction:column;gap:8px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dock-container.expanded .dock-list,.dock-list{opacity:1;transform:scale(1) translateX(0);pointer-events:auto}.dock-list-item{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;pointer-events:auto;color:#374151}.dock-list-item:hover{transform:scale(1.1);background:rgba(255,255,255,1);box-shadow:0 6px 20px rgba(0,0,0,.2);color:#1f2937}.dock-list-item:active{transform:scale(.95)}.dock-icon{width:24px;height:24px}.controls-modal-content{max-width:500px;max-height:80vh;overflow-y:auto}.controls-section{padding:24px 0}.controls-section:not(:last-child){border-bottom:1px solid #e5e7eb}.controls-section h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px;text-transform:capitalize}.controls-input-group{margin-bottom:20px}.controls-input-group:last-child{margin-bottom:0}.controls-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.controls-description{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.controls-text-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:white}.controls-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.controls-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:white;cursor:pointer;transition:all .2s ease}.controls-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.controls-toggle{display:flex;align-items:center;gap:12px}.controls-toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease}.controls-toggle-switch.active{background:#3b82f6}.controls-toggle-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.controls-toggle-switch.active .controls-toggle-handle{transform:translateX(20px)}.controls-toggle-label{font-size:14px;color:#374151;user-select:none;cursor:pointer}.video-overlay{position:fixed;bottom:0;left:0;width:135px;height:225px;pointer-events:none;z-index:1000;opacity:0;transition:opacity 1s ease-in-out}:not(.dark) .video-overlay{mix-blend-mode:multiply}.dark .video-overlay{mix-blend-mode:normal}.video-overlay.fade-in{opacity:1}.video-overlay.fade-out{opacity:0}.video-overlay.hidden{display:none}.video-overlay:hover{pointer-events:auto}.video-overlay.clicked .video-controls,.video-overlay:hover .video-controls{opacity:1}.video-controls{position:absolute;top:5px;left:5px;display:flex;gap:4px;opacity:0;transition:opacity .3s ease-in-out;pointer-events:auto;z-index:1001}.video-control-button{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.3)}.video-control-button:hover{background:rgba(0,0,0,1);border-color:rgba(255,255,255,.5);transform:scale(1.05)}
/*# sourceMappingURL=791fa7c2c2b50418.css.map*/