:root{--player-primary: #FF5555;--player-bg-glass: rgba(12, 12, 12, .75);--player-border-glass: rgba(255, 255, 255, .08);--player-text-main: #ffffff;--player-text-muted: rgba(255, 255, 255, .6);--player-blur: 16px;--player-radius: 14px}.player-btn-premium{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--player-bg-glass);backdrop-filter:blur(var(--player-blur));-webkit-backdrop-filter:blur(var(--player-blur));border:1px solid var(--player-border-glass);border-radius:var(--player-radius);padding:14px 24px;color:var(--player-text-main);font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #0006;cursor:pointer;user-select:none;border-bottom:2px solid rgba(255,255,255,.05)}.player-btn-premium:hover{background:#ff55551f;border-color:#ff55554d;border-bottom-color:#ff555580;transform:translateY(-2px);box-shadow:0 15px 35px -10px #f553;color:#fff}.player-btn-premium:active{transform:translateY(0) scale(.97)}.player-btn-premium svg{transition:transform .3s ease}.player-btn-premium:hover svg{transform:translate(-3px)}.player-select-wrapper{position:relative;min-width:210px}.player-select-premium{appearance:none;width:100%;background:var(--player-bg-glass);backdrop-filter:blur(var(--player-blur));-webkit-backdrop-filter:blur(var(--player-blur));border:1px solid var(--player-border-glass);border-radius:var(--player-radius);padding:14px 54px 14px 24px;color:var(--player-text-main);font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #0006;cursor:pointer;outline:none;border-bottom:2px solid rgba(255,255,255,.05)}.player-select-premium:hover{background:#ffffff1f;border-color:#ffffff26}.player-select-premium:focus{border-color:var(--player-primary);border-bottom-color:var(--player-primary);box-shadow:0 0 0 4px #ff55551a}.player-select-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--player-primary);transition:transform .4s cubic-bezier(.16,1,.3,1)}.player-select-wrapper:focus-within .player-select-icon{transform:translateY(-50%) rotate(180deg)}.player-select-premium option{background:#121212;color:#fff;padding:15px;font-weight:600}@media (max-width: 640px){.player-btn-premium{padding:8px 12px;font-size:9px;letter-spacing:.08em;gap:4px;border-radius:10px}.player-btn-premium svg{height:12px;width:12px}.player-select-wrapper{min-width:120px}.player-select-premium{padding:8px 28px 8px 12px;font-size:9px;letter-spacing:.08em;border-radius:10px}.player-select-icon{right:10px}.player-select-icon svg{height:12px;width:12px}}.invisible-scrollbar{ms-overflow-style:none;scrollbar-width:none}.invisible-scrollbar::-webkit-scrollbar{display:none}#interactionLayer{position:absolute;inset:0;z-index:250;background:transparent;width:100%;height:100%;transition:visibility .3s}#playerFrame{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block}#playerContainer{overflow:hidden!important;position:relative}.h-svh-player{height:100vh;height:100svh}.glass-plate{background:#0a0a0af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);box-shadow:0 40px 100px -20px #000000e6}.animate-in{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.copy-success{color:#a7f3d0!important;background:#a7f3d00d!important;border-color:#a7f3d01a!important}.code-syntax-html{color:#94a3b8}.code-syntax-attr{color:#64748b}.code-syntax-val{color:#e2e8f0}.code-syntax-tag{color:#475569}.lock-modal-container{background:#0d0d0d;border-radius:28px;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:420px;max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 100px -20px #000000e6;scrollbar-width:none;-ms-overflow-style:none}.lock-modal-container::-webkit-scrollbar{display:none}.lock-modal-body{padding:40px 32px;display:flex;flex-direction:column;align-items:center;gap:32px}.lock-modal-codebox{width:100%;background:#050505;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.lock-modal-actions{width:100%;display:flex;flex-direction:column;gap:10px}@media (max-width: 640px){.lock-modal-container{border-radius:24px;max-height:calc(100vh - 32px)}.lock-modal-body{padding:24px 16px;gap:20px}.lock-modal-codebox code{font-size:10px!important}.lock-modal-actions{gap:8px}.lock-modal-actions a{padding:12px!important;font-size:11px!important}}