.photo-qty-row-wrap{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:2px;}
    .photo-qty-row-wrap .photo-qty-row{border:none;margin-bottom:0;}
    .photo-namedate-row{display:flex;gap:6px;padding:0 10px 8px;}
    .namedate-input{flex:1;padding:7px 10px;border:1px solid var(--line);border-radius:7px;font-size:12px;}
    .photo-qty-row{
      display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);
      border-radius:10px;margin-bottom:8px;
    }
    .photo-qty-row img{width:44px;height:56px;object-fit:cover;border-radius:6px;flex-shrink:0;}
    .photo-qty-row .photo-name{flex:1;font-size:12.5px;font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .qty-input{width:64px;padding:8px;border:1px solid var(--line);border-radius:8px;text-align:center;font-weight:700;}
    .photo-remove-btn{background:none;border:none;color:var(--red);cursor:pointer;font-size:15px;padding:2px 6px;flex-shrink:0;}

    /* NEW (1 Oct): Laptop par — "Right Settings Panel" (Compress PDF jaisa): upar dark header bar + daayen ek hi card mein
       Border / Add Photo / Create button / Ready; bayen taraf photos ki list. Sirf CSS (kuch bhi nahi hataya/badla; IDs, JS wahi).
       Mobile (<901px) par pehle jaisa hi. */
    @media(min-width:901px){
      .sign-page{width:100%;box-sizing:border-box;max-width:1080px !important;padding-top:6px !important;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:16px;align-items:start;}
      .sign-page::before{
        content:"";grid-column:2;grid-row:2 / span 7;align-self:stretch;z-index:0;
        background:var(--paper-2);border:1.5px solid var(--line);border-top:0;border-radius:0 0 16px 16px;
      }
      .sign-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 > .tool-head h1{font-size:18px;margin:0;color:#fff;letter-spacing:.01em;white-space:nowrap;}
      .sign-page > .tool-head p{display:none;}
      .sign-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));
      }
      /* Step 2 ka card "khol" dete hain — uske andar ke hisse seedha grid mein baithte hain */
      .sign-page > .sign-step:nth-child(3){display:contents;}
      .sign-page > .sign-step:nth-child(2){grid-column:2;grid-row:2;margin:10px 10px 0 !important;position:relative;z-index:1;}
      .sign-page > .sign-step:nth-child(3) > .sign-step-title{grid-column:2;grid-row:3;position:relative;z-index:1;margin:0 10px !important;padding:8px 6px 6px;}
      #add-photo-btn{grid-column:2;grid-row:4;position:relative;z-index:1;margin:0 10px !important;width:calc(100% - 20px);}
      #total-summary{grid-column:2;grid-row:5;position:relative;z-index:1;margin:10px 10px 0 !important;}
      #generate-btn{grid-column:2;grid-row:6;position:relative;z-index:1;margin:10px 10px 0 !important;width:calc(100% - 20px);}
      #generate-status{grid-column:2;grid-row:7;position:relative;z-index:1;margin:6px 10px 0;}
      #result-step{grid-column:2;grid-row:8;position:relative;z-index:1;margin:10px 10px 10px !important;}
      #photo-list{
        grid-column:1;grid-row:2 / span 7;margin:0 !important;align-self:stretch;
        background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;padding:12px;min-height:340px;
      }
      #photo-list:empty::before{
        content:"Your photos will appear here.\A Click \"Add Photo\" on the right to start.";
        white-space:pre-line;display:block;text-align:center;color:var(--ink-soft);font-size:14px;font-weight:600;padding:90px 20px;line-height:1.7;
      }
    }