.famtp-protected-content {
position: relative;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.famtp-protected-content canvas {
pointer-events: none;
} .famtp-protected-content img {
-webkit-user-drag: none;
user-drag: none;
} #blur {
filter: blur(5px);
pointer-events: auto;
user-select: text;
-webkit-user-select: text;
} html.famtp-unlocked #blur {
filter: none;
} #famtp-switcher {
position: fixed;
right: 14px;
bottom: 80px;
z-index: 999999;
display: flex;
flex-direction: column;
gap: 8px;
background: #fff;
padding: 10px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
#famtp-switcher a {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
text-decoration: none;
padding: 10px;
border-radius: 50%;
font-weight: 700;
font-size: 14px;
background: #efefef;
color: #111;
font-family: Arial, sans-serif;
}
#famtp-switcher a.active {
background: #bb4315;
color: #fff;
} html {
scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none; width: 0;
height: 0;
}
#famtp-sb {
display: none;
position: fixed;
top: 0;
right: 0;
width: 12px;
height: 100%;
z-index: 999999990; }
#famtp-sb-thumb {
position: absolute;
top: 0;
left: 2px;
right: 2px;
border-radius: 8px;
background: rgba(24, 24, 27, .55);
cursor: pointer;
transition: background .15s ease;
touch-action: none;
}
#famtp-sb:hover #famtp-sb-thumb,
#famtp-sb-thumb.drag {
background: #bb4315;
} #famtp-ctx {
position: fixed;
z-index: 2147483647; min-width: 230px;
padding: 6px;
background: rgba(24, 24, 27, .94);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 14px;
box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
opacity: 0;
transform: scale(.94) translateY(-4px);
transform-origin: top left;
pointer-events: none;
transition: opacity .14s ease, transform .14s ease;
user-select: none;
-webkit-user-select: none;
}
#famtp-ctx.open {
opacity: 1;
transform: scale(1) translateY(0);
pointer-events: auto;
}
#famtp-ctx button {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 10px 12px;
background: none;
border: 0;
border-radius: 9px;
color: #f4f4f5;
font-size: 14px;
text-align: left;
cursor: pointer;
transition: background .12s ease;
}
#famtp-ctx button:hover {
background: #bb4315;
}
#famtp-ctx svg {
width: 17px;
height: 17px;
flex: none;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.famtp-ctx-sep {
height: 1px;
margin: 5px 8px;
background: rgba(255, 255, 255, .1);
}