/* Generator Pas Foto — responsive styles */
.pf-app{--pf-ink:#172033;--pf-muted:#687386;--pf-line:#e3e8f0;--pf-blue:#315ee8;--pf-blue-dark:#244bd0;--pf-green:#07865d;max-width:1040px;margin:0 auto;padding:clamp(18px,4vw,42px) clamp(14px,3vw,28px) 48px;color:var(--pf-ink);font-family:inherit;box-sizing:border-box}
.pf-app *{box-sizing:border-box}.pf-app [hidden]{display:none!important}
.pf-hero{padding:clamp(8px,2vw,20px) 0 26px}.pf-eyebrow{display:flex;align-items:center;gap:9px;color:var(--pf-blue);font-size:.72rem;font-weight:800;letter-spacing:.13em}.pf-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#5b83ff;box-shadow:0 0 0 4px #eaf0ff}.pf-hero h1{margin:14px 0 10px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.04em;font-weight:850;color:var(--pf-ink)}.pf-hero>p{max-width:700px;margin:0;color:var(--pf-muted);font-size:clamp(.94rem,1.6vw,1.05rem);line-height:1.75}.pf-feature-list{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;color:#4d5b70;font-size:.83rem}.pf-feature-list span{white-space:nowrap}
.pf-card{border:1px solid var(--pf-line);border-radius:24px;background:#fff;padding:clamp(16px,3.2vw,30px);box-shadow:0 16px 50px rgba(24,39,75,.07)}.pf-drop-zone{min-height:300px;border:1.5px dashed #b9c7e1;border-radius:19px;background:linear-gradient(145deg,#f8faff,#f5f8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 16px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.pf-drop-zone:hover,.pf-drop-zone:focus-visible,.pf-drop-zone.is-dragging{border-color:var(--pf-blue);background:#eef3ff;outline:none}.pf-drop-zone.is-dragging{transform:scale(.995)}.pf-upload-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:#e5edff;color:var(--pf-blue);margin-bottom:16px}.pf-upload-icon svg{width:31px;height:31px}.pf-drop-zone>strong{font-size:1.12rem;font-weight:800}.pf-drop-copy{margin-top:7px;color:#647087;font-size:.91rem}.pf-file-types{margin-top:9px;color:#8993a5;font-size:.78rem}.pf-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid transparent;border-radius:12px;padding:11px 16px;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}.pf-button:focus-visible,.pf-select:focus-visible,.pf-range:focus-visible{outline:3px solid #a9bcff;outline-offset:2px}.pf-button:active{transform:translateY(1px)}.pf-button-primary{margin-top:19px;color:white;background:var(--pf-blue);box-shadow:0 6px 16px #315ee82b}.pf-button-primary:hover{background:var(--pf-blue-dark)}.pf-private-note{text-align:center;margin-top:16px;color:#738095;font-size:.8rem;line-height:1.6}.pf-private-note span{margin-right:5px}
.pf-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.pf-section-heading h2,.pf-help h2,.pf-article h2{margin:5px 0 0;font-size:clamp(1.2rem,2.5vw,1.55rem);line-height:1.25;letter-spacing:-.025em;font-weight:820}.pf-step{font-size:.68rem;letter-spacing:.13em;font-weight:850;color:var(--pf-blue)}.pf-button-light{color:#344158;background:#fff;border-color:#dce3ed}.pf-button-light:hover{background:#f5f7fb}.pf-editor-grid{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,38px);align-items:start}.pf-controls{min-width:0}.pf-field-label,.pf-range-head label{display:block;font-size:.87rem;font-weight:750;color:#354156;margin:0 0 9px}.pf-select{display:block;width:100%;min-height:47px;padding:10px 13px;border:1px solid #d9e0eb;border-radius:12px;background:#fff;color:var(--pf-ink);font:inherit;font-size:.93rem;margin-bottom:24px}.pf-range-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 7px}.pf-range-head output{font-size:.8rem;color:var(--pf-blue);font-weight:800;font-variant-numeric:tabular-nums}.pf-range{width:100%;display:block;accent-color:var(--pf-blue);cursor:pointer;margin:0 0 23px;min-height:24px}.pf-reset-adjust{width:100%;margin:0 0 12px}.pf-button-success{background:var(--pf-green);color:white;box-shadow:0 7px 18px #07865d20}.pf-button-success:hover{background:#06734f}.pf-full{width:100%;min-height:49px}.pf-preview-panel{min-width:0;padding:20px;border:1px solid #e5eaf2;border-radius:18px;background:#f7f9fc;text-align:center}.pf-preview-title{font-size:.7rem;letter-spacing:.12em;font-weight:850;color:#788398;margin-bottom:18px}.pf-canvas-wrap{display:flex;justify-content:center;align-items:center;min-height:210px;overflow:hidden}.pf-canvas-wrap canvas{display:block;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain;border:1px solid #d9dee7;border-radius:5px;background:white;box-shadow:0 8px 24px #17203316}.pf-preview-panel>p{margin:15px 0 0;color:#8590a1;font-size:.77rem;line-height:1.6}.pf-muted{margin:-8px 0 22px;color:var(--pf-muted);font-size:.9rem;line-height:1.7}.pf-batch-submit{margin-top:5px}.pf-status{margin-top:22px;padding:18px;border:1px solid #dfe7f8;border-radius:15px;background:#f7f9ff}.pf-status-top{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.pf-status-top span{font-variant-numeric:tabular-nums;color:var(--pf-blue);font-weight:800}.pf-progress-track{height:8px;border-radius:99px;overflow:hidden;background:#e2e8f4;margin:13px 0 8px}.pf-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#315ee8,#6d8cff);border-radius:99px;transition:width .15s}.pf-status p{margin:0;color:#778196;font-size:.8rem;line-height:1.5}.pf-error{margin-top:16px;padding:12px 14px;border-radius:12px;color:#9c2525;background:#fff1f1;border:1px solid #ffd5d5;font-size:.87rem;line-height:1.6}.pf-help{display:flex;gap:16px;align-items:flex-start;margin:24px 0;padding:22px;border:1px solid #e4e9f2;border-radius:18px;background:#fafbfe}.pf-help-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;background:#e9efff;color:var(--pf-blue);font-size:1.2rem}.pf-help h2{font-size:1rem;margin:1px 0 7px}.pf-help p{margin:0;color:var(--pf-muted);font-size:.87rem;line-height:1.75}.pf-article{margin-top:34px;padding-top:28px;border-top:1px solid var(--pf-line);line-height:1.8}.pf-article h2{margin-bottom:14px}.pf-article p{margin:0 0 14px}.pf-footer{text-align:center;color:#929bad;font-size:.77rem;padding-top:26px}
@media(max-width:700px){.pf-app{padding-top:20px}.pf-hero{padding-bottom:20px}.pf-card{border-radius:19px;padding:16px}.pf-drop-zone{min-height:260px;padding:25px 14px}.pf-editor-grid{grid-template-columns:minmax(0,1fr);gap:22px}.pf-preview-panel{grid-row:1;padding:17px}.pf-canvas-wrap{min-height:180px}.pf-canvas-wrap canvas{max-height:400px}.pf-controls{grid-row:2}.pf-section-heading{align-items:flex-start}.pf-section-heading .pf-button{min-height:40px;padding:9px 11px;font-size:.8rem}.pf-help{padding:17px;gap:12px}.pf-feature-list{gap:8px 13px;font-size:.76rem}}
@media(max-width:380px){.pf-app{padding-left:10px;padding-right:10px}.pf-card{padding:12px}.pf-section-heading{flex-wrap:wrap}.pf-section-heading .pf-button{margin-left:auto}.pf-feature-list{display:grid;grid-template-columns:1fr 1fr}.pf-canvas-wrap canvas{max-height:330px}}
@media(prefers-reduced-motion:reduce){.pf-app *, .pf-app *::before,.pf-app *::after{transition:none!important;scroll-behavior:auto!important}}

/* Polesan profesional dan galeri batch yang adaptif */
.pf-app{max-width:1120px}
.pf-hero{padding-bottom:30px}
.pf-hero h1{letter-spacing:-.045em}
.pf-card{border-color:#e2e8f0;box-shadow:0 22px 70px rgba(21,35,68,.09)}
.pf-preview-panel{background:radial-gradient(ellipse at top,#fff 0%,#f5f7fc 72%);border-color:#e1e7f0}
.pf-preview-title{display:flex;align-items:center;justify-content:center;gap:8px}
.pf-preview-title:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a36a}
.pf-canvas-wrap{padding:12px;min-height:260px;border-radius:14px;background:linear-gradient(45deg,#edf1f7 25%,transparent 25%,transparent 75%,#edf1f7 75%),linear-gradient(45deg,#edf1f7 25%,#fff 25%,#fff 75%,#edf1f7 75%);background-position:0 0,8px 8px;background-size:16px 16px}
.pf-canvas-wrap canvas{max-height:560px;border-radius:3px;box-shadow:0 12px 32px rgba(15,23,42,.18)}
.pf-batch-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 24px}
.pf-batch-item{min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(25,39,70,.04)}
.pf-batch-item-head{display:flex;align-items:center;gap:8px;padding:11px 11px 9px;border-bottom:1px solid #edf0f5}
.pf-batch-number{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:#315ee8;font-size:.72rem;font-weight:850}
.pf-batch-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;font-weight:750;color:#354156}
.pf-batch-preview{height:205px;padding:12px;display:flex;align-items:center;justify-content:center;background:#f5f7fb;background-image:radial-gradient(#d9e0eb .8px,transparent .8px);background-size:10px 10px}
.pf-batch-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #d9dee7;border-radius:3px;background:white;box-shadow:0 5px 16px #1720331a}
.pf-batch-adjust{border-top:1px solid #edf0f5}
.pf-batch-adjust summary{cursor:pointer;list-style:none;padding:12px;font-size:.78rem;font-weight:800;color:#315ee8;display:flex;align-items:center;justify-content:space-between;gap:8px}
.pf-batch-adjust summary::-webkit-details-marker{display:none}
.pf-batch-adjust summary:after{content:"＋";font-size:1rem}
.pf-batch-adjust[open] summary:after{content:"−"}
.pf-batch-adjust-controls{padding:0 12px 12px}
.pf-mini-control{margin:10px 0 14px}
.pf-mini-control-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.pf-mini-control-head label{font-size:.72rem;font-weight:750;color:#475569}
.pf-mini-control-head output{font-size:.7rem;font-weight:800;color:#315ee8}
.pf-mini-control .pf-range{margin:0;min-height:20px}
.pf-mini-reset{width:100%;min-height:38px;padding:8px 10px;font-size:.76rem}
.pf-article-card{margin-top:24px;padding:clamp(20px,4vw,34px);border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 12px 36px rgba(21,35,68,.055);line-height:1.85}
.pf-article-kicker{margin-bottom:9px;color:#315ee8;font-size:.68rem;font-weight:850;letter-spacing:.14em}
.pf-article-card h2{font-size:clamp(1.25rem,2.5vw,1.65rem);margin:0 0 16px;color:#172033}
.pf-article-card>div:last-child{color:#4c586c;font-size:.94rem;overflow-wrap:anywhere}
.pf-article-card>div:last-child h3,.pf-article-card>div:last-child h4{margin:1.3em 0 .5em;color:#202b3e;line-height:1.4}
.pf-article-card>div:last-child ul,.pf-article-card>div:last-child ol{padding-left:1.35rem;margin:.6em 0 1em}
.pf-article-card>div:last-child a{color:#315ee8;text-decoration:underline;text-underline-offset:3px}
.pf-article-card>div:last-child img{max-width:100%;height:auto;border-radius:12px}
.pf-button:disabled{opacity:.58;cursor:wait}
@media(max-width:900px){.pf-batch-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.pf-batch-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pf-batch-preview{height:180px}.pf-article-card{border-radius:17px}.pf-canvas-wrap{min-height:200px}}
@media(max-width:360px){.pf-batch-gallery{grid-template-columns:minmax(0,1fr)}.pf-batch-preview{height:220px}.pf-batch-item{display:grid;grid-template-columns:minmax(0,1fr) 110px}.pf-batch-item-head{grid-column:1/-1}.pf-batch-preview{grid-row:2;grid-column:2}.pf-batch-adjust{grid-row:2;grid-column:1;border-top:0;border-right:1px solid #edf0f5}}