.dpi-guarantee-line{
      font-size:12px;color:var(--green, #1FAE5E);font-weight:700;margin:0 0 14px;
    }
    .dpi-upload-slot{
      width:100%;min-height:150px;border:2px dashed var(--line);border-radius:12px;
      display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper-2);
      overflow:hidden;text-align:center;color:var(--ink-soft);font-size:22px;transition:.15s;padding:8px;
    }
    .dpi-upload-slot:hover{border-color:var(--blue);}
    .dpi-upload-slot img{width:100%;max-height:220px;object-fit:contain;background:#fff;}

    .dpi-preset-row{display:flex;gap:7px;align-items:stretch;flex-wrap:wrap;}
    .dpi-preset-row > *{min-width:0;}
    .dpi-preset-btn{
      flex:1;padding:11px 4px;border:2px solid var(--line);border-radius:10px;background:var(--paper);
      font-family:inherit;font-size:13px;font-weight:800;color:var(--ink);cursor:pointer;text-align:center;
      transition:.15s;
    }
    .dpi-preset-btn:hover{border-color:var(--blue);}
    .dpi-preset-btn.active{background:linear-gradient(135deg,#2D6CDF,#4A8CF7);border-color:#2D6CDF;color:#fff;}
    #dpi-custom-input{
      flex:1;min-width:0;padding:11px 6px;border:2px solid var(--line);border-radius:10px;
      font-family:inherit;font-size:13px;font-weight:700;text-align:center;color:var(--ink);
    }


    /* NAYA (30 Sept): do-column layout */
    .dpi-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
    .dpi-card-dpi,.dpi-card-file,.dpi-card-result .sign-step{margin-bottom:0 !important;}
    .dpi-card-result{display:flex;flex-direction:column;gap:12px;min-width:0;}
    .dpi-result-box{margin-bottom:10px;}
    @media(min-width:901px){
      .sign-page.dpi-page{max-width:1080px;padding-top:6px;}
      #dpi-result-step .dpi-result-box{display:flex;align-items:center;gap:12px;text-align:left;}
      .dpi-page .tool-head{margin-bottom:6px !important;}
      .dpi-page .tool-head p{display:none;}
      .dpi-page .tool-head h1{font-size:22px;margin:0;}
      .dpi-page .tool-head-icon{display:none;}
      .dpi-page .dpi-guarantee-line{margin:0 0 8px;}
      .dpi-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"file dpi" "file result";grid-template-rows:auto auto;align-items:start;gap:12px 16px;}
      .dpi-card-file{grid-area:file;}
      .dpi-card-dpi{grid-area:dpi;}
      .dpi-card-result{grid-area:result;}
      .dpi-page .dpi-upload-slot{min-height:calc(100vh - 290px);max-height:520px;}
      .dpi-page .dpi-upload-slot img{max-height:calc(100vh - 320px);}
      #dpi-result-step{padding:12px 16px !important;}
      #dpi-result-step .sign-step-title{margin-bottom:8px;}
      #dpi-result-step .dpi-result-box img{max-width:70px;max-height:90px;margin-bottom:0;flex-shrink:0;}
      #dpi-result-step .dpi-result-box p{margin:0;font-size:12.5px;}
      .dpi-page #dpi-status.success{display:none;}
      .dpi-status-card:not(:has(#dpi-status.show:not(.success), #dpi-processing-anim[style*="block"])){display:none;}
    }
    /* NEW (1 Oct): Laptop par — upar dark header bar + neeche daayen taraf DPI/Ready panel, dono ek hi card jaisa
       (Compress PDF jaisa "Right Settings Panel"). Sirf CSS; mobile par kuch nahi badla. */
    @media(min-width:901px){
      .sign-page.dpi-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:16px;align-items:center;}
      .sign-page.dpi-page > *{grid-column:1 / -1;}
      .sign-page.dpi-page > .dpi-guarantee-line{grid-column:1;grid-row:1;margin:0 !important;align-self:center;}
      .sign-page.dpi-page > .tool-head{
        grid-column:2;grid-row:1;margin:0 !important;position:relative;z-index:3;
        display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;padding:8px 52px;border-radius:16px 16px 0 0;color:#fff;
        background:linear-gradient(135deg,var(--navy),var(--navy-2));box-shadow:0 8px 20px -8px rgba(15,27,60,.55);
      }
      .sign-page.dpi-page > .tool-head h1{font-size:18px;margin:0;color:#fff;letter-spacing:.01em;}
      .sign-page.dpi-page > .tool-head h1{white-space:nowrap;}
      .sign-page.dpi-page > .tool-head .tool-head-icon{
        display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%);
        width:40px;height:40px;border-radius:12px;font-size:20px;align-items:center;justify-content:center;
        background:linear-gradient(135deg,var(--orange),var(--gold));
      }
      .sign-page.dpi-page > .dpi-grid{grid-column:1 / -1;grid-row:2;margin-top:0;position:relative;grid-template-columns:minmax(0,1fr) 340px;}
      .dpi-grid::before{
        content:"";grid-column:2;grid-row:1 / span 2;z-index:0;align-self:stretch;
        background:var(--paper-2);border:1.5px solid var(--line);border-top:0;border-radius:0 0 16px 16px;
      }
      .sign-page.dpi-page > .dpi-grid{grid-template-rows:auto 1fr;}
      .dpi-card-dpi{margin:10px 10px 0 !important;position:relative;z-index:1;}
      .dpi-card-result{margin:0 10px 10px;position:relative;z-index:1;align-self:start;}
    }
    @media(max-width:900px){
      .dpi-grid{grid-template-areas:none;}
      .dpi-card-dpi,.dpi-card-file,.dpi-card-result{grid-area:auto;}
    }
    .dpi-result-box{text-align:center;margin-bottom:14px;}
    .dpi-result-box img{max-width:220px;max-height:240px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;}
    .dpi-result-box p{font-size:13px;color:var(--ink-soft);font-weight:600;}

    /* ZAROORI: Bilkul wahi ghumti hui circle wali animation jo generic
       PDF/Image tools (tool.css) mein istemal hoti hai — yahan bhi
       DPI Converter ke liye, alag file mein self-contained rakha hai
       taaki tool.css ko chhedne ki zaroorat na pade. */
    .dpi-processing-anim{text-align:center;padding:16px 10px 4px;}
    .dpi-processing-icon-wrap{position:relative;width:60px;height:60px;margin:0 auto 10px;}
    .dpi-processing-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:2;}
    .dpi-processing-ring{
      position:absolute;inset:0;border-radius:50%;
      border:4px solid var(--blue-light);border-top-color:var(--orange);
      animation:dpi-spin 1s linear infinite;
    }
    @keyframes dpi-spin{to{transform:rotate(360deg);}}