/* Hint rotasi layar (dipakai editor & preview) */
.orient-hint{position:fixed;inset:0;z-index:200;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;text-align:center;background:rgba(8,10,15,.92);color:#e8ebf2;font:15px/1.4 system-ui,sans-serif}
.orient-hint.on{display:flex}
.orient-hint b{font-size:1.15rem}.orient-hint span{opacity:.8;max-width:30ch}
.orient-hint .btn{font:inherit;cursor:pointer;border-radius:8px;padding:.55rem 1rem;border:1px solid #394055;background:#1d222d;color:#e8ebf2}
.orient-hint .btn.primary{background:#3d5fe0;border-color:#3d5fe0;color:#fff}
.orient-hint .oh-note{max-width:34ch;color:#e6a23c}.orient-hint .oh-note:empty{display:none}
.orient-hint .ic.big{width:64px;height:64px;stroke:currentColor;fill:none;stroke-width:1.5;animation:orient-rot 2.4s ease-in-out infinite}
@keyframes orient-rot{0%,25%{transform:rotate(0)}60%,100%{transform:rotate(-90deg)}}
@media (prefers-reduced-motion:reduce){.orient-hint .ic.big{animation:none}}