.dr-page-pos-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}.dr-page-pos-btn{border:1px solid var(--dr-hairline,#27272a);background:var(--dr-surface,#18181b);color:var(--dr-dim,#a1a1aa);cursor:pointer;text-align:center;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.6rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}@media (max-width:420px){.dr-page-pos-btn{padding:.5rem .25rem;font-size:.7rem}}.dr-page-pos-btn:hover{background:var(--dr-surface-hover,#27272a);color:var(--dr-text,#f4f4f5);border-color:var(--dr-hairline-bright,#3f3f46)}.dr-page-pos-btn.active{background:var(--dr-accent-dim,#ff4e0026);border-color:var(--dr-accent,#ff4e00);color:var(--dr-accent,#ff4e00)}.dr-page-preview-box{background:#fff;border-radius:.5rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #00000080}