.cockdr-host{user-select:none;width:100%;height:100%}.cockdr-frame{position:relative;width:280px;height:320px;margin:0 auto;background:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,#4a5260 0,#2c333d 25%,#1a1f26 100%);border:1px solid #11161c;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.7),0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.45);font-family:'Segoe UI',Arial,sans-serif;color:#d8dde4;overflow:hidden}.cockdr-screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#d8d8d4 0,#6a6a66 60%,#2a2a26 100%);border:1px solid #1a1a16;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.55);pointer-events:none;z-index:8}.cockdr-screw::before{content:"";position:absolute;top:50%;left:14%;right:14%;height:1.4px;margin-top:-.7px;background:linear-gradient(90deg,#050608,#2a2a26 50%,#050608);border-radius:1px}.cockdr-screw-tl{top:6px;left:6px}.cockdr-screw-tr{top:6px;right:6px}.cockdr-screw-bl{bottom:6px;left:6px}.cockdr-screw-br{bottom:6px;right:6px}.cockdr-screw-tl::before{transform:rotate(38deg)}.cockdr-screw-tr::before{transform:rotate(-22deg)}.cockdr-screw-bl::before{transform:rotate(-58deg)}.cockdr-screw-br::before{transform:rotate(15deg)}.cockdr-title{position:absolute;top:18px;left:0;right:0;text-align:center;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:2.5px;color:#d8dde4;text-shadow:0 1px 0 rgba(0,0,0,.7)}.cockdr-open-light{position:absolute;top:110px;left:22px;width:64px;height:64px;border:1px solid #050608;border-radius:3px;background:linear-gradient(180deg,#14181c 0,#07090c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.cockdr-open-light>.seg{display:block;line-height:1.1;font:700 11px 'Segoe UI',Arial,sans-serif;letter-spacing:1px;transition:color 120ms,text-shadow 120ms}.cockdr-open-light>.seg-top{color:rgba(210,170,50,.55)}.cockdr-open-light>.seg-bot{color:rgba(200,60,50,.55)}.cockdr-open-light>.seg-top.on{color:#ffd24a;text-shadow:0 0 5px rgba(255,210,80,.85)}.cockdr-open-light>.seg-bot.on{color:#ff5040;text-shadow:0 0 5px rgba(255,80,60,.85)}.cockdr-switch-area{position:absolute;top:80px;left:116px;width:60px;height:200px}.cockdr-switch-area::before{content:"";position:absolute;top:12px;bottom:12px;left:50%;width:24px;margin-left:-12px;background:linear-gradient(180deg,#15181d 0,#0a0d10 100%);border:1px solid #050709;border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.85)}.cockdr-guard{position:absolute;top:28px;width:14px;height:124px;background:linear-gradient(180deg,#2a2a26 0,#4a4a46 8%,#888884 22%,#c8c8c0 38%,#f4f4ec 50%,#c8c8c0 62%,#888884 78%,#4a4a46 92%,#2a2a26 100%);border:1px solid #1a1a16;border-radius:4px;box-shadow:inset 1px 0 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.55);z-index:2}.cockdr-guard-l{left:6px}.cockdr-guard-r{right:6px}.cockdr-toggle{position:absolute;left:50%;margin-left:-8px;width:16px;height:36px;cursor:pointer;z-index:4;transition:top 220ms cubic-bezier(.4, 0, .2, 1.4);appearance:none;border:0;padding:0;background:0 0}.cockdr-toggle::before{content:"";position:absolute;top:6px;left:0;right:0;bottom:0;background:linear-gradient(90deg,#4a4a46 0,#c4c4c0 30%,#f0f0ec 50%,#b6b6b0 70%,#3a3a36 100%);border:1px solid #1a1a16;border-radius:2px 2px 4px 4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.45)}.cockdr-toggle::after{content:"";position:absolute;top:0;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f8f8f4 0,#b6b6b0 55%,#6a6a64 100%);border:1px solid #2a2a26;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.55)}.cockdr-pos{position:absolute;left:196px;font:700 9px 'Segoe UI',Arial,sans-serif;letter-spacing:1.5px;color:#d8dde4;text-shadow:0 1px 0 rgba(0,0,0,.7);cursor:pointer;user-select:none;background:0 0;border:0;padding:0;transition:color 120ms}.cockdr-pos:hover{color:#fff}.cockdr-pos.is-active{color:#fff;text-shadow:0 0 4px rgba(255,255,255,.7)}