@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--text-dark:#111827;--text-gray:#6b7280;--bg-white:#fff;--pink-btn:#f500a2;--blue-btn:#3b82f6;--purple-btn:#8b5cf6;--border-dark:#111827}*,:before,:after{box-sizing:border-box}body,html{color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}.btn-3d{color:#fff;background-color:var(--pink-btn);border:2px solid var(--border-dark);box-shadow:4px 4px 0px var(--border-dark);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-flex}.btn-3d:active{box-shadow:0px 0px 0px var(--border-dark);transform:translate(4px,4px)}.btn-3d:disabled{opacity:.7;cursor:not-allowed;box-shadow:0px 0px 0px var(--border-dark);transform:translate(4px,4px)}.btn-3d.blue{background-color:var(--blue-btn)}.btn-3d.purple{background-color:var(--purple-btn)}.checkerboard-bg{background-image:linear-gradient(45deg,#e5e5e5 25%,#0000 25%),linear-gradient(-45deg,#e5e5e5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e5e5 75%),linear-gradient(-45deg,#0000 75%,#e5e5e5 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}:root{--green-btn:#10b981}.hero{text-align:center;background:linear-gradient(135deg,#fff0f8 0%,#e0f2fe 100%);flex-direction:column;align-items:center;padding:20px 20px 80px;display:flex}.hero-text h1{margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.upload-card{background:#fff;border-radius:40px;width:90%;max-width:1000px;margin:0 auto;padding:40px;box-shadow:0 20px 40px #00000014}.responsive-layout{text-align:left;align-items:flex-start;gap:40px;width:100%;display:flex}.layout-left{flex:1.2;padding-left:10px}.layout-right{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:24px;flex:.8;justify-content:center;align-items:center;min-height:300px;display:flex}.form-stack{flex-direction:column;gap:15px;width:100%;display:flex}.search-form{gap:10px;margin-bottom:20px;display:flex}.url-input{border:2px solid #e5e7eb;border-radius:99px;outline:none;width:100%;padding:14px 20px;font-family:inherit;transition:border-color .3s}.url-input:focus{border-color:var(--pink-btn)}.product-card{text-align:center;width:100%;padding:20px}.sku-tag{color:var(--text-gray);background:#f3f4f6;border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:700}.name{color:var(--text-dark);margin:10px 0 20px;font-size:1.2rem;font-weight:800}.stock-circle{border:2px solid var(--pink-btn);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;box-shadow:0 8px 15px #f472b61a}.stock-val{color:var(--pink-btn);font-size:2.2rem;font-weight:900;line-height:1}.stock-unit{color:var(--text-gray);font-size:.8rem;font-weight:700}.sync-info{color:var(--green-btn);justify-content:center;align-items:center;gap:5px;margin-top:15px;font-size:.75rem;font-weight:700;display:flex}.dot{background:var(--green-btn);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;display:inline-block}.btn-3d{cursor:pointer;text-align:center;background:#fff;border:2px solid #111827;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .1s;box-shadow:4px 4px #111827}.btn-3d.pink{background:var(--pink-btn);color:#fff;border-color:#be185d;box-shadow:4px 4px #be185d}.btn-3d.blue{background:var(--blue-btn);color:#fff;border-color:#1e3a8a;box-shadow:4px 4px #1e3a8a}.btn-3d.green{background:var(--green-btn);color:#fff;border-color:#047857;box-shadow:4px 4px #047857}.btn-3d.outline{color:var(--text-dark);background:#fff;border-color:#d1d5db;box-shadow:4px 4px #d1d5db}.btn-3d:not(:disabled):active{transform:translate(4px,4px);box-shadow:0 0 #0000}.btn-wrapper{display:inline-block}.btn-3d:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:2px 2px #00000080}.w-full{width:100%}.btn-small{padding:8px 16px;font-size:.85rem}.btn-master{color:#854d0e;cursor:pointer;background:#fffbeb;border:2px solid #ca8a04;border-radius:12px;width:100%;margin-top:20px;padding:12px;font-weight:800}.mode-toggle{gap:8px;margin-bottom:12px;display:flex}.mode-toggle label{text-align:center;cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;flex:1;padding:8px;font-size:.85rem;font-weight:700}.mode-toggle label.active{border-color:var(--pink-btn);color:var(--pink-btn);background:#fdf2f8}.placeholder-icon{color:#d1d5db;font-size:3rem}.preview-media{border-radius:12px;max-width:100%;max-height:250px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:20px;width:90%;max-width:400px;padding:30px}.modal-input{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-family:inherit;font-size:.9rem}.sub-text{color:var(--text-gray);margin-bottom:20px;font-size:.85rem;line-height:1.4}.input-label{color:var(--text-dark);text-align:left;margin-bottom:5px;font-size:.85rem;font-weight:700;display:block}.btn-group-modal{gap:10px;margin-top:15px;display:flex}.table-container{text-align:left;border-top:2px dashed #e5e7eb;margin-top:40px;padding-top:30px}.table-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.table-header-flex h3{color:var(--text-dark);margin:0;font-size:1.5rem;font-weight:800}.table-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-search-input{color:var(--text-dark);border:2px solid #e5e7eb;border-radius:8px;outline:none;min-width:180px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:500;transition:border-color .2s}.table-search-input:focus{border-color:var(--pink-btn)}.select-dropdown{cursor:pointer;color:var(--text-dark);border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem;font-weight:700}.select-dropdown:focus{border-color:var(--pink-btn)}.table-wrapper{-ms-overflow-style:none;scrollbar-width:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:550px;overflow:auto}.table-wrapper::-webkit-scrollbar{display:none}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table th,.data-table td{border-bottom:1px solid #f3f4f6;padding:8px 12px;font-size:.75rem}.login-alert{color:var(--text-gray);margin-top:10px;font-size:.9rem;font-weight:700}.login-link{color:var(--pink-btn);cursor:pointer;text-decoration:underline;transition:opacity .2s}.login-link:hover{opacity:.8}.data-table th{z-index:10;color:var(--text-gray);text-transform:uppercase;background:#f9fafb;font-size:.65rem;font-weight:800;position:sticky;top:0;box-shadow:0 1px #f3f4f6}.data-table tr:hover{background:#fdf2f8}.empty-td{text-align:center;color:var(--text-gray);padding:30px;font-weight:700}.font-mono{font-family:monospace;font-size:.75rem}.text-blue{color:var(--blue-btn);font-weight:700}.font-bold{font-weight:700}.text-dark{color:var(--text-dark)}.stock-badge{font-size:.75rem;font-weight:800}.stock-badge.safe{color:#16a34a}.stock-badge.danger{color:#dc2626}.user-badge{color:#4b5563;font-size:.75rem;font-weight:600}.pagination-bar{justify-content:space-between;align-items:center;margin-top:15px;padding:5px 0;display:flex}.page-info{color:var(--text-gray);font-size:.85rem;font-weight:700}.page-btn{cursor:pointer;background:#fff;border:2px solid #111827;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .1s;box-shadow:2px 2px #111827}.page-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.page-btn:not(:disabled):active{transform:translate(2px,2px);box-shadow:0 0 #111827}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar-bg{background:#e5e7eb;border-radius:10px;width:100%;height:8px;margin-top:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--pink-btn) 0%, var(--blue-btn) 100%);border-radius:10px;width:0%;height:100%;transition:width .3s}.dropzone{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:all .3s;display:flex}.dropzone:hover{border-color:var(--pink-btn);background:#fdf2f8}.dropzone.drag-active{border-color:var(--pink-btn);background:#fdf2f8;transform:scale(1.02)}.image-box{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.image-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.image-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.fixed-image{object-fit:contain;background:#fff;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:400px}.video-box{position:relative}.error-msg{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:15px;padding:12px 16px;font-size:.9rem;font-weight:600}.sub{color:var(--text-gray);margin-bottom:15px;font-size:.9rem;line-height:1.4}.compress-card{padding:40px 60px}.upload-section{flex-direction:column;align-items:center;gap:30px;display:flex}.upload-area{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:100%;min-height:220px;padding:30px 20px;transition:all .3s;display:flex}.upload-area:hover{border-color:var(--pink-btn);background:#fdf2f8}.upload-area.drag-active{border-color:var(--pink-btn);background:#fdf2f8;border-width:3px;transform:scale(1.02)}.upload-icon{color:var(--pink-btn);font-size:4rem;font-weight:800;line-height:1}.upload-button{color:#fff;background-color:var(--pink-btn);cursor:pointer;border:2px solid #be185d;border-radius:12px;padding:14px 40px;font-size:1rem;font-weight:700;transition:all .1s;display:inline-block;box-shadow:4px 4px #be185d}.upload-button:hover{transform:translateY(-2px);box-shadow:4px 4px #be185d}.upload-button:active{transform:translate(4px,4px);box-shadow:0 0 #be185d}.upload-text{color:var(--text-dark);margin:10px 0 5px;font-size:.95rem;font-weight:600}.upload-formats{color:var(--text-gray);margin:0;font-size:.85rem}.settings-section{justify-content:center;width:100%;max-width:600px;display:flex}.settings-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:20px;width:100%;padding:30px}.settings-box h3{color:var(--text-dark);margin:0 0 20px;font-size:1.1rem;font-weight:700}.settings-label{color:var(--text-dark);margin:0 0 20px;font-size:1rem;font-weight:700}.btn-group-settings{flex-direction:column;gap:12px;width:100%;display:flex}.btn-group-settings .btn-3d{width:100%}.progress-container{flex-direction:column;gap:8px;margin-top:15px;display:flex}.loading-section{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:500px;padding:40px 20px;display:flex}.loading-spinner{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.spinner-circle{border:4px solid #e5e7eb;border-top-color:var(--pink-btn);border-radius:50%;width:70px;height:70px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.progress-percentage{color:var(--pink-btn);text-align:center;margin:0;font-size:.9rem;font-weight:700}.result-section{flex-direction:column;gap:30px;width:100%;display:flex}.comparison-container{grid-template-columns:1fr 1fr;gap:30px;width:100%;display:grid}.comparison-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.panel-label{color:var(--text-dark);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700}.image-wrapper{aspect-ratio:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.comparison-image{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.action-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn-download,.btn-compress-again,.btn-compress,.btn-cancel{cursor:pointer;border:none;border-radius:999px;padding:14px 40px;font-size:1rem;font-weight:700;transition:all .2s}.btn-download{background-color:var(--pink-btn);color:#fff;box-shadow:0 4px 15px #f500a24d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f500a266}.btn-download:active{transform:translateY(0)}.btn-compress-again{background-color:var(--blue-btn);color:#fff;box-shadow:0 4px 15px #3b82f64d}.btn-compress-again:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-compress-again:active{transform:translateY(0)}.btn-compress{background-color:var(--pink-btn);color:#fff;width:100%;margin-top:10px;box-shadow:0 4px 15px #f500a24d}.btn-compress:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f500a266}.btn-compress:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{width:100%;color:var(--text-dark);background-color:#e5e7eb;margin-top:10px}.btn-cancel:hover:not(:disabled){background-color:#d1d5db;transform:translateY(-2px)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.responsive-layout{flex-direction:column;gap:20px}.layout-left{width:100%;padding-left:0}.layout-right{order:-1;width:100%;min-height:250px}.upload-card{border-radius:25px;width:95%;padding:25px}.hero-text h1{font-size:2rem}.table-header-flex{flex-direction:column;align-items:flex-start}.table-controls{justify-content:flex-start;width:100%}.fixed-image{max-height:300px}.compress-card{padding:30px 20px}.upload-area{padding:40px 20px}.upload-icon{font-size:3rem}.comparison-container{grid-template-columns:1fr;gap:20px}.image-wrapper{aspect-ratio:auto;max-height:300px}.action-buttons{flex-direction:column}.btn-download,.btn-compress-again,.btn-compress,.btn-cancel{width:100%}}.remove-bg-card.svelte-a4ue92{width:95%;max-width:950px;margin:0 auto}.upload-area.svelte-a4ue92{text-align:center;background:0 0;border:2px dashed #4b5563;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:180px;padding:25px 20px;transition:all .3s;display:flex}.upload-area.drag-active.svelte-a4ue92{border-color:var(--pink-btn);background:#f472b60d}.upload-button.svelte-a4ue92{cursor:pointer;align-items:center;gap:10px;margin-bottom:15px;display:inline-flex}.plus-icon.svelte-a4ue92{color:var(--pink-btn);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.1rem;font-weight:900;display:flex}.upload-hint-text.svelte-a4ue92 p:where(.svelte-a4ue92){color:var(--text-gray,#9ca3af);margin:10px 0;font-size:.85rem}.upload-hint-text.svelte-a4ue92 .terms:where(.svelte-a4ue92){margin-top:20px;font-size:.75rem}.upload-hint-text.svelte-a4ue92 strong:where(.svelte-a4ue92){color:var(--text-dark,#f3f4f6);cursor:pointer}.comparison-container.svelte-a4ue92{justify-content:center;align-items:flex-start;gap:20px;width:100%;display:flex}.comparison-panel.svelte-a4ue92{flex-direction:column;flex:1;align-items:center;width:50%;display:flex}.panel-label.svelte-a4ue92{color:var(--text-dark,#374151);margin-bottom:10px;font-size:1rem;font-weight:800}.image-wrapper.svelte-a4ue92{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;overflow:hidden}.comparison-image.svelte-a4ue92{object-fit:contain;max-width:100%;max-height:100%}.checkerboard-bg.svelte-a4ue92{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.spinner-circle.svelte-a4ue92{border:5px solid #f3f3f3;border-top:5px solid var(--pink-btn);border-radius:50%;width:50px;height:50px;animation:1s linear infinite svelte-a4ue92-spin}@keyframes svelte-a4ue92-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.comparison-container.svelte-a4ue92{flex-direction:column}.comparison-panel.svelte-a4ue92{width:100%}.action-buttons.svelte-a4ue92{flex-direction:column;width:100%}.action-buttons.svelte-a4ue92 button:where(.svelte-a4ue92){width:100%}}.remove-bg-card.svelte-1pndk9i{width:100%;max-width:950px;margin:0 auto}.upload-button.svelte-1pndk9i{cursor:pointer;align-items:center;gap:10px;margin-bottom:15px;display:inline-flex}.upload-area.svelte-1pndk9i{background:0 0!important}.plus-icon.svelte-1pndk9i{color:var(--pink-btn);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.1rem;font-weight:900;display:flex}.upload-hint-text.svelte-1pndk9i p:where(.svelte-1pndk9i){color:var(--text-gray,#9ca3af);margin:10px 0;font-size:.85rem}.upload-hint-text.svelte-1pndk9i .terms:where(.svelte-1pndk9i){margin-top:20px;font-size:.75rem}.upload-hint-text.svelte-1pndk9i strong:where(.svelte-1pndk9i){color:var(--text-dark,#f3f4f6);cursor:pointer}.settings-container.svelte-1pndk9i{flex-direction:column;align-items:center;width:100%;display:flex}.preview-mini.svelte-1pndk9i{border-radius:8px;max-height:120px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.input-group.svelte-1pndk9i{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:300px;display:flex}.input-group.svelte-1pndk9i label:where(.svelte-1pndk9i){color:var(--text-dark);font-size:.85rem;font-weight:700}.kb-input.svelte-1pndk9i{width:100%;color:var(--text-dark);border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:1rem;font-weight:700;transition:border-color .2s}.kb-input.svelte-1pndk9i:focus{border-color:var(--pink-btn)}.comparison-container.svelte-1pndk9i{justify-content:center;align-items:flex-start;gap:20px;width:100%;display:flex}.comparison-panel.svelte-1pndk9i{flex-direction:column;flex:1;align-items:center;width:50%;display:flex}.panel-label.svelte-1pndk9i{color:var(--text-dark,#374151);margin-bottom:10px;font-size:1rem;font-weight:800}.image-wrapper.svelte-1pndk9i{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;overflow:hidden}.comparison-image.svelte-1pndk9i{object-fit:contain;max-width:100%;max-height:100%}.spinner-circle.svelte-1pndk9i{border:5px solid #f3f3f3;border-top:5px solid var(--pink-btn);border-radius:50%;width:50px;height:50px;animation:1s linear infinite svelte-1pndk9i-spin}@keyframes svelte-1pndk9i-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.comparison-container.svelte-1pndk9i{flex-direction:column}.comparison-panel.svelte-1pndk9i{width:100%}.action-buttons.svelte-1pndk9i{flex-direction:column;width:100%}.action-buttons.svelte-1pndk9i button:where(.svelte-1pndk9i){width:100%}}.remove-bg-card.svelte-15ubrkc{width:100%;max-width:950px;margin:0 auto}.upload-area.svelte-15ubrkc{border:2px dashed #4b5563;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;padding:20px;transition:border-color .3s;display:flex;position:relative;overflow:hidden;background:0 0!important}.upload-area.drag-active.svelte-15ubrkc{border-color:var(--pink-btn);background:#f472b60d!important}.state-container.svelte-15ubrkc{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.btn-3d.svelte-15ubrkc{border-width:2px!important;padding:8px 20px!important;font-size:.85rem!important}.upload-button.svelte-15ubrkc{cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;display:inline-flex}.plus-icon.svelte-15ubrkc{color:var(--pink-btn);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.9rem;font-weight:900;display:flex}.upload-hint-text.svelte-15ubrkc p:where(.svelte-15ubrkc){color:var(--text-gray,#9ca3af);margin:4px 0;font-size:.8rem}.upload-hint-text.svelte-15ubrkc .terms:where(.svelte-15ubrkc){margin-top:8px;font-size:.7rem}.upload-hint-text.svelte-15ubrkc strong:where(.svelte-15ubrkc){color:var(--text-dark,#f3f4f6);cursor:pointer}.settings-split.svelte-15ubrkc{align-items:center;gap:20px;width:100%;height:100%;display:flex}.settings-left.svelte-15ubrkc{text-align:left;flex-direction:column;flex:1;justify-content:center;height:100%;padding-right:10px;display:flex}.filename-text.svelte-15ubrkc{color:var(--pink-btn);word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:-webkit-box;overflow:hidden}.settings-right.svelte-15ubrkc{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.pdf-logo-wrapper.svelte-15ubrkc{color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pdf-icon-svg.svelte-15ubrkc{width:80px;height:80px;color:var(--pink-btn);filter:drop-shadow(0 5px 10px #f500a226)}.pdf-text-badge.svelte-15ubrkc{background:var(--pink-btn);color:#fff;letter-spacing:1px;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:800;position:absolute;bottom:10px}.input-group.svelte-15ubrkc{flex-direction:column;gap:6px;width:100%;margin-bottom:10px;display:flex}.input-group.svelte-15ubrkc label:where(.svelte-15ubrkc){color:var(--text-dark);font-size:.8rem;font-weight:700}.kb-input.svelte-15ubrkc{width:100%;color:var(--text-dark);border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.9rem;font-weight:700;transition:border-color .2s}.kb-input.svelte-15ubrkc:focus{border-color:var(--pink-btn)}.action-buttons-stacked.svelte-15ubrkc{flex-direction:column;gap:6px;width:100%;display:flex}.spinner-circle.svelte-15ubrkc{border:4px solid #f3f3f3;border-top:4px solid var(--pink-btn);border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-15ubrkc-spin}@keyframes svelte-15ubrkc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-label.svelte-15ubrkc{color:var(--text-dark,#374151);margin:0;font-size:.85rem;font-weight:800}.result-center.svelte-15ubrkc{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.result-preview-wrapper.svelte-15ubrkc{justify-content:center;align-items:center;display:flex}.success-logo.svelte-15ubrkc .pdf-icon-svg:where(.svelte-15ubrkc){color:var(--green-btn);filter:drop-shadow(0 5px 10px #10b98126)}.action-buttons-inline.svelte-15ubrkc{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}.w-full.svelte-15ubrkc{width:100%}@media (width<=768px){.upload-area.svelte-15ubrkc{height:auto;min-height:250px;padding:20px}.settings-split.svelte-15ubrkc{flex-direction:column-reverse;gap:15px}.settings-right.svelte-15ubrkc{height:auto;padding-bottom:10px}.action-buttons-inline.svelte-15ubrkc{flex-direction:column;width:100%}.action-buttons-inline.svelte-15ubrkc button:where(.svelte-15ubrkc){width:100%}}.site-header.svelte-zne36e{z-index:100;background:#fff;border-bottom:1px solid #eaeaea;position:sticky;top:0;box-shadow:0 4px 15px #00000008}.header-top.svelte-zne36e{justify-content:space-between;align-items:center;gap:20px;padding:15px 40px;display:flex}.logo-search-container.svelte-zne36e{flex-grow:1;align-items:center;gap:20px;display:flex}.logo.svelte-zne36e{color:#f472b6;letter-spacing:-1px;white-space:nowrap;font-size:1.8rem;font-weight:800}.logo.svelte-zne36e span:where(.svelte-zne36e){color:#111827}.search-bar.svelte-zne36e{border:1px solid #ccc;border-radius:99px;align-items:center;width:100%;max-width:300px;padding:8px 16px;display:flex}.search-bar.svelte-zne36e input:where(.svelte-zne36e){border:none;outline:none;width:100%;font-family:inherit}.header-actions.svelte-zne36e{align-items:center;display:flex}.desktop-actions.svelte-zne36e{align-items:center;gap:20px;font-size:.9rem;font-weight:600;display:flex}.hamburger.svelte-zne36e{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;gap:4px;padding:5px;display:none}.hamburger.svelte-zne36e span:where(.svelte-zne36e){background:#111827;border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):first-child{transform:translateY(6px)rotate(45deg)}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):nth-child(2){opacity:0}.hamburger.svelte-zne36e span.open:where(.svelte-zne36e):nth-child(3){transform:translateY(-6px)rotate(-45deg)}.main-nav.svelte-zne36e{color:#6b7280;border-top:1px solid #eaeaea;gap:30px;padding:15px 40px;font-weight:600;display:flex}.main-nav.svelte-zne36e button:where(.svelte-zne36e){cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;font-size:1rem;transition:all .2s}.main-nav.svelte-zne36e button.active:where(.svelte-zne36e){color:#111827;border-bottom:2px solid #111827;padding-bottom:5px}.mobile-menu.svelte-zne36e{background:#fff;border-top:1px solid #eaeaea;padding:15px 25px;box-shadow:0 10px 15px #0000000d}.mobile-nav.svelte-zne36e{flex-direction:column;gap:5px;display:flex}.mobile-nav.svelte-zne36e button:where(.svelte-zne36e){text-align:left;color:#6b7280;background:0 0;border:none;padding:12px 0;font-size:1rem;font-weight:700;transition:color .2s}.mobile-nav.svelte-zne36e button.active:where(.svelte-zne36e){color:#f472b6}hr.svelte-zne36e{border:none;border-top:1px solid #eee;margin:10px 0}.mobile-user-info.svelte-zne36e{flex-direction:column;align-items:flex-start;gap:15px;padding-top:5px;display:flex}.mobile-nav.svelte-zne36e .header-btn:where(.svelte-zne36e){box-sizing:border-box;text-align:center;width:100%;margin-top:5px;padding:12px;font-size:.95rem}@media (width<=768px){.header-top.svelte-zne36e{gap:10px;padding:10px 20px}.logo.svelte-zne36e{font-size:1.4rem}.search-bar.svelte-zne36e{max-width:140px;padding:5px 12px}.search-bar.svelte-zne36e input:where(.svelte-zne36e){font-size:.85rem}.desktop-actions.svelte-zne36e,.desktop-nav.svelte-zne36e{display:none}.hamburger.svelte-zne36e{display:flex}}.header-btn.svelte-zne36e{cursor:pointer;background:#fff;border:2px solid #111827;border-radius:99px;padding:8px 16px;font-weight:700;box-shadow:2px 2px #111827}.header-btn.login.svelte-zne36e{color:#fff;background:#f472b6;border-color:#be185d;box-shadow:2px 2px #be185d}.header-btn.logout.svelte-zne36e{color:#dc2626;box-shadow:none;background:#f3f4f6;border-color:#fca5a5}.role-tag.svelte-zne36e{text-transform:uppercase;text-align:center;border-radius:99px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:800}.role-tag.superadmin.svelte-zne36e{color:#854d0e;background:#fef08a}.role-tag.gudang.svelte-zne36e{color:#1e40af;background:#dbeafe}.w-full.svelte-zne36e{width:100%}.modal-overlay.svelte-zne36e{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#11182799;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box.svelte-zne36e{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:40px 30px;position:relative}.close-btn.svelte-zne36e{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:1.8rem;position:absolute;top:15px;right:20px}.modal-input.svelte-zne36e{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:15px;padding:15px 20px}.btn-3d.svelte-zne36e{cursor:pointer;border:2px solid #111827;border-radius:12px;padding:14px 24px;font-weight:700;box-shadow:4px 4px #111827}.btn-3d.pink.svelte-zne36e{color:#fff;background:#f472b6;border-color:#be185d;box-shadow:4px 4px #be185d}@media (width<=768px){.header-top.svelte-zne36e{padding:15px 20px}.logo.svelte-zne36e{font-size:1.4rem}.search-bar.svelte-zne36e{max-width:160px;padding:6px 12px}.desktop-actions.svelte-zne36e,.desktop-nav.svelte-zne36e{display:none}.hamburger.svelte-zne36e{display:flex}}.container.svelte-9sff3o{max-width:1200px;margin:0 auto;padding:0 20px}.site-footer.svelte-9sff3o{color:#fff;background:#111827;padding-top:60px}.footer-content.svelte-9sff3o{flex-wrap:wrap;justify-content:space-between;gap:40px;padding-bottom:60px;display:flex}.footer-brand.svelte-9sff3o h2:where(.svelte-9sff3o){color:#f472b6;margin:0 0 10px;font-size:2rem}.footer-brand.svelte-9sff3o span:where(.svelte-9sff3o){color:#fff}.footer-brand.svelte-9sff3o p:where(.svelte-9sff3o){color:#9ca3af}.footer-links.svelte-9sff3o{gap:80px;display:flex}.link-col.svelte-9sff3o h4:where(.svelte-9sff3o){margin-bottom:20px;font-size:1.1rem}.link-col.svelte-9sff3o p:where(.svelte-9sff3o){color:#9ca3af;cursor:pointer;margin-bottom:10px;transition:color .2s}.link-col.svelte-9sff3o p:where(.svelte-9sff3o):hover{color:#fff}.footer-bottom.svelte-9sff3o{text-align:center;color:#9ca3af;border-top:1px solid #374151;padding:20px;font-size:.9rem}@media (width<=768px){.footer-content.svelte-9sff3o{text-align:center;flex-direction:column}.footer-links.svelte-9sff3o{flex-wrap:wrap;justify-content:center;gap:40px}}