*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#eef0f4;overscroll-behavior:none;background:radial-gradient(120% 90% at 20% -10%,#33374a 0%,#1b1d26 42%,#0a0b10 100%);height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}.ico{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px;display:inline-block}.ico-lg{width:22px;height:22px}.ico-xl{stroke-width:1.5px;opacity:.5;width:64px;height:64px}.topbar{z-index:10;-webkit-backdrop-filter:blur(9px);background:linear-gradient(#ffffff12,#ffffff05),#12131a8c;border-bottom:1px solid #ffffff17;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 4px 12px #00000047}.logo{color:#34d399;white-space:nowrap;text-shadow:0 0 14px #34d39973;align-items:center;gap:6px;margin-right:6px;font-size:15px;font-weight:700;display:inline-flex}.topbar button,.filebtn{color:#e8eaf0;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff17,#ffffff08);border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000004d}.topbar button:hover,.filebtn:hover{background:linear-gradient(#ffffff29,#ffffff0f);border-color:#ffffff38}.topbar button:active{transform:scale(.96);box-shadow:inset 0 2px 6px #00000073}.topbar button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.topbar button.primary{color:#fff;text-shadow:0 1px 2px #00000040;background:linear-gradient(#4ade80f5,#15803deb);border-color:#86efac8c;box-shadow:inset 0 1px #ffffff73,0 6px 16px #22c55e59}.topbar button.primary:hover{background:linear-gradient(#86efacfa,#16a34af2)}.filebtn input{display:none}.spacer{flex:1}.new-wrap{position:relative}#newBtn .caret{opacity:.7;margin-left:-2px}.new-menu{-webkit-backdrop-filter:blur(9px);z-index:60;background:linear-gradient(#ffffff14,#ffffff05),#181a22b8;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:4px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #0006}.new-menu[hidden]{display:none}.new-menu button{color:#e6e8ee;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;width:100%;padding:10px 11px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.new-menu button .ico{color:#34d399;width:16px;height:16px}.new-menu button:hover{background:#ffffff1a}.main{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(9px);z-index:20;background:linear-gradient(#ffffff0a,#ffffff03),#1213198c;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:14px;width:260px;padding:12px;transition:transform .25s;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff12,4px 0 10px #00000040}.sidebar.collapsed{height:100%;position:absolute;transform:translate(-100%)}.group{background:linear-gradient(#ffffff0d,#ffffff04),#1b1d256b;border:1px solid #ffffff12;border-radius:12px;padding:11px;box-shadow:inset 0 1px #ffffff0f,0 4px 10px #0000002e}.group h3{text-transform:uppercase;letter-spacing:.8px;color:#9aa0ad;margin:0 0 8px;font-size:11px;font-weight:600}.tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tools button{color:#e2e5ec;cursor:pointer;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff17;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;font-family:inherit;font-size:11.5px;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff12,0 2px 6px #0003}.tools button .ico{width:20px;height:20px}.tools button.active{color:#fff;background:linear-gradient(#22c55ef2,#15803deb);border-color:#86efac8c;box-shadow:inset 0 1px #fff6,0 6px 16px #22c55e59}.tools button:hover:not(.active):not(:disabled){background:linear-gradient(#ffffff24,#ffffff0d);border-color:#ffffff2e}.tools button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.slider-row{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.slider-row:last-child{margin-bottom:0}.slider-row label{color:#c2c7d1;justify-content:space-between;align-items:center;font-size:12px;display:flex}.slider-row label span{color:#4ade80;font-variant-numeric:tabular-nums;font-weight:600}input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff24;border-radius:3px;outline:none;width:100%;height:6px;box-shadow:inset 0 1px 2px #0006}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 35% 30%,#86efac,#16a34a);border:2px solid #ffffffd9;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000080,inset 0 -2px 3px #00000040}input[type=range]::-moz-range-thumb{cursor:pointer;background:radial-gradient(circle at 35% 30%,#86efac,#16a34a);border:2px solid #ffffffd9;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000080}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.action-grid:not(:first-child){margin-top:12px}.action-grid button{color:#e2e5ec;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;max-width:100%;padding:9px 6px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 2px 6px #0003}.action-grid button:hover:not(:disabled){background:linear-gradient(#ffffff26,#ffffff0d);border-color:#ffffff2e}.action-grid button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.action-grid button .ico{width:15px;height:15px}.action-grid .tool-hint{grid-column:span 2;margin:2px 0 4px}#autoAll,#clearAll{grid-column:span 2}.stage{touch-action:none;background:radial-gradient(150% 120% at 50% 0,#262a36 0%,#16181f 45%,#0b0c11 100%);flex:1;min-width:0;min-height:0;display:block;position:relative;overflow:hidden}#canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block;position:absolute;top:0;left:0}.empty-state{text-align:center;color:#9aa0ad;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state p{margin:0;font-size:14px}.empty-state .hint{color:#7d838f;font-size:12px}.statusbar{-webkit-backdrop-filter:blur(9px);color:#8f95a1;background:linear-gradient(#ffffff0f,#ffffff04),#12131a99;border-top:1px solid #ffffff17;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;min-height:26px;padding:5px 12px;font-size:11px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff17,0 -4px 12px #00000047}#statusLeft.status-click{cursor:pointer;user-select:none;border:1px solid #0000;border-radius:8px;margin-left:-6px;padding:2px 7px}#statusLeft.status-click:hover{color:#e8eaf0;background:#ffffff17;border-color:#ffffff1f}#statusLeft.status-click:focus-visible{outline:1px solid #4ade80}.statusbar b{color:#4ade80;font-weight:600}.statusbar .ico{vertical-align:-2px;width:13px;height:13px;margin-right:2px}.view-pop{-webkit-backdrop-filter:blur(9px);z-index:50;opacity:0;pointer-events:none;visibility:hidden;background:linear-gradient(#ffffff14,#ffffff05),#181a22b8;border:1px solid #ffffff1a;border-radius:14px;width:230px;padding:11px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 8px);left:8px;transform:translateY(6px);box-shadow:inset 0 1px #ffffff1f,0 8px 18px #0006}.view-pop.show{opacity:1;pointer-events:auto;visibility:visible;transform:none}.view-pop-title{text-transform:uppercase;letter-spacing:.8px;color:#9aa0ad;margin-bottom:8px;font-size:11px;font-weight:600}.menu-toggle{display:none}@media (width<=760px){.logo{font-size:13px}.topbar{gap:6px;padding:6px 10px}.topbar button,.filebtn{padding:6px 9px;font-size:12px}.menu-toggle{display:inline-flex}.sidebar{width:250px;height:100%;position:absolute;transform:translate(-100%);box-shadow:4px 0 26px #00000080}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.topbar,.sidebar,.statusbar,.new-menu,.view-pop{-webkit-backdrop-filter:none}.sidebar{background:#121319f5}.btn-label{display:none}.tools button{padding:7px 4px;font-size:10.5px}.tools button .ico{width:18px;height:18px}}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;visibility:hidden;background:#0f1118ad;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto;visibility:visible}.modal-box{text-align:center;background:linear-gradient(#ffffff12,#ffffff04),#1e202ac7;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:420px;padding:24px;transition:transform .25s cubic-bezier(.2,.9,.3,1.2);transform:scale(.92);box-shadow:inset 0 1px #ffffff24,0 14px 28px #0000008c}.modal-overlay.show .modal-box{transform:scale(1)}.modal-icon{color:#4ade80;background:radial-gradient(circle at 35% 30%,#4ade8059,#4ade801a);border:1px solid #86efac59;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:flex;box-shadow:inset 0 1px #ffffff59,0 6px 18px #22c55e40}.modal-icon svg{width:28px;height:28px}.modal-box h2{color:#fff;margin:0 0 8px;font-size:17px;font-weight:600}.modal-box p{color:#a6abb6;margin:0 0 20px;font-size:13px;line-height:1.5}.modal-actions{flex-wrap:wrap;gap:8px;display:flex}.modal-actions button{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:11px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;padding:11px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;overflow:hidden}.modal-actions button[hidden]{display:none!important}.modal-actions button .ico{width:15px;height:15px}.btn-cancel{color:#e6e8ee;background:linear-gradient(#ffffff17,#ffffff08);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #00000040}.btn-cancel:hover{background:linear-gradient(#ffffff29,#ffffff0f);border-color:#ffffff38}.btn-confirm{color:#fff;background:linear-gradient(#4ade80f5,#15803deb);border-color:#86efac80;box-shadow:inset 0 1px #ffffff73,0 6px 16px #22c55e59}.btn-confirm:hover{background:linear-gradient(#86efacfa,#16a34af2)}.btn-danger{color:#fff;background:linear-gradient(#f87171f5,#b91c1ceb);border-color:#fecaca80;box-shadow:inset 0 1px #ffffff59,0 6px 16px #ef44444d}.btn-danger:hover{background:linear-gradient(#fca5a5fa,#dc2626f2)}.modal-actions button:active{transform:scale(.97)}.dl-tabs{background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.dl-tabs button{color:#a6abb6;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dl-tabs button .ico{width:15px;height:15px}.dl-tabs button.active{color:#fff;background:linear-gradient(#4ade80f2,#15803de6);box-shadow:inset 0 1px #ffffff59,0 4px 12px #22c55e4d}.dl-tabs button:hover:not(.active){color:#e6e8ee;background:#ffffff1a}.dl-panel{text-align:left;display:none}.dl-panel.active{display:block}.dl-info{color:#a6abb6;text-align:center;background:linear-gradient(#ffffff0d,#ffffff05),#14151b80;border:1px solid #ffffff12;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:14px;padding:10px 12px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.dl-info .ico{color:#4ade80;width:14px;height:14px}.dl-info b{color:#4ade80}.dl-row{gap:10px;margin-bottom:12px;display:flex}.dl-field{flex:1}.dl-field label{color:#a6abb6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.dl-field input{color:#eef0f4;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .15s;box-shadow:inset 0 1px 3px #00000059}.dl-field input:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade802e}.dl-field input::-webkit-outer-spin-button,.dl-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dl-field input[type=number]{-moz-appearance:textfield}.dl-check{color:#c2c7d1;cursor:pointer;user-select:none;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.dl-check input{accent-color:#22c55e;cursor:pointer;width:16px;height:16px;margin:0}.dl-presets{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.dl-presets button{color:#c6cbd5;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff17;border-radius:8px;padding:5px 9px;font-family:inherit;font-size:11px;transition:all .15s;box-shadow:inset 0 1px #ffffff0f}.dl-presets button:hover{color:#fff;background:#ffffff24;border-color:#4ade80}.dl-est{color:#7d838f;text-align:center;justify-content:center;align-items:center;gap:5px;width:100%;margin-bottom:14px;font-size:11px;display:inline-flex}.dl-est .ico{width:12px;height:12px}.dl-est b{color:#4ade80}#toast{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:999;background:linear-gradient(#ffffff1a,#ffffff08),#1c1e26d9;border:1px solid #ffffff29;border-radius:22px;padding:10px 18px;font-size:13px;transition:opacity .3s,transform .3s,visibility .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:inset 0 1px #ffffff24,0 6px 14px #0006}#toast.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.seg-group{background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;gap:6px;margin-bottom:10px;padding:4px;display:flex}.seg-group button{color:#a6abb6;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:0;padding:8px 4px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;overflow:hidden}.seg-group button .ico{width:14px;height:14px}.seg-group button.active{color:#fff;background:linear-gradient(#4ade80f2,#15803de6);box-shadow:inset 0 1px #ffffff59,0 4px 12px #22c55e4d}.seg-group button:hover:not(.active){color:#e6e8ee;background:#ffffff1a}.tool-hint{color:#7d838f;margin:10px 0 0;font-size:11px;line-height:1.5}.ns-about{background:linear-gradient(#ffffff0d,#ffffff04),#1b1d256b;border:1px solid #ffffff12;border-radius:12px;min-width:0;margin-top:12px;padding:11px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}#nsShare button{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;padding:8px 6px;font-size:11.5px;overflow:hidden}#nsShare button .ico{flex-shrink:0}.ns-about-title{text-transform:uppercase;letter-spacing:.8px;color:#9aa0ad;margin-bottom:8px;font-size:11px;font-weight:600}.ns-about-row{color:#e2e5ec;align-items:center;gap:8px;padding:4px 0;font-size:12.5px;display:flex}.ns-about-row .ico{color:#4ade80;width:16px;height:16px}.ns-link{border-radius:8px;text-decoration:none}.ns-link:hover{color:#fff;background:#ffffff0f}#toolSettings:empty:after{content:"Tidak ada pengaturan untuk alat ini.";color:#6b707b;font-size:11px;display:block}.modal-box.modal-wide{max-width:min(520px,100vw - 40px)}.cam-wrap{background:linear-gradient(#ffffff08,#ffffff03),#0c0d1199;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;min-height:240px;margin-bottom:16px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000040}.cam-wrap video,.cam-wrap img{object-fit:contain;background:#000;width:100%;max-height:340px;display:block}.cam-wrap img[hidden],.cam-wrap video[hidden]{display:none}.cam-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:12px;line-height:1.5}.cam-error[hidden]{display:none}.cam-controls{gap:8px;margin-bottom:16px;display:flex}.cam-select{color:#eef0f4;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:12.5px;box-shadow:inset 0 1px 3px #00000059}.cam-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade802e}.cam-select option{color:#eef0f4;background:#1e202a}.cam-switch{font-size:12.5px;flex:none!important;padding:10px 14px!important}.new-color-label{color:#a6abb6;text-transform:uppercase;letter-spacing:.5px;text-align:left;justify-content:space-between;align-items:center;margin:4px 0 8px;font-size:11px;font-weight:600;display:flex}.new-color-label b{color:#4ade80;font-family:monospace}#newImageModal .jscolor-sv{margin-bottom:8px}#newImageModal .dl-presets{margin-bottom:12px}#newSwatches{margin-bottom:0}