.pfw-hero .w-wrap{justify-items:start}.pfw-proof{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:650;display:flex}.pfw-proof span{align-items:center;gap:6px;display:inline-flex}.pfw-proof svg.lucide{color:#0b7a69;width:18px;height:18px}.pfw-tool-sec{padding-top:24px}.pfw-tool{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);min-height:240px;padding:16px}.pfw-nojs{min-height:120px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.pfw-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.pfw-steps li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:start;gap:8px;padding:22px;display:grid}.pfw-steps h3{font-size:18px}.pfw-steps p{color:var(--muted);font-size:15px}.pfw-n{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.pfw-grid{gap:20px;display:grid}.pfw-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:start;gap:12px;min-width:0;padding:22px;display:grid}.pfw-card p{color:var(--ink-2)}.pfw-fair{background:var(--accent-soft);border-color:#0000}.pfw-tbl-wrap{overflow-x:auto}.pfw-tbl{border-collapse:collapse;width:100%;font-size:14.5px}.pfw-tbl th,.pfw-tbl td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.pfw-tbl th{color:var(--muted);font-size:12.5px;font-weight:700}.pfw-small{font-size:13.5px;color:var(--muted)!important}.pfw-cta{border-radius:var(--radius);background:var(--primary-soft);gap:18px;padding:28px;display:grid}.pfw-cta p{color:var(--ink-2);margin-top:6px}.pfw-cta .w-row{flex-wrap:wrap}.pf{--pf-p:var(--primary);--pf-ps:var(--primary-soft);--pf-l:#dfe5ef;--pf-m:var(--muted);gap:14px;min-width:0;font-size:14px;display:grid}.pf [hidden]{display:none!important}.pf-pick{border:2px dashed var(--pf-l);text-align:center;background:#fff;border-radius:16px;justify-items:center;gap:12px;padding:22px 16px;display:grid}.pf-pick-ic{background:var(--pf-ps);width:54px;height:54px;color:var(--pf-p);border-radius:16px;place-items:center;display:grid}.pf-pick-h{margin:0;font-size:18px;font-weight:750}.pf-pick p{color:var(--pf-m);max-width:440px;margin:0;font-size:14px}.pf-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pf-b{border:1px solid var(--pf-l);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.pf-b:hover{filter:brightness(.97)}.pf-b:focus-within{outline:3px solid var(--pf-ps);outline-offset:1px}.pf-b.pri{background:var(--pf-p);border-color:var(--pf-p);color:#fff}.pf-b.soft{background:var(--pf-ps);color:var(--pf-p);border-color:#0000}.pf-b.sm{min-height:44px;padding:6px 12px;font-size:13.5px}.pf-b:disabled{opacity:.5;cursor:not-allowed}.pf-b input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.pf-b svg.lucide,.pf-sw svg.lucide{width:17px;height:17px}.pf-tips{color:var(--pf-m);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.pf-tips li{align-items:center;gap:5px;display:inline-flex}.pf-tips svg.lucide{color:#0b7a69;width:14px;height:14px}.pf-note{background:var(--accent-soft);color:#0b5d50;text-align:left;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.pf-note svg.lucide{flex:none;width:16px;height:16px;margin-top:1px}.pf-edit{gap:14px;min-width:0;display:grid}.pf.pf-wide .pf-edit{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start}.pf-stagecol{gap:10px;min-width:0;display:grid}.pf.pf-wide .pf-stagecol{top:calc(var(--head-h) + 12px);position:sticky}.pf-ctrl{gap:12px;min-width:0;display:grid}.pf-stage{touch-action:none;cursor:grab;background:repeating-conic-gradient(#eef1f6 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:6px;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2px 14px #121a2c2e}.pf-stage:focus-visible{outline:3px solid var(--pf-p);outline-offset:3px}.pf-stage.pf-brush{cursor:crosshair}.pf-stage canvas{width:100%;height:auto;display:block}.pf-stage .pf-ov{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pf-busy{background:#ffffffb3;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.pf-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-row.c{justify-content:center}.pf-seg{background:var(--bg-3);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.pf-seg button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;min-height:40px;padding:7px 11px;font-size:13.5px;font-weight:650;display:inline-flex}.pf-seg button svg.lucide{width:15px;height:15px}.pf-seg button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000001a}.pf-seg button:disabled{opacity:.45;cursor:not-allowed}.pf-sec{border:1px solid var(--pf-l);background:#fff;border-radius:14px;gap:10px;min-width:0;padding:13px 14px;display:grid}.pf-sec h3{letter-spacing:0;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:750;display:flex}.pf-sec h3 svg.lucide{width:16px;height:16px;color:var(--pf-p)}.pf-sec h3 small{color:var(--pf-m);margin-left:auto;font-size:12px;font-weight:600}.pf-sizes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pf-size{border:1.5px solid var(--pf-l);cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:11px;grid-template-rows:38px auto auto;justify-items:center;gap:4px;min-height:44px;padding:8px 6px;display:grid}.pf-size-ic{opacity:.55;border:2px solid;border-radius:3px;align-self:end;display:block}.pf-size-ic.s23{width:12px;height:18px}.pf-size-ic.s34{width:18px;height:24px}.pf-size-ic.s46{width:24px;height:36px}.pf-size b{font-size:14px}.pf-size span:last-child{color:var(--pf-m);font-size:11.5px}.pf-size[aria-pressed=true]{border-color:var(--pf-p);background:var(--pf-ps);color:var(--pf-p)}.pf-bgs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pf-sw{border:2px solid var(--pf-l);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.pf-sw.merah{background:#d0202e}.pf-sw.biru{background:#1f63c6}.pf-sw.putih{background:#fff}.pf-sw[aria-pressed=true],.pf-sw.on,.pf-sw:focus-within{outline:3px solid var(--pf-p);outline-offset:2px}.pf-sw input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pf-sw.pf-custom{background:conic-gradient(#e33,#ee3,#3c3,#3cf,#33e,#e3e,#e33)}.pf-bglbl{color:var(--pf-m);font-size:13px}.pf-sl{grid-template-columns:96px minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:13.5px;display:grid}.pf-sl input{width:100%;accent-color:var(--pf-p);min-height:32px}.pf-sl input:disabled{opacity:.45}.pf-sl output{font-variant-numeric:tabular-nums;text-align:right;color:var(--pf-m);font-size:12.5px}.pf-chk{cursor:pointer;align-items:center;gap:9px;min-height:36px;font-size:14px;display:flex}.pf-chk input{width:18px;height:18px;accent-color:var(--pf-p)}.pf-hint{color:var(--pf-m);margin:0;font-size:12.5px}.pf-sheet{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;display:grid}.pf-sheet canvas{border:1px solid var(--pf-l);background:#fff;border-radius:4px;width:96px;height:auto;box-shadow:0 1px 6px #00000014}.pf-sheet-c{justify-items:start;gap:8px;min-width:0;display:grid}.pf-count{font-size:13.5px}.pf-sel{border:1px solid var(--pf-l);min-height:40px;font:inherit;color:inherit;background:#fff;border-radius:10px;padding:6px 10px}@media (width<=480px){.pfw-tool{border-radius:14px;padding:10px}.pfw-tbl th,.pfw-tbl td{padding:8px 5px;font-size:13px}.pfw-cta{padding:22px 18px}}@media (width<=380px){.pf-sl{grid-template-columns:80px minmax(0,1fr) 34px}}@media (width>=720px){.pfw-steps{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.pfw-grid{grid-template-columns:1.2fr 1fr}.pfw-cta{grid-template-columns:1fr auto;align-items:center}}@media (prefers-reduced-motion:reduce){.pf *{transition:none!important}}