/* ZAROORI FIX (6 Sept): Customer ne kaha pehle wala design
         "plain/kaccha" lag raha tha — ab gradient, shadow, aur asli
         SVG curved-arrow icons (Unicode ↺↻ ki jagah, jo alag-alag
         device par alag dikhte the) — ek premium, "graphic" look. */
      .rotate-btn-row{display:flex;align-items:center;justify-content:center;gap:20px;}
      .rotate-dir-btn{
        width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;
        background:linear-gradient(145deg,#4A8CF7,#2D6CDF);
        box-shadow:0 8px 18px -4px rgba(45,108,223,0.5), inset 0 1.5px 2px rgba(255,255,255,0.4);
        display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
        transition:transform .12s ease, box-shadow .12s ease;
      }
      .rotate-dir-btn span{font-size:11px;font-weight:800;color:#fff;letter-spacing:0.02em;}
      .rotate-dir-btn:active{
        transform:scale(0.9);
        box-shadow:0 4px 10px -2px rgba(45,108,223,0.5), inset 0 1.5px 2px rgba(255,255,255,0.4);
      }
      .rotate-dial{position:relative;width:76px;height:76px;flex-shrink:0;}
      .rotate-dial-ring{width:100%;height:100%;}
      #rotate-dial-progress{transition:stroke-dashoffset .25s ease;}
      .rotate-current-deg{
        position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
        font-size:19px;font-weight:800;color:var(--ink);
      }
      .rotate-preview-wrap{margin-top:16px;}
      .rotate-preview-box{
        width:140px;height:140px;margin:0 auto;overflow:hidden;border:1.5px solid var(--line);
        border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef0f4;
      }
      #rotate-preview-frame{
        width:200px;height:260px;border:none;transition:transform .25s ease;pointer-events:none;
        background:#fff;
      }