.silepi-id-maker{max-width:900px;margin:20px auto;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.06);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033}
.sipm-head h2{margin:0 0 8px;font-size:30px}.sipm-head p{margin:0 0 22px;color:#64748b;line-height:1.55}
.sipm-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:130px;border:2px dashed #94a3b8;border-radius:16px;background:#f8fafc;cursor:pointer;text-align:center;padding:16px}.sipm-upload input{display:none}.sipm-upload span{font-size:20px;font-weight:800}.sipm-upload small{color:#64748b}
.sipm-work{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:20px;margin-top:20px}.sipm-preview-wrap{background:#111827;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;min-height:420px}.sipm-preview{position:relative;width:100%;height:520px;overflow:hidden;background:#0b1220;border-radius:10px;display:flex;align-items:center;justify-content:center}.sipm-preview img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .08s}.sipm-crop-box{position:absolute;left:8%;top:8%;width:84%;height:84%;border:3px solid #1683ff;box-shadow:0 0 0 9999px rgba(0,0,0,.22);box-sizing:border-box;pointer-events:none}.sipm-crop-box i{position:absolute;width:34px;height:34px;border-color:#1683ff;border-style:solid}.sipm-crop-box .tl{left:-3px;top:-3px;border-width:6px 0 0 6px}.sipm-crop-box .tr{right:-3px;top:-3px;border-width:6px 6px 0 0}.sipm-crop-box .bl{left:-3px;bottom:-3px;border-width:0 0 6px 6px}.sipm-crop-box .br{right:-3px;bottom:-3px;border-width:0 6px 6px 0}
.sipm-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.sipm-controls>label,.sipm-rotate{font-weight:700}.sipm-controls input[type=number],.sipm-controls select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font-size:15px;margin-top:6px}.sipm-size-row{display:grid;grid-template-columns:1fr 92px;gap:6px}.sipm-check{grid-column:1/-1;display:flex;align-items:center;gap:9px}.sipm-check input{width:19px;height:19px}.sipm-rotate{grid-column:1/-1}.sipm-label-row{display:flex;justify-content:space-between;margin-bottom:6px}.sipm-rotation{width:100%}.sipm-buttons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:6px}.sipm-primary,.sipm-secondary,.sipm-download,.sipm-downloads button{border:0;border-radius:10px;padding:13px 15px;font-size:15px;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.sipm-primary{background:#111827;color:#fff}.sipm-secondary{background:#e2e8f0;color:#172033}.sipm-result{margin-top:18px}.sipm-result-card{padding:18px;border-radius:14px;background:#f0fdf4;border:1px solid #bbf7d0}.sipm-result-card strong{font-size:19px}.sipm-stats{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.sipm-stats span{background:#fff;border-radius:9px;padding:8px 10px;font-size:14px}.sipm-downloads{display:flex;flex-wrap:wrap;gap:8px}.sipm-download,.sipm-downloads button{background:#166534;color:#fff}.sipm-downloads button{font-family:inherit}
@media(max-width:760px){.silepi-id-maker{margin:10px;padding:18px}.sipm-head h2{font-size:25px}.sipm-work{grid-template-columns:1fr}.sipm-preview{height:430px}.sipm-controls{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.sipm-controls{grid-template-columns:1fr}.sipm-check,.sipm-rotate,.sipm-buttons{grid-column:1}.sipm-buttons{grid-template-columns:1fr}.sipm-preview{height:380px}}
/* Straight, non-skewed photo output */
.sipm-preview img{transform-origin:50% 50%;}
.sipm-queue-wrap{margin:14px 0}.sipm-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.sipm-person{position:relative;display:flex;gap:8px;align-items:center;padding:8px;border:1px solid #d8dee8;border-radius:12px;background:#fff;cursor:pointer}.sipm-person.active{border:2px solid #1769ff}.sipm-person img{width:58px;height:72px;object-fit:cover;border-radius:7px}.sipm-person-meta{font-size:13px;display:grid;gap:6px}.sipm-person-meta input{width:58px;padding:5px}.sipm-remove{position:absolute;right:5px;top:4px;border:0;background:#eee;border-radius:50%;width:24px;height:24px}.sipm-total{margin-top:8px;font-size:14px}.sipm-note{margin-top:14px;padding:12px;border-left:4px solid #1769ff;background:#eef5ff;border-radius:6px;line-height:1.5}
.sipm-result-card{margin-top:10px}.sipm-downloads{align-items:stretch}.sipm-download,.sipm-downloads button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.sipm-multi-note{display:block;margin-top:10px;color:#475569}.sipm-downloads button:disabled{opacity:.7;cursor:default}
.sipm-result-card{margin-top:10px}.sipm-downloads{align-items:stretch}.sipm-download,.sipm-downloads button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.sipm-multi-note{display:block;margin-top:10px;color:#475569}.sipm-downloads button:disabled{opacity:.7;cursor:default}

/* v1.4 selection reliability */
.sipm-editor-ready{display:block;}
.sipm-upload{position:relative;z-index:2;}

/* v1.5: make selected photo queue immediately visible on mobile */
.sipm-queue-wrap{display:block!important;visibility:visible!important;min-height:10px}
.sipm-queue{display:grid!important;visibility:visible!important}
.sipm-person img{display:block!important;visibility:visible!important;object-fit:cover}

/* v1.8: fixed-size draggable crop frame */
.sipm-crop-box{pointer-events:auto;cursor:move;touch-action:none;user-select:none;-webkit-user-select:none;}
.sipm-crop-box i{pointer-events:none;}

/* v1.9 zoom + safe A4 print layout */
.sipm-preview{overflow:hidden;}
.sipm-preview img{position:absolute;max-width:none;max-height:none;object-fit:fill;will-change:width,height,left,top,transform;}
.sipm-help{display:block;margin-top:6px;font-weight:500;color:#64748b;line-height:1.4;}