.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:12px;}
    .layout-option{
      border:2px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;cursor:pointer;
      transition:.15s;background:var(--paper);
    }
    .layout-option:hover{border-color:var(--blue);}
    .layout-option.active{border-color:var(--orange);background:var(--blue-light);}
    .layout-preview{
      display:grid;gap:3px;width:64px;height:82px;margin:0 auto 10px;padding:5px;
      background:var(--paper-2);border-radius:6px;border:1px solid var(--line);
    }
    .layout-preview .cell{background:var(--orange);border-radius:2px;opacity:0.75;}
    .layout-option .layout-num{
      display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;
      background:var(--navy);color:#fff;font-size:10.5px;font-weight:800;margin-bottom:6px;
    }
    .layout-option .layout-name{font-size:11.5px;font-weight:700;color:var(--navy);}

    .orient-row{display:flex;gap:14px;}
    .orient-btn{
      flex:1;border:2px solid var(--line);border-radius:12px;padding:16px;background:var(--paper);
      cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:.15s;
      font-size:13px;font-weight:700;color:var(--navy);
    }
    .orient-btn:hover{border-color:var(--blue);}
    .orient-btn.active{border-color:var(--orange);background:var(--blue-light);}
    .orient-icon{border:2px solid var(--ink-soft);border-radius:4px;background:var(--paper-2);}
    .orient-portrait-icon{width:34px;height:46px;}
    .orient-landscape-icon{width:46px;height:34px;}

    .photo-thumb-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
    .photo-thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--line);}
    .photo-thumb img{width:100%;height:100%;object-fit:cover;}
    .photo-thumb .thumb-remove{
      position:absolute;top:2px;right:2px;background:rgba(0,0,0,0.6);color:#fff;border:none;
      width:18px;height:18px;border-radius:50%;font-size:11px;cursor:pointer;line-height:1;
    }

    /* NAYA (30 Sept): Layout chunte hi do-column — bayen bada A4 preview, daayen poori setting */
    #lp-choose-step{max-width:820px;margin-left:auto;margin-right:auto;}
    .sign-page.lp-wide{width:100%;box-sizing:border-box;max-width:1280px;padding-top:10px;padding-bottom:30px;}
    .sign-page.lp-wide .tool-head{margin-bottom:10px !important;}
    .sign-page.lp-wide .tool-head p{display:none;}
    .lp-work{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;}
    .lp-left{background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;padding:12px;min-width:0;}
    .lp-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;min-height:30px;}
    .lp-bar-title{font-size:13.5px;font-weight:800;color:var(--navy);}
    .lp-nav{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-soft);}
    .lp-nav-btn{border:1px solid var(--line);background:var(--paper);color:var(--navy);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:12px;}
    .lp-nav-btn:disabled{opacity:.35;cursor:default;}
    .lp-stage{display:flex;justify-content:center;align-items:flex-start;width:100%;}
    .lp-paper{position:relative;background:#fff;box-shadow:0 6px 22px rgba(15,27,60,.22);border-radius:2px;flex:0 0 auto;overflow:hidden;}
    .lp-cell{position:absolute;box-sizing:border-box;border:1px solid #cfd6e6;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;}
    .lp-cell img{width:100%;height:100%;object-fit:contain;display:block;}
    .lp-cell.empty{border:1.5px dashed #9fb0d4;background:#f4f7fd;cursor:pointer;flex-direction:column;gap:2px;color:#5b78b8;transition:background .15s;}
    .lp-cell.empty:hover{background:#e6eefc;}
    .lp-cell.empty .lp-plus{font-size:26px;line-height:1;font-weight:300;}
    .lp-cell.empty small{font-size:11px;font-weight:700;}
    .lp-x{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(15,27,60,.72);color:#fff;font-size:11px;line-height:1;cursor:pointer;padding:0;}
    .lp-n{position:absolute;left:4px;top:4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(15,27,60,.72);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
        .lp-rot{position:absolute;top:4px;right:30px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(45,108,223,.9);color:#fff;font-size:13px;line-height:1;cursor:pointer;padding:0;}
    .lp-rot:hover{background:#1E4FB8;}
    .lp-auto-btn{margin-left:auto;margin-right:8px;background:var(--paper);border:1.5px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--blue);cursor:pointer;font-family:inherit;}
    .lp-auto-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);}
    .lp-hint{font-size:11.5px;color:var(--ink-soft);text-align:center;margin:8px 0 0;}
    .lp-right{display:flex;flex-direction:column;gap:10px;min-width:0;}
    .lp-card{margin-bottom:0 !important;padding:14px 16px !important;}
    .lp-card .sign-step-title{margin-bottom:8px;font-size:14.5px;}
    .lp-summary{font-size:12px;color:var(--ink-soft);margin-top:8px;}
    .layout-grid.mini{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
    .layout-grid.mini .layout-option{padding:8px 4px;border-radius:10px;}
    .layout-grid.mini .layout-num{display:none;}
    .layout-grid.mini .layout-preview{width:34px;height:44px;margin:0 auto 5px;padding:3px;gap:2px;}
    .layout-grid.mini .layout-name{font-size:10px;line-height:1.2;}
    .lp-right .orient-btn{padding:8px;flex-direction:row;justify-content:center;}
    .lp-right .orient-row{gap:10px;}
    #photo-preview-row{display:none !important;}
    .lp-bar-title{color:var(--ink) !important;}
    .layout-grid.mini .layout-name,.lp-right .orient-btn{color:var(--ink);}
    .lp-right .orient-btn{padding:6px;}
    .layout-grid.mini .layout-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9.5px;}
    .layout-grid.mini .layout-option{padding:6px 3px;}
    .layout-grid.mini .layout-preview{width:30px;height:38px;margin-bottom:3px;}
    .lp-right .orient-portrait-icon{width:18px;height:24px;}
    .lp-right .orient-landscape-icon{width:24px;height:18px;}
    .lp-right #generate-btn{width:100%;}
    @media(min-width:901px){
      .sign-page.lp-wide .tool-head h1{font-size:24px;margin:0;}
      .sign-page.lp-wide .tool-head-icon{display:none;}
    }
    /* NAYA (30 Sept, SPACE FIX): daayen panel thoda upar aur kasa hua; "Create A4 Print" hamesha screen par (sticky, halka floating) */
    .lp-cta{position:sticky;bottom:10px;z-index:6;}
    .lp-cta #generate-btn{box-shadow:0 10px 26px -6px rgba(242,120,47,.55),0 2px 8px rgba(15,27,60,.18);}
    .lp-cta #generate-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -6px rgba(242,120,47,.6),0 4px 10px rgba(15,27,60,.2);}
    .lp-cta .step-status.show{background:var(--paper);border-radius:10px;box-shadow:0 4px 14px rgba(15,27,60,.15);margin-top:6px;}
    @media(min-width:901px){
      .sign-page.lp-wide{padding-top:4px;padding-left:64px;padding-right:24px;}
      .lp-work{gap:14px;}
      .lp-right{gap:8px;}
      .lp-card{padding:10px 14px !important;}
      .lp-card .sign-step-title{margin-bottom:6px;font-size:14px;}
      .layout-grid.mini{gap:6px;}
      .layout-grid.mini .layout-preview{width:26px;height:32px;margin-bottom:2px;}
      .layout-grid.mini .layout-option{padding:5px 3px;}
      .lp-summary{margin-top:6px;}
    }
    /* NEW (1 Oct): Laptop par (layout chunne ke baad) — upar dark header bar + daayen "Right Settings Panel" ek hi card jaisa
       (Compress PDF jaisa). Sirf CSS; mobile par kuch nahi badla. */
    @media(min-width:901px){
      .sign-page.lp-wide{display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:14px;align-items:center;}
      .sign-page.lp-wide > *{grid-column:1 / -1;}
      .sign-page.lp-wide > .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.lp-wide > .tool-head h1{font-size:18px;margin:0;color:#fff;letter-spacing:.01em;white-space:nowrap;}
      .sign-page.lp-wide > .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.lp-wide > .lp-work{grid-column:1 / -1;grid-row:2;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;}
      .sign-page.lp-wide .lp-right{
        background:var(--paper-2);border:1.5px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:10px 10px 0;
      }
    }
    @media(max-width:900px){
      .lp-work{grid-template-columns:minmax(0,1fr);}
      .layout-grid.mini{grid-template-columns:repeat(4,minmax(0,1fr));}
    }