:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-app:#fff;--bg-card:#fff;--bg-input:#f8fafc;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-muted:#64748b;--text-accent:#2563eb;--text-accent-hover:#1d4ed8;--border-subtle:#0f172a0a;--border-medium:#0f172a14;--border-focus:#2563eb;--shadow-sm:0 1px 2px 0 #0f172a05;--shadow-md:0 4px 16px -2px #0f172a0a, 0 2px 4px -1px #0f172a05;--shadow-lg:0 16px 24px -4px #0f172a08, 0 6px 12px -2px #0f172a05;--shadow-premium:0 24px 48px -12px #0f172a0f, 0 1px 2px #0f172a05;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition-fast:.1s cubic-bezier(.16, 1, .3, 1);--transition-normal:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--shadow-3d-flat:0 1px 2px #0f172a05;--shadow-3d-raised:0 4px 20px -2px #0f172a08, 0 1px 3px #0f172a03;--shadow-3d-raised-hover:0 12px 30px -4px #0f172a0f, 0 1px 3px #0f172a05;--shadow-3d-inset:inset 0 1px 3px #0f172a05;--shadow-3d-btn:0 1px 2px 0 #0f172a0a;--shadow-3d-btn-hover:0 3px 8px 0 #0f172a0f;--shadow-3d-btn-active:0 1px 1px 0 #0f172a05;--border:var(--border-medium);--bg:var(--bg-hover);--surface:var(--bg-card);--text-secondary:var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.ambient-grid-overlay{background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);pointer-events:none;z-index:0;opacity:.55;background-size:24px 24px;position:fixed;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseBorder{0%{border-color:#2563eb14}50%{border-color:#2563eb4d}to{border-color:#2563eb14}}@keyframes progressPulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) forwards}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{width:100%;max-width:1120px;transition:max-width var(--transition-normal);z-index:2;flex:1;margin:0 auto;padding:1.75rem 1.5rem 3.5rem;position:relative}@media (width<=768px){.main-content{padding:1rem .75rem 2rem}}.main-content.compressor-page-active{max-width:1320px}h1{letter-spacing:-.025em;color:var(--text-primary);font-size:2.15rem;font-weight:600;line-height:1.2}h2{letter-spacing:-.02em;color:var(--text-primary);font-size:1.45rem;font-weight:600}p{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#1c191729}input[type=range]{appearance:none;background:var(--bg-hover);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--border-medium);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 2px 4px #1c191714}input[type=range]::-webkit-slider-thumb:hover{border-color:#1c191733;transform:scale(1.08);box-shadow:0 3px 6px #1c19171a}input[type=range]::-webkit-slider-thumb:active{transform:scale(.96);box-shadow:0 1px 2px #1c191714}input[type=range]::-moz-range-thumb{border:1px solid var(--border-medium);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:50%;box-shadow:0 2px 4px #1c191714}input[type=range]::-moz-range-thumb:hover{border-color:#1c191733;transform:scale(1.08);box-shadow:0 3px 6px #1c19171a}input[type=range]::-moz-range-thumb:active{transform:scale(.96);box-shadow:0 1px 2px #1c191714}.btn{border-radius:var(--radius-md);border:1px solid var(--border-medium);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary);box-shadow:var(--shadow-3d-btn)}.btn-primary:hover{box-shadow:var(--shadow-3d-btn-hover);background:#2e2a25;border-color:#2e2a25;transform:translateY(-.5px)}.btn-primary:active{box-shadow:var(--shadow-3d-btn-active);transform:translateY(.5px)}.btn-secondary{color:var(--text-primary);border-color:var(--border-medium);box-shadow:var(--shadow-3d-btn);background:#fff}.btn-secondary:hover{background:var(--bg-hover);box-shadow:var(--shadow-3d-btn-hover);border-color:#1c191726;transform:translateY(-.5px)}.btn-secondary:active{box-shadow:var(--shadow-3d-btn-active);transform:translateY(.5px)}.btn-accent{background:var(--text-accent);color:#fff;border-color:var(--text-accent);box-shadow:var(--shadow-3d-btn)}.btn-accent:hover{background:var(--text-accent-hover);border-color:var(--text-accent-hover);box-shadow:var(--shadow-3d-btn-hover);transform:translateY(-.5px)}.btn-accent:active{box-shadow:var(--shadow-3d-btn-active);transform:translateY(.5px)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding:.5rem .75rem}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);z-index:40;align-items:center;height:64px;padding:0 5px;display:flex;position:sticky;top:0;overflow:visible}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1120px;margin:0 auto;display:flex}.brand{letter-spacing:-.025em;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:600;display:flex}.brand-accent{color:var(--text-accent)}.brand-logo{object-fit:contain;width:auto;height:45px}.navbar-controls-mobile{align-items:center;gap:.25rem;display:none}.nav-search-mobile-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.45rem;display:flex}.nav-search-mobile-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-search-trigger-btn{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);outline:none;align-items:center;gap:.5rem;margin-left:.4rem;padding:.35rem .65rem;font-family:inherit;font-size:.775rem;display:inline-flex}.nav-search-trigger-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:#1c19172e}.nav-search-kbd{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:4px;padding:.05rem .25rem;font-size:.625rem;font-weight:600}.compressor-workspace{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.compressor-workspace:hover{box-shadow:var(--shadow-lg)}.dropzone{border:1.5px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;background:var(--bg-input);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--text-accent);background:#2563eb03}.dropzone.drag-active{border-color:var(--text-accent);background:#2563eb08;transform:scale(.995)}.dropzone-icon-container{background:var(--bg-card);border:1px solid var(--border-medium);width:52px;height:52px;box-shadow:var(--shadow-sm);color:var(--text-accent);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.dropzone:hover .dropzone-icon-container{border-color:var(--text-accent);color:var(--text-accent-hover);transform:translateY(-2px)scale(1.04)}.dropzone-title{color:var(--text-primary);margin-bottom:.2rem;font-size:1.025rem;font-weight:600}.dropzone-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem}.control-panel{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);grid-template-columns:1fr;gap:1.25rem;padding:1.5rem;display:grid}.control-panel:hover{box-shadow:var(--shadow-lg)}@media (width>=768px){.control-panel{grid-template-columns:1.5fr 1fr;gap:2rem}}.slider-group{flex-direction:column;gap:.6rem;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-label{color:var(--text-primary);font-size:.825rem;font-weight:600}.slider-value{color:var(--text-accent);background:#2563eb0d;border-radius:4px;padding:.1rem .45rem;font-size:.825rem;font-weight:700}.option-group{flex-direction:column;gap:.6rem;display:flex}.options-title{color:var(--text-primary);font-size:.825rem;font-weight:600}.options-row{gap:.4rem;display:flex}.format-pill{border:1px solid var(--border-medium);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex:1;padding:.5rem;font-size:.825rem;font-weight:500}.format-pill:hover{background:var(--bg-hover);color:var(--text-primary)}.format-pill.active{border-color:var(--text-accent);color:var(--text-accent);background:#2563eb0a;font-weight:600}.results-container{flex-direction:column;gap:.85rem;margin-bottom:3rem;display:flex}.results-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.queue-list{flex-direction:column;gap:.65rem;display:flex}.queue-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;gap:.85rem;padding:.85rem 1.15rem;display:flex;position:relative}.queue-card:hover{box-shadow:var(--shadow-md)}@media (width>=640px){.queue-card{flex-direction:row;justify-content:space-between;align-items:center;gap:1.25rem}}.file-info{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.preview-thumb-container{border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.preview-thumb{object-fit:cover;width:100%;height:100%}.file-meta{flex:1;min-width:0}.file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:600;overflow:hidden}.file-sizes{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.1rem;font-size:.725rem;display:flex}.size-arrow{color:var(--text-muted);opacity:.6}.size-compressed{color:var(--text-primary);font-weight:600}.progress-bar-container{flex-direction:column;flex:1;gap:.25rem;min-width:120px;display:flex}.progress-label{color:var(--text-muted);justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.progress-track{background:var(--bg-hover);border-radius:9999px;height:4px;overflow:hidden}.progress-fill{background:var(--text-accent);width:0%;height:100%;transition:width var(--transition-fast);border-radius:9999px}.progress-fill.active{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:1rem 1rem;animation:1s linear infinite progressPulse}.stats-and-actions{flex-shrink:0;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}@media (width<=639px){.stats-and-actions{border-top:1px solid var(--border-subtle);margin-top:-.25rem;padding-top:.75rem}}.savings-badge{color:#15803d;background:#22c55e14;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.savings-badge.neutral{background:var(--bg-hover);color:var(--text-muted)}.card-actions{align-items:center;gap:.5rem;display:flex}.queue-footer{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;margin-top:.5rem;padding:1.25rem 1.5rem;display:flex}@media (width>=768px){.queue-footer{flex-direction:row;justify-content:space-between;align-items:center}}.footer-stats{flex-direction:column;gap:.15rem;display:flex}.footer-stats-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.footer-stats-val{color:var(--text-primary);font-size:1.15rem;font-weight:700}.footer-stats-saving{color:#16a34a;font-weight:600}.footer-actions{gap:.75rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:50;animation:fadeIn var(--transition-normal) forwards;background:#1c191799;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:100%;max-width:960px;max-height:90vh;animation:fadeInUp var(--transition-normal) forwards;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-group{flex-direction:column;display:flex}.modal-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.modal-subtitle{color:var(--text-muted);font-size:.75rem}.modal-body{background:var(--bg-app);flex:1;justify-content:center;align-items:center;min-height:350px;max-height:calc(90vh - 140px);padding:1.5rem;display:flex;position:relative;overflow:hidden}.comparison-container{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;height:100%;max-height:500px;box-shadow:var(--shadow-md);border:1px solid var(--border-medium);-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#00000008 0% 25%,#0000 0% 50%) 50%/16px 16px;position:relative;overflow:hidden}@media (width<=640px){.comparison-container{aspect-ratio:4/3}}.comparison-image{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.image-original{z-index:10}.image-compressed{z-index:20}.slider-handle-line{background:var(--bg-card);z-index:30;pointer-events:none;cursor:ew-resize;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #0000004d,0 0 0 1px #1c19171a}.slider-handle-circle{background:var(--bg-card);border:1px solid var(--border-medium);width:38px;height:38px;box-shadow:var(--shadow-md), 0 0 0 4px #fff6;color:var(--text-primary);cursor:ew-resize;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-container:hover .slider-handle-circle{box-shadow:var(--shadow-lg), 0 0 0 6px #ffffff80;transform:translate(-50%,-50%)scale(1.05)}.comparison-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:25;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#1c1917d9;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;position:absolute;bottom:12px}.label-original{left:12px}.label-compressed{right:12px}.slider-input-overlay{opacity:0;z-index:35;cursor:ew-resize;width:100%;height:100%;position:absolute;top:0;left:0}.toast-container{z-index:100;flex-direction:column;gap:.75rem;width:calc(100% - 48px);max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--text-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fadeInUp var(--transition-normal) forwards;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex;position:relative}.toast-success{border-left-color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;margin-top:.1rem}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1}.toast-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.toast-desc{color:var(--text-muted);margin-top:.125rem;font-size:.8rem}.toast-close{color:var(--text-muted);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none}.toast-close:hover{opacity:1}.features-section{grid-template-columns:1fr;gap:1.5rem;margin:4rem 0;display:grid}@media (width>=768px){.features-section{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:1.75rem}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon-container{border-radius:var(--radius-sm);background:var(--bg-hover);width:42px;height:42px;color:var(--text-accent);border:1px solid var(--border-subtle);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.feature-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.85rem;line-height:1.45}.faq-section{max-width:768px;margin:0 auto 4rem;padding:0 1rem}.faq-title{text-align:center;margin-bottom:2rem}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);overflow:hidden}.faq-item:hover{border-color:var(--border-medium)}.faq-trigger{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.faq-chevron{color:var(--text-muted);transition:transform var(--transition-normal)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-content-wrapper{max-height:0;transition:max-height var(--transition-normal) ease-in-out;overflow:hidden}.faq-content{color:var(--text-muted);padding:0 1.5rem 1.25rem;font-size:.875rem;line-height:1.6}.cp-faq-subtitle,.pdfm-faq-subtitle,.up-faq-subtitle,.bgr-faq-subtitle,.pcm-faq-subtitle,.dn-faq-subtitle,.cpe-faq-subtitle,.qrg-faq-subtitle,.qg-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:2rem;font-size:.95rem}.skeleton{background:linear-gradient(90deg, var(--bg-hover) 25%, #efeee9 50%, var(--bg-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite progressPulse}.skeleton-text{width:100%;height:1rem}.skeleton-title{width:60%;height:1.25rem}.skeleton-avatar{border-radius:var(--radius-sm);width:48px;height:48px}.footer{background-color:var(--bg-card);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);padding:2rem 1.5rem;font-size:.85rem}.footer-container{flex-direction:column;align-items:center;gap:.75rem;max-width:1120px;margin:0 auto;display:flex}@media (width>=768px){.footer-container{text-align:left;flex-direction:row;justify-content:space-between}}.footer-links{gap:1.5rem;display:flex}.footer-link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.home-hero{text-align:center;animation:fadeIn var(--transition-normal) forwards;margin-top:1.5rem;margin-bottom:3.5rem}.hero-tag{color:var(--text-accent);background:#2563eb0d;border-radius:9999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.home-hero h1{letter-spacing:-.04em;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.home-hero p{max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.search-filter-panel{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;display:flex}@media (width>=768px){.search-filter-panel{flex-direction:row;justify-content:space-between;align-items:center}}.hero-search-wrapper{justify-content:center;width:100%;margin-top:2rem;display:flex}.hero-search-bar{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:640px;height:56px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);align-items:center;display:flex;position:relative}.hero-search-bar:focus-within{border-color:var(--text-accent);box-shadow:0 0 0 4px #6366f11f, var(--shadow-md);transform:translateY(-1px)}.hero-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1.25rem}.hero-search-input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 3.5rem 0 3.25rem;font-family:inherit;font-size:1rem}.hero-search-input::placeholder{color:var(--text-muted);opacity:.75}.hero-search-clear-btn{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;line-height:1;display:flex;position:absolute;right:1.25rem}.hero-search-clear-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.category-section-footer{justify-content:center;width:100%;margin-top:1.5rem;display:flex}.category-view-all-btn{background:var(--bg-card);color:var(--category-theme,var(--text-accent));border:1px solid var(--category-theme,var(--text-accent));border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.category-view-all-btn:hover{background:var(--category-theme,var(--text-accent));color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #6366f11f}.category-view-all-btn:active{transform:translateY(0)}.hero-subtitle-seo{max-width:720px;color:var(--text-muted);margin:0 auto;font-size:1.1rem;line-height:1.6}.categories-row{scrollbar-width:none;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.categories-row::-webkit-scrollbar{display:none}.category-tab{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border-radius:9999px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.category-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.category-tab.active{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary);font-weight:600;box-shadow:0 4px 12px #1c19171f}.categorized-sections{flex-direction:column;gap:4rem;margin-bottom:4rem;display:flex}.category-section{--category-theme:var(--text-accent);flex-direction:column;gap:1.75rem;display:flex}.category-section-header{border-bottom:1px solid var(--border-medium);align-items:flex-start;gap:1.15rem;padding-bottom:1rem;display:flex}.category-section-icon-wrapper{border-radius:var(--radius-md);background:color-mix(in srgb, var(--category-theme) 8%, transparent);width:44px;height:44px;color:var(--category-theme);border:1px solid color-mix(in srgb, var(--category-theme) 15%, transparent);box-shadow:0 4px 10px -4px color-mix(in srgb, var(--category-theme) 20%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-section-text{flex:1}.category-section-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.category-section-title-row h2{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:800}.category-section-badge{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:9999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.category-section-text p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.category-section-header-simple{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.category-section-header-simple h3{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:800}.category-section-count{color:var(--text-muted);font-size:.85rem;font-weight:600}.no-results-state{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);color:var(--text-muted);padding:4rem 2rem;font-weight:500}.tools-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);--card-accent:var(--text-accent);--card-accent-bg:#2563eb14;--card-accent-border:#2563eb26;flex-direction:column;gap:.85rem;height:100%;padding:1.85rem 1.6rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tool-card-header{justify-content:space-between;align-items:center;display:flex}.tool-icon-wrapper{border-radius:var(--radius-md);width:48px;height:48px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.tool-icon-wrapper.active{background:var(--card-accent-bg);color:var(--card-accent);border:1px solid var(--card-accent-border)}.tool-icon-wrapper.disabled{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.tool-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.tool-badge.accent{color:var(--text-accent);background:#2563eb14;border:1px solid #2563eb26}.tool-badge.coming-soon{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.tool-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.tool-desc{color:var(--text-muted);flex:1;margin:0;font-size:.875rem;line-height:1.55}.tool-action-link{color:var(--card-accent);transition:color var(--transition-fast);align-items:center;gap:.35rem;margin-top:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.action-arrow{transition:transform var(--transition-fast)}.active-card{cursor:pointer}.active-card:hover{border-color:var(--card-accent);box-shadow:0 12px 28px -10px var(--card-accent-border), var(--shadow-lg);transform:translateY(-4px)}.active-card:hover .tool-icon-wrapper.active{background:var(--card-accent);color:var(--bg-card);border-color:var(--card-accent)}.active-card:hover .action-arrow{transform:translate(3px)}.disabled-card{opacity:.75}.card-lock-overlay{color:var(--text-muted);opacity:.35;position:absolute;top:1rem;right:1rem}.features-section{border-top:1px solid var(--border-subtle);grid-template-columns:1fr;gap:2rem;padding-top:3.5rem;display:grid}@media (width>=768px){.features-section{grid-template-columns:repeat(3,1fr)}}.feature-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.feature-icon{background:var(--bg-card);border:1px solid var(--border-subtle);width:48px;height:48px;box-shadow:var(--shadow-sm);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.feature-card h4{color:var(--text-primary);font-size:1rem;font-weight:600}.feature-card p{font-size:.85rem;line-height:1.5}.nav-link-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.4rem .65rem;font-family:inherit;font-size:.825rem;font-weight:500;display:inline-flex}.nav-link-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link-btn.active{color:var(--text-accent);background:#2563eb0a;font-weight:600}.nav-links-group{align-items:center;gap:.15rem;display:flex}.nav-dropdown-root{position:relative}.nav-cat-btn{padding:.4rem .6rem}.nav-chevron{color:var(--text-muted);transition:transform var(--transition-fast);margin-left:-.1rem}.nav-chevron.rotated{transform:rotate(180deg)}.nav-cat-btn.open,.nav-cat-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-dropdown{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:200;min-width:220px;padding:.3rem;animation:.14s cubic-bezier(.16,1,.3,1) nav-dropdown-in;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0000000f,0 1px 3px #00000005}@keyframes nav-dropdown-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.55rem;padding:.45rem .65rem;font-family:inherit;font-size:.8rem;font-weight:500;display:flex}.nav-dropdown-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.nav-dropdown-item.active{color:var(--text-accent);background:#2563eb0a;font-weight:600}.nav-dropdown-item.disabled{opacity:.4;cursor:default}.nav-di-icon{color:var(--text-muted);opacity:.8;flex-shrink:0;display:flex}.nav-dropdown-item.active .nav-di-icon,.nav-dropdown-item:hover:not(:disabled) .nav-di-icon{color:var(--text-accent);opacity:1}.nav-di-label{flex:1}.nav-di-badge{letter-spacing:.04em;color:var(--text-muted);background:#1c19170d;border-radius:9999px;padding:.1rem .4rem;font-size:.6rem;font-weight:700}.nav-di-lock{color:var(--text-muted);opacity:.4;flex-shrink:0}.navbar-mobile-btn{cursor:pointer;color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;display:none}.navbar-mobile-btn:hover{background:var(--bg-hover)}@media (width<=768px){.navbar-controls-mobile,.navbar-mobile-btn{display:flex}.nav-links-group{background:var(--bg-card);border-bottom:1px solid var(--border-medium);z-index:100;box-shadow:var(--shadow-lg);flex-direction:column;gap:.15rem;padding:.5rem 1rem 1rem;display:none;position:absolute;top:64px;left:0;right:0}.nav-links-group.mobile-open{display:flex}.nav-link-btn,.nav-cat-btn{justify-content:flex-start;width:100%;padding:.55rem .75rem}.nav-dropdown-root{width:100%}.nav-dropdown{box-shadow:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;margin-top:.25rem;margin-bottom:.25rem;animation:none;position:static;transform:none}.nav-search-trigger-btn{display:none}}.search-palette-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--transition-fast) forwards;background:#1c191729;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.search-palette-modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:100%;max-width:540px;animation:fadeInUp var(--transition-normal) forwards;flex-direction:column;display:flex;overflow:hidden}.search-palette-input-wrapper{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;gap:.65rem;padding:.85rem 1.15rem;display:flex}.search-palette-icon{color:var(--text-muted);opacity:.8}.search-palette-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.925rem;font-weight:500}.search-palette-input::placeholder{color:var(--text-muted);opacity:.65}.search-palette-esc-badge{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);border-radius:4px;padding:.1rem .3rem;font-size:.6rem;font-weight:600}.search-palette-results{background:var(--bg-input);max-height:340px;padding:.4rem;overflow-y:auto}.search-palette-group{margin-bottom:.6rem}.search-palette-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.3rem .65rem;font-size:.65rem;font-weight:600}.search-palette-group-items{flex-direction:column;gap:.1rem;display:flex}.search-palette-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;padding:.5rem .65rem;display:flex}.search-palette-item.active{background:var(--bg-card);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border-subtle)}.search-palette-item-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.search-palette-item-symbol{color:var(--text-muted);opacity:.6;flex-shrink:0}.search-palette-item.active .search-palette-item-symbol{color:var(--text-accent);opacity:1}.search-palette-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.search-palette-item-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.search-palette-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.search-palette-item-action{color:var(--text-accent);background:#2563eb0a;border-radius:4px;align-items:center;gap:.15rem;padding:.1rem .4rem;font-size:.68rem;font-weight:600;display:flex}.search-palette-empty{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.25rem;display:flex}.search-palette-empty-title{color:var(--text-primary);margin-bottom:.1rem;font-size:.825rem;font-weight:600}.search-palette-empty-desc{color:var(--text-muted);font-size:.75rem}.search-palette-footer{border-top:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.5rem 1.15rem;font-size:.68rem;display:flex}.search-palette-keyboard-hints{gap:.65rem;display:flex}.search-palette-hint{align-items:center;gap:.2rem;display:flex}.kbd{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:3px;padding:.05rem .15rem;font-family:inherit;font-weight:600}.search-palette-credit{opacity:.75;align-items:center;gap:.2rem;display:flex}.ad-slot-container{background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1rem;display:flex;overflow:hidden}.ad-slot-container:hover{border-color:var(--text-accent);background:var(--bg-input)}.ad-slot-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.ad-badge{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;background:#1c19170d;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.ad-size-label{color:var(--text-muted);font-size:.65rem;font-weight:500}.ad-slot-body{align-items:flex-start;gap:.75rem;display:flex}.ad-info-icon{color:var(--text-accent);flex-shrink:0;margin-top:.15rem}.ad-slot-text{flex-direction:column;gap:.15rem;display:flex}.ad-slot-title{color:var(--text-primary);font-size:.825rem;font-weight:600}.ad-slot-desc{color:var(--text-muted)!important;font-size:.725rem!important;line-height:1.4!important}.ad-slot-banner{width:100%;max-width:970px;min-height:90px;margin-left:auto;margin-right:auto}.ad-slot-skyscraper{width:100%;min-height:600px;position:sticky;top:92px}.ad-slot-responsive{width:100%;min-height:120px}.workspace-layout-grid{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=1024px){.workspace-layout-grid{grid-template-columns:1fr 360px}}.workspace-main-column,.workspace-sidebar-column{min-width:0}.compressor-workspace{position:relative;overflow:hidden}.compressor-workspace:before{content:"";background:linear-gradient(90deg, var(--text-accent), #4f46e5, var(--text-accent));opacity:.9;height:4px;position:absolute;top:0;left:0;right:0}.slider-wrapper{padding-bottom:.5rem;position:relative}.slider-range-labels{color:var(--text-muted);justify-content:space-between;margin-top:.25rem;padding:0 .15rem;font-size:.7rem;display:flex}.savings-badge-success{color:#166534;background:#22c55e14;border:1px solid #22c55e26}.savings-badge-neutral{color:var(--text-muted);border:1px solid var(--border-subtle);background:#1c19170a}.home-container{background-image:radial-gradient(var(--border-subtle) 1px, transparent 1px);background-size:20px 20px}.compressor-workspace.compact-workspace{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.dropzone.dropzone-compact{border-width:1.5px;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;min-height:auto;padding:1rem 1.5rem}.compact-dropzone-icon{color:var(--text-accent)}.compact-dropzone-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.compact-dropzone-text .browse-link{color:var(--text-accent);font-weight:600;text-decoration:underline}.control-panel.control-panel-compact{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}@media (width>=768px){.control-panel.control-panel-compact{grid-template-columns:1fr;gap:1.25rem}}.ambient-glow-wrapper{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-glow-bubble{filter:blur(130px);opacity:.08;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite alternate float-bubble;position:absolute}.ambient-glow-bubble-1{background:radial-gradient(circle,#2563eb66 0%,#4f46e505 100%);width:500px;height:500px;top:-10%;right:-5%}.ambient-glow-bubble-2{background:radial-gradient(circle,#ec48994d 0%,#8b5cf605 100%);width:600px;height:600px;animation-delay:-5s;bottom:-15%;left:-10%}.ambient-glow-bubble-3{background:radial-gradient(circle,#10b98140 0%,#06b6d405 100%);width:400px;height:400px;animation-delay:-10s;top:40%;right:25%}@keyframes float-bubble{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.upscale-compare-card{background:linear-gradient(135deg, var(--bg-card) 0%, #faf9f6 100%);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-raised);transition:transform var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.upscale-compare-card:hover{box-shadow:var(--shadow-3d-raised-hover);transform:translateY(-2px)}.upscale-compare-header{border-bottom:1px solid var(--border-subtle);background:#1c191703;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.dimension-badge{border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-before{color:var(--text-muted);border:1px solid var(--border-subtle);background:#1c19170a}.badge-before span{color:var(--text-primary);font-weight:700}.badge-after{color:var(--text-accent);background:#2563eb0f;border:1px solid #2563eb1f}.badge-after span{font-weight:700}.comparison-slider-wrapper{min-height:350px;position:relative}.comparison-slider-wrapper .upscale-container{border:none;border-radius:0}.comparison-slider-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);text-align:center;padding:.75rem 1.5rem;font-size:.75rem}.upscaler-loading-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:350px;padding:5rem 2rem;display:flex}.upscaler-loading-overlay p{color:var(--text-primary);font-size:1rem;font-weight:600}.upscaler-loading-overlay span{color:var(--text-muted);font-size:.8rem}.upscaler-spinner{border:4px solid var(--border-subtle);border-top-color:var(--text-accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite upscaler-spin}@keyframes upscaler-spin{to{transform:rotate(360deg)}}.upscaler-split-layout{grid-template-columns:1fr;align-items:start;gap:2rem;margin-bottom:2.5rem;display:grid}@media (width>=900px){.upscaler-split-layout{grid-template-columns:1fr 1fr;gap:3rem}}.usl-left{flex-direction:column;order:2;align-items:flex-start;display:flex}.usl-right{flex-direction:column;order:1;gap:1.25rem;display:flex}@media (width>=900px){.usl-left{order:1}.usl-right{order:2}}.usl-right .compressor-workspace{margin-bottom:0!important}.usl-illus{width:100%;margin-top:1.75rem}.up-eyebrow{color:#7c3aed;letter-spacing:.05em;text-transform:uppercase;background:#7c3aed12;border:1px solid #7c3aed2e;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.32rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.up-hero-title{letter-spacing:-.045em;color:var(--text-primary);margin-bottom:.9rem;font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:800;line-height:1.08}.up-gradient-text{background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.up-hero-desc{color:var(--text-muted);max-width:430px;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.65}.up-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.up-chip{border:1px solid;border-radius:9999px;align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.up-chip-violet{color:#6d28d9;background:#7c3aed0d;border-color:#7c3aed33}.up-chip-rose{color:#9d174d;background:#ec48990d;border-color:#ec489933}.up-chip-teal{color:#065981;background:#0891b20d;border-color:#0891b233}.up-illus-stage{justify-content:flex-start;align-items:center;gap:.85rem;display:flex}.up-illus-card{background:#fff;border-radius:14px;flex-direction:column;flex-shrink:0;width:162px;display:flex;overflow:hidden}.up-illus-before{border:1.5px solid #1c191717;transform:rotate(-3deg);box-shadow:0 18px 36px -8px #1c191721,0 6px 12px -4px #1c191712}.up-illus-after{border:1.5px solid #7c3aed40;transform:rotate(2deg);box-shadow:0 18px 36px -8px #7c3aed2e,0 6px 12px -4px #7c3aed1a}.up-illus-topbar{letter-spacing:.1em;text-transform:uppercase;padding:.32rem .65rem;font-size:.55rem;font-weight:800}.up-topbar-before{color:var(--text-muted);background:#1c191708;border-bottom:1px solid #1c19170f}.up-topbar-after{color:#7c3aed;background:#7c3aed0f;border-bottom:1px solid #7c3aed1a}.up-illus-footer{flex-direction:column;gap:.15rem;padding:.65rem .75rem;display:flex}.up-illus-fname{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.up-illus-dim{letter-spacing:-.02em;font-size:.85rem;font-weight:800}.dim-before{color:var(--text-primary)}.dim-after{color:#7c3aed}.up-illus-connector{flex-direction:column;flex-shrink:0;align-items:center;gap:.55rem;display:flex}.up-illus-arrow{background:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 6px 18px -3px #7c3aed66}.up-scale-badge{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-radius:9999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800;box-shadow:0 4px 10px -2px #7c3aed61}.dropzone.up-dropzone-modern{box-shadow:none;background:linear-gradient(155deg,#f5f3ffa6 0%,#fdf2f880 50%,#f0fdfa80 100%);border:2px dashed #7c3aed47;gap:1rem;min-height:240px;padding:2.5rem 2rem}.dropzone.up-dropzone-modern:hover{background:linear-gradient(155deg,#f5f3ffe6 0%,#fdf2f8cc 50%,#f0fdfabf 100%);border-color:#7c3aed8c;box-shadow:0 0 0 6px #7c3aed0d}.dropzone.up-dropzone-modern.drag-active{background:linear-gradient(155deg,#f5f3fff7 0%,#fdf2f8f7 100%);border-color:#7c3aed;transform:scale(.99);box-shadow:0 0 0 8px #7c3aed14}.up-dz-icon{color:#7c3aed!important;background:linear-gradient(135deg,#7c3aed1a 0%,#ec489914 100%)!important;border:1px solid #7c3aed29!important;width:80px!important;height:80px!important;box-shadow:0 8px 24px -6px #7c3aed2e!important}.up-dz-select-btn{color:#fff;box-shadow:var(--shadow-3d-btn);background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-color:#5b21b6;padding:.75rem 1.5rem}.up-dz-select-btn:hover{box-shadow:var(--shadow-3d-btn-hover);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);transform:translateY(-2px)}.up-features-mini{flex-direction:column;gap:.75rem;display:flex}.up-feature-mini-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;display:flex}.up-feature-mini-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.up-feature-mini-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.up-icon-violet{color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed26}.up-icon-rose{color:#be185d;background:#ec489912;border:1px solid #ec489926}.up-feature-mini-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.2rem;font-size:.875rem;font-weight:700}.up-feature-mini-desc{color:var(--text-muted);font-size:.8rem;line-height:1.5}.up-settings-panel,.up-settings-panel.control-panel{grid-template-columns:1fr!important;gap:1.25rem!important}.up-settings-panel:before{background:linear-gradient(90deg,#7c3aed,#ec4899,#06b6d4,#7c3aed) 0 0/200% 100%!important;animation:6s linear infinite stripe-shift!important}.up-panel-header{border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem;padding-bottom:.85rem}.up-panel-icon{color:#7c3aed!important}.up-processing-dot{background:#7c3aed;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;animation:1s ease-in-out infinite up-pulse}@keyframes up-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.up-factor-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.up-factor-btn{border:1.5px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-3d-flat);transition:all var(--transition-fast);background:linear-gradient(135deg,#fff 0%,#fafafa 100%);flex-direction:column;align-items:center;gap:.2rem;padding:.875rem .75rem;display:flex}.up-factor-btn:hover{border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 4px #7c3aed1a,0 8px 16px -4px #7c3aed14}.up-factor-btn.active{background:#7c3aed0d;border-color:#7c3aed;box-shadow:inset 0 2px 4px #7c3aed1a}.up-factor-num{letter-spacing:-.04em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.up-factor-btn.active .up-factor-num{color:#7c3aed}.up-factor-label{color:var(--text-muted);text-align:center;font-size:.68rem;font-weight:600}.up-factor-btn.active .up-factor-label{color:#6d28d9}.up-preset-standard.active{color:var(--text-primary)!important;background:#6b66610f!important;border-color:#6b666166!important}.up-preset-vivid.active{color:#5b21b6!important;background:#7c3aed12!important;border-color:#7c3aed73!important;box-shadow:inset 0 2px 4px #7c3aed1a!important}.up-preset-hdr.active{color:#92400e!important;background:#d9770612!important;border-color:#d9770673!important;box-shadow:inset 0 2px 4px #d977061a!important}.up-slider-value{color:#7c3aed!important;background:#7c3aed12!important}.up-output-info{border-radius:var(--radius-sm);background:#7c3aed0a;border:1px dashed #7c3aed33;justify-content:space-between;align-items:center;padding:.6rem .875rem;display:flex}.up-output-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.up-output-val{color:#7c3aed;letter-spacing:-.02em;font-size:.875rem;font-weight:700}.up-action-btns{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.up-btn-download{width:100%;box-shadow:var(--shadow-3d-btn);gap:.5rem;color:#fff!important;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)!important;border-color:#5b21b6!important}.up-btn-download:hover:not(:disabled){box-shadow:var(--shadow-3d-btn-hover);transform:translateY(-2px);background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important}.up-btn-download:disabled{opacity:.45}.up-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:2rem;font-size:.95rem}.compressor-split-layout{grid-template-columns:1fr;align-items:start;gap:2rem;margin-bottom:2.5rem;display:grid}@media (width>=900px){.compressor-split-layout{grid-template-columns:1fr 1fr;align-items:start;gap:3rem}}.csl-left{flex-direction:column;order:2;align-items:flex-start;display:flex}.csl-right{flex-direction:column;order:1;gap:1.25rem;display:flex}@media (width>=900px){.csl-left{order:1}.csl-right{order:2}}.csl-illus{justify-content:flex-start;width:100%;margin-top:1.75rem;display:flex}.csl-right .compressor-workspace{margin-bottom:0!important}.csl-right .dropzone.dropzone-modern{min-height:240px;padding:2.5rem 2rem}.cp-hero{grid-template-columns:1fr;align-items:center;gap:2.5rem;margin-bottom:3rem;padding-top:.75rem;display:grid}@media (width>=900px){.cp-hero{grid-template-columns:1fr 1fr;gap:4rem}}.cp-hero-left{flex-direction:column;align-items:flex-start;display:flex}.cp-hero-right{justify-content:center;align-items:center;padding:1rem 2rem;display:flex}@media (width<=899px){.cp-hero-right{display:none}}.cp-eyebrow{color:#2563eb;letter-spacing:.05em;text-transform:uppercase;background:#2563eb12;border:1px solid #2563eb2e;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.32rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.cp-hero-title{letter-spacing:-.045em;color:var(--text-primary);margin-bottom:.9rem;font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:800;line-height:1.08}.cp-gradient-text{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cp-hero-desc{color:var(--text-muted);max-width:430px;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.65}.cp-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.cp-chip{border:1px solid;border-radius:9999px;align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.cp-chip-blue{color:#1d4ed8;background:#2563eb0d;border-color:#2563eb2e}.cp-chip-green{color:#065f46;background:#0596690d;border-color:#05966933}.cp-chip-amber{color:#92400e;background:#d977060f;border-color:#d9770638}.hero-illus-stage{justify-content:center;align-items:center;gap:.85rem;display:flex}.hero-illus-card{background:#fff;border-radius:14px;flex-direction:column;flex-shrink:0;width:162px;display:flex;overflow:hidden}.illus-card-before{border:1.5px solid #1c191717;transform:rotate(-3.5deg);box-shadow:0 18px 36px -8px #1c191721,0 6px 12px -4px #1c191712}.illus-card-after{border:1.5px solid #05966947;transform:rotate(2.5deg);box-shadow:0 18px 36px -8px #0596692e,0 6px 12px -4px #0596691a}.illus-card-topbar{letter-spacing:.1em;text-transform:uppercase;padding:.32rem .65rem;font-size:.55rem;font-weight:800}.illus-topbar-before{color:var(--text-muted);background:#1c191708;border-bottom:1px solid #1c19170f}.illus-topbar-after{color:#059669;background:#0596690f;border-bottom:1px solid #0596691a}.illus-card-footer{flex-direction:column;gap:.15rem;padding:.65rem .75rem;display:flex}.illus-fname{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.illus-fsize{letter-spacing:-.03em;font-size:1.05rem;font-weight:800}.illus-size-before{color:var(--text-primary)}.illus-size-after{color:#059669}.hero-illus-connector{z-index:2;flex-direction:column;flex-shrink:0;align-items:center;gap:.55rem;display:flex}.illus-arrow-circle{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 6px 18px -3px #2563eb61}.illus-pct-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:9999px;padding:.25rem .55rem;font-size:.7rem;font-weight:800;box-shadow:0 4px 10px -2px #05966961}@media (width<=480px){.hero-illus-stage{gap:.4rem}.hero-illus-card{width:120px}.illus-arrow-circle{width:28px;height:28px}.illus-arrow-circle svg{width:14px;height:14px}.illus-pct-badge{padding:.15rem .4rem;font-size:.6rem}.illus-fsize{font-size:.85rem}}.dropzone.dropzone-modern{box-shadow:none;background:linear-gradient(155deg,#eff6ffa6 0%,#f5f3ff8c 50%,#f0fdfa80 100%);border:2px dashed #2563eb47;gap:1rem;padding:4rem 2rem}.dropzone.dropzone-modern:hover{background:linear-gradient(155deg,#eff6ffe6 0%,#f5f3ffcc 50%,#f0fdfabf 100%);border-color:#2563eb8c;box-shadow:0 0 0 6px #2563eb0d}.dropzone.dropzone-modern.drag-active{background:linear-gradient(155deg,#eff6fff7 0%,#f5f3fff7 100%);border-color:#2563eb;transform:scale(.99);box-shadow:0 0 0 8px #2563eb14}.dz-icon-modern{color:#2563eb!important;background:linear-gradient(135deg,#2563eb1a 0%,#7c3aed14 100%)!important;border:1px solid #2563eb29!important;width:80px!important;height:80px!important;box-shadow:0 8px 24px -6px #2563eb2e!important}.dropzone.dropzone-modern:hover .dz-icon-modern{transform:translateY(-5px)}.dz-title-area{text-align:center}.dz-select-btn{margin-top:.25rem}.dz-formats-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.dz-format-chip{letter-spacing:.04em;border-radius:9999px;padding:.2rem .65rem;font-size:.7rem;font-weight:700}.dz-fmt-jpg{color:#92400e;background:#d9770614;border:1px solid #d9770638}.dz-fmt-png{color:#5b21b6;background:#7c3aed12;border:1px solid #7c3aed33}.dz-fmt-webp{color:#065981;background:#0891b212;border:1px solid #0891b233}.dz-format-limit{color:var(--text-muted);font-size:.72rem}.cp-panel-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;margin-bottom:.25rem;padding-bottom:.85rem;display:flex}.cp-panel-icon{color:var(--text-accent)}.cp-panel-title{color:var(--text-primary);letter-spacing:-.02em;font-size:.975rem;font-weight:700}.fmt-pill-jpg.active{color:#92400e!important;background:#d9770612!important;border-color:#d9770680!important;box-shadow:inset 0 2px 4px #d977061a!important}.fmt-pill-png.active{color:#5b21b6!important;background:#7c3aed12!important;border-color:#7c3aed73!important;box-shadow:inset 0 2px 4px #7c3aed1a!important}.fmt-pill-webp.active{color:#065981!important;background:#0891b212!important;border-color:#0891b273!important;box-shadow:inset 0 2px 4px #0891b21a!important}.queue-card-pending{border-left:4px solid #6b666138}.queue-card-compressing{border-left:4px solid #2563eb}.queue-card-completed{border-left:4px solid #059669}.queue-card-error{border-left:4px solid #ef4444}.savings-badge{color:#065f46!important;background:#05966914!important;border:1px solid #0596692e!important;border-radius:9999px!important;padding:.3rem .75rem!important;font-size:.8rem!important;font-weight:800!important}.savings-badge.neutral{background:var(--bg-hover)!important;color:var(--text-muted)!important;border-color:var(--border-subtle)!important}.compressor-workspace:before{background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4,#2563eb) 0 0/200% 100%!important;animation:6s linear infinite stripe-shift!important}@keyframes stripe-shift{0%{background-position:0 0}to{background-position:200% 0}}.bgrl-left{flex-direction:column;order:2;gap:.6rem;display:flex}.bgrl-right{flex-direction:column;order:1;gap:1.25rem;display:flex}@media (width>=900px){.bgrl-left{order:1}.bgrl-right{order:2}}.bgrl-right .compressor-workspace{border-radius:var(--radius-lg);overflow:hidden}.bgrl-illus{margin-top:.5rem}.bgr-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#059669;background:#05966914;border:1px solid #0596692e;border-radius:999px;align-items:center;gap:.35rem;width:fit-content;margin-bottom:.25rem;padding:.3rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.bgr-hero-title{letter-spacing:-.04em;color:var(--text-primary);margin:.1rem 0 .2rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.1}.bgr-gradient-text{background:linear-gradient(135deg,#059669 0%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bgr-hero-desc{color:var(--text-muted);max-width:480px;margin:.15rem 0 .35rem;font-size:1rem;line-height:1.6}.bgr-chip-row{flex-wrap:wrap;gap:.5rem;margin:.35rem 0 .25rem;display:flex}.bgr-chip{border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.bgr-chip-emerald{color:#059669;background:#05966912;border-color:#0596692e}.bgr-chip-sky{color:#0284c7;background:#0ea5e912;border-color:#0ea5e92e}.bgr-chip-teal{color:#0d9488;background:#14b8a612;border-color:#14b8a62e}.bgr-dropzone-modern{background:linear-gradient(135deg,#05966905 0%,#0ea5e904 100%)!important;border-color:#05966940!important}.bgr-dropzone-modern.drag-active{background:#0596690a!important;border-color:#05966999!important}.bgr-dz-icon{color:#059669!important;background:linear-gradient(135deg,#0596691a,#0ea5e91a)!important}.bgr-dz-select-btn{color:#fff!important;box-shadow:var(--shadow-3d-btn)!important;background:linear-gradient(135deg,#059669 0%,#0891b2 100%)!important;border-color:#047857!important}.bgr-dz-select-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#047857 0%,#0284c7 100%)!important}.bgr-icon-emerald{color:#059669!important;background:linear-gradient(135deg,#0596691f,#0596690f)!important;border:1px solid #05966926!important}.bgr-icon-sky{color:#0284c7!important;background:linear-gradient(135deg,#0ea5e91f,#0ea5e90f)!important;border:1px solid #0ea5e926!important}.bgr-illus-stage{justify-content:flex-start;align-items:center;gap:1rem;padding:.75rem 0 .5rem;display:flex}.bgr-illus-card{border:2.5px solid #ffffffe6;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 24px -4px #00000024,0 2px 4px -1px #0000000f}.bgr-illus-before{transform:rotate(-2.5deg)}.bgr-illus-after{transform:rotate(2deg)}.bgr-illus-label{text-transform:uppercase;letter-spacing:.1em;text-align:center;color:var(--text-muted);background:#fffffff5;padding:.3rem 0;font-size:.6rem;font-weight:700}.bgr-illus-connector{flex-direction:column;align-items:center;gap:.4rem;display:flex}.bgr-illus-arrow-circle{color:#fff;background:linear-gradient(135deg,#059669,#0ea5e9);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 14px #05966959}.bgr-illus-badge{text-transform:uppercase;letter-spacing:.07em;color:#059669;white-space:nowrap;background:#05966914;border:1px solid #0596692e;border-radius:999px;padding:.18rem .55rem;font-size:.6rem;font-weight:700}.bgr-settings-panel,.bgr-settings-panel.control-panel{grid-template-columns:1fr!important;gap:1.25rem!important}.bgr-settings-panel:before{background:linear-gradient(90deg,#059669,#0ea5e9,#14b8a6,#059669) 0 0/200% 100%!important;animation:6s linear infinite stripe-shift!important}.bgr-panel-header{border-bottom:1px solid var(--border-subtle);margin-bottom:.25rem;padding-bottom:.85rem}.bgr-panel-icon{color:#059669!important}.bgr-processing-dot{background:#059669!important}.bgr-swatch-row{flex-wrap:wrap;gap:.6rem;display:flex}.bgr-swatch{border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.bgr-swatch:hover{transform:scale(1.08);box-shadow:0 4px 12px #00000026}.bgr-swatch.active{box-shadow:0 0 0 3px #0596694d,0 4px 12px #0000001f}.bgr-swatch-check{font-size:.9rem;font-weight:900;line-height:1}.bgr-custom-row{border-radius:var(--radius-sm);background:#05966908;border:1px dashed #0596692e;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.6rem .75rem;display:flex}.bgr-custom-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.bgr-custom-input-wrap{align-items:center;gap:.5rem;display:flex}.bgr-color-input{border:1.5px solid var(--border-medium);cursor:pointer;background:0 0;border-radius:6px;width:36px;height:28px;padding:2px}.bgr-custom-hex{color:var(--text-muted);cursor:pointer;letter-spacing:.04em;border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.75rem;font-weight:700;transition:color .15s,background .15s}.bgr-custom-hex.active{color:#059669;background:#05966914}.bgr-output-info{background:#0596690a!important;border-color:#05966933!important}.bgr-download-btn{width:100%;box-shadow:var(--shadow-3d-btn);gap:.5rem;color:#fff!important;background:linear-gradient(135deg,#059669 0%,#0891b2 100%)!important;border-color:#047857!important}.bgr-download-btn:hover:not(:disabled){box-shadow:var(--shadow-3d-btn-hover);transform:translateY(-2px);background:linear-gradient(135deg,#047857 0%,#0284c7 100%)!important}.bgr-download-btn:disabled{opacity:.45}.bgr-processing-card{background:linear-gradient(135deg, var(--bg-card) 0%, #faf9f6 100%);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-raised);text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:4rem 2rem 3.5rem;display:flex}.bgr-processing-icon{color:#059669;background:linear-gradient(135deg,#0596691a,#0ea5e914);border:1px solid #0596692e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.25rem;animation:1.6s ease-in-out infinite bgr-pulse-icon;display:flex}@keyframes bgr-pulse-icon{0%,to{transform:scale(1);box-shadow:0 0 #05966940}50%{transform:scale(1.05);box-shadow:0 0 0 10px #05966900}}.bgr-processing-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.bgr-processing-stage{color:#059669;min-height:1.2em;font-size:.85rem;font-weight:600}.bgr-progress-track{background:var(--border-subtle);border-radius:999px;width:100%;max-width:320px;height:6px;overflow:hidden}.bgr-progress-fill{background:linear-gradient(90deg,#059669,#0ea5e9);border-radius:999px;height:100%;transition:width .3s}.bgr-processing-pct{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.bgr-processing-note{color:var(--text-muted);align-items:center;gap:.3rem;max-width:320px;margin-top:.25rem;font-size:.72rem;line-height:1.4;display:flex}.bgr-result-card{background:linear-gradient(135deg, var(--bg-card) 0%, #faf9f6 100%);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-raised);transition:transform var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.bgr-result-card:hover{box-shadow:var(--shadow-3d-raised-hover);transform:translateY(-2px)}.bgr-result-header{border-bottom:1px solid var(--border-subtle);background:#05966905;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.bgr-view-toggle{background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:var(--radius-sm);gap:3px;padding:3px;display:flex}.bgr-view-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:.3rem .875rem;font-size:.78rem;font-weight:600}.bgr-view-btn.active{color:#059669;background:#fff;box-shadow:0 1px 3px #00000014}.bgr-dim-badge{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.bgr-result-preview{justify-content:center;align-items:center;min-height:380px;padding:1.5rem;transition:background .2s;display:flex;position:relative}.bgr-result-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:480px;display:block}.bgr-result-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);text-align:center;padding:.65rem 1.25rem;font-size:.72rem}.bgr-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:.35rem;margin-bottom:2rem;font-size:.95rem}.qrg-page{flex-direction:column;gap:1rem;display:flex}.qrg-eyebrow{color:#ea580c;background:#ea580c12;border-color:#ea580c33}.qrg-page-header{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.1rem;display:flex}.qrg-page-header-left{align-items:center;gap:.7rem;display:flex}.qrg-page-header-icon{color:#fff;background:linear-gradient(135deg,#f97316 0%,#fbbf24 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.qrg-page-header-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.qrg-page-header-sub{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.3}.qrg-hero-chips{flex-wrap:wrap;gap:.4rem;display:flex}.qrg-hero-chip{border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.qrg-chip-orange{color:#ea580c;background:#f9731612;border-color:#f9731633}.qrg-chip-amber{color:#d97706;background:#f59e0b12;border-color:#f59e0b33}.qrg-chip-rose{color:#e11d48;background:#f43f5e12;border-color:#f43f5e33}.qrg-chip-sky{color:#0284c7;background:#0ea5e912;border-color:#0ea5e933}.qrg-left-col{flex-direction:column;gap:.75rem;min-width:0;display:flex}.qrg-type-selector{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.qrg-type-group{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem 1rem;display:flex}.qrg-type-group:last-child{border-bottom:none}.qrg-group-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-subtle);text-align:center;border-radius:4px;flex-shrink:0;min-width:52px;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.qrg-type-group-row{flex-wrap:wrap;gap:.35rem;display:flex}.qrg-type-tab{border:1.5px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.77rem;font-weight:500;display:inline-flex}.qrg-type-tab:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-hover)}.qrg-type-tab.active{font-weight:700;box-shadow:0 1px 4px #00000014}.qrg-main-grid{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}@media (width>=900px){.qrg-main-grid{grid-template-columns:1fr 340px}}.qrg-form-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;padding:0;display:flex;overflow:hidden}.qrg-form-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle,#fafaf9);align-items:center;gap:.9rem;padding:1rem 1.25rem;display:flex}.qrg-form-type-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.qrg-form-header-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.qrg-form-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.qrg-form-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.qrg-form-fields{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.qrg-field{flex-direction:column;gap:.35rem;display:flex}.qrg-field-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.qrg-required{color:#ef4444;margin-left:2px}.qrg-input,.qrg-textarea,.qrg-select{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;padding:.65rem .875rem}.qrg-input:focus,.qrg-textarea:focus,.qrg-select:focus{border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f973161f}.qrg-textarea{resize:vertical;min-height:80px;line-height:1.5}.qrg-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6661' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.qrg-field-hint{color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.4}.qrg-field-row{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.qrg-sidebar{flex-direction:column;gap:.75rem;display:flex}@media (width>=900px){.qrg-sidebar{align-self:stretch}.qrg-preview-card{position:sticky;top:76px}}.qrg-preview-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.qrg-preview-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle,#fafaf9);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.qrg-preview-label{color:var(--text-primary);letter-spacing:.02em;font-size:.78rem;font-weight:700}.qrg-copy-btn{color:var(--text-muted);border:1px solid var(--border-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.qrg-copy-btn:hover{color:#f97316;background:#f973160d;border-color:#f973164d}.qrg-canvas-wrap{background:repeating-conic-gradient(#f0efed 0% 25%,#fafaf9 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;padding:1.25rem;display:flex}.qrg-canvas-wrap canvas,.qrg-canvas-wrap svg{border-radius:6px;display:block;box-shadow:0 2px 12px #0000001a}.qrg-download-row{border-top:1px solid var(--border-subtle);gap:0;width:100%;display:flex}.qrg-download-row .btn{border:none;border-right:1px solid var(--border-subtle);border-radius:0;padding:.6rem .5rem;font-size:.78rem}.qrg-download-row .btn:last-child{border-right:none}.qrg-btn-png{flex:2;gap:.35rem;font-weight:700;color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#f59e0b 100%)!important}.qrg-btn-png:hover{background:linear-gradient(135deg,#ea580c 0%,#d97706 100%)!important}.qrg-btn-svg,.qrg-btn-webp{flex:1;gap:.3rem}.qrg-customize-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.qrg-customize-header{background:var(--bg-subtle,#fafaf9);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.82rem;font-weight:700;display:flex}.qrg-palette-icon{color:#f97316}.qrg-customize-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.qrg-customize-row{grid-template-columns:1fr}}.qrg-customize-scroll-btn{border:none;border-top:1px solid var(--border-subtle);color:#f97316;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.78rem;font-weight:600;display:flex}.qrg-customize-scroll-btn:hover{background:#fff7ed}.qrg-customize-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.qrg-dot-style-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}@media (width>=640px){.qrg-dot-style-grid{grid-template-columns:repeat(6,1fr)}}.qrg-dot-style-btn{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-hover);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .3rem;font-size:.63rem;font-weight:600;display:flex}.qrg-dot-style-btn:hover{color:var(--text-primary);background:var(--bg-card);border-color:#f9731666}.qrg-dot-style-btn.active{color:#ea580c;background:#f973160f;border-color:#f97316}.qrg-dot-preview{grid-template-columns:repeat(3,1fr);gap:2px;width:24px;height:24px;display:grid}.qrg-dot-preview-cell{aspect-ratio:1;background:currentColor;width:100%}.qrg-corner-active{color:#ea580c!important;background:#f9731612!important;border-color:#f97316!important}.qrg-color-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.qrg-color-item{flex-direction:column;gap:.4rem;display:flex}.qrg-color-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.qrg-color-input-wrap{align-items:center;gap:.4rem;display:flex}.qrg-err-row{gap:.4rem;display:flex}.qrg-err-btn{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:.45rem 0;font-size:.82rem;font-weight:700}.qrg-err-btn:hover{color:var(--text-primary);border-color:#f9731666}.qrg-err-btn.active{color:#ea580c;background:#f9731612;border-color:#f97316}.qrg-loc-mode-row{gap:.5rem;display:flex}.qrg-loc-mode-btn{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:500}.qrg-loc-mode-btn:hover{color:var(--text-primary);border-color:#ef444466}.qrg-loc-mode-btn.active{color:#dc2626;background:#ef444412;border-color:#ef4444;font-weight:600}.qrg-optional-tag{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-left:.35rem;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.qrg-logo-row{flex-wrap:wrap;gap:.5rem;display:flex}.qrg-logo-upload-btn{gap:.35rem;font-size:.8rem;color:#f97316!important;background:#f973160d!important;border-color:#f9731659!important}.qrg-logo-upload-btn:hover{background:#f973161a!important;border-color:#f97316!important}.qrg-logo-remove-btn{gap:.3rem;font-size:.78rem}.qrg-logo-preview{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);width:56px;height:56px;margin-top:.25rem}.qrg-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:.35rem;margin-bottom:2rem;font-size:.95rem}.bconv-page{flex-direction:column;gap:1.25rem;max-width:960px;margin:0 auto;padding-bottom:3rem;display:flex}.bconv-eyebrow{color:#059669;letter-spacing:.06em;text-transform:uppercase;background:#10b98112;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.3rem .85rem;font-size:.71rem;font-weight:700;display:inline-flex}.bconv-header{flex-direction:column;align-items:flex-start;padding:.5rem 0 .25rem;display:flex}.bconv-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.6rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1}.bconv-subtitle{color:var(--text-muted);max-width:580px;font-size:1rem;line-height:1.6}.bconv-settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.bconv-settings-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.bconv-settings-group{flex-direction:column;gap:.5rem;display:flex}.bconv-settings-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.bconv-settings-label strong{color:var(--text-primary);font-weight:700}.bconv-label-muted{color:var(--text-muted);text-transform:none;letter-spacing:0;padding-top:.2rem;font-size:.78rem;font-weight:400}.bconv-format-pills{flex-wrap:wrap;gap:.35rem;display:flex}.bconv-fmt-pill{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);letter-spacing:.03em;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.bconv-fmt-pill:hover{border-color:var(--text-accent);color:var(--text-accent);background:#2563eb0a}.bconv-fmt-pill.active{background:var(--text-accent);border-color:var(--text-accent);color:#fff}.bconv-pill-tag{letter-spacing:.04em;text-transform:uppercase;background:#ffffff40;border-radius:4px;padding:.1rem .35rem;font-size:.62rem;font-weight:600}.bconv-fmt-pill.active .bconv-pill-tag{background:#fff3}.bconv-quality-slider{width:180px;accent-color:var(--text-accent);cursor:pointer}.bconv-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:3rem 2rem;display:flex}.bconv-dropzone:hover,.bconv-dropzone.dragging{border-color:var(--text-accent);background:#2563eb08}.bconv-dropzone.compact{border-radius:var(--radius-md);border-style:dashed;flex-direction:row;gap:.6rem;padding:1rem 1.5rem}.bconv-dz-icon{color:var(--text-accent);flex-shrink:0}.bconv-dz-text{color:var(--text-primary);flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.bconv-dropzone.compact .bconv-dz-text{flex-direction:row;align-items:center;gap:.4rem}.bconv-dz-text span{color:var(--text-muted);font-size:.78rem;font-weight:400}.bconv-workspace{flex-direction:column;gap:.85rem;display:flex}.bconv-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.bconv-stats{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;display:flex}.bconv-stat-done{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;padding:.18rem .6rem;font-size:.75rem}.bconv-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bconv-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.bconv-btn:disabled{opacity:.55;cursor:not-allowed}.bconv-btn-convert{background:var(--text-accent);color:#fff;border-color:var(--text-accent)}.bconv-btn-convert:hover:not(:disabled){background:var(--text-accent-hover);border-color:var(--text-accent-hover)}.bconv-btn-zip{color:#059669;background:#10b98114;border-color:#10b9814d}.bconv-btn-zip:hover:not(:disabled){background:#10b98124;border-color:#059669}.bconv-btn-clear{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border-medium)}.bconv-btn-clear:hover:not(:disabled){color:#dc2626;background:#ef44440f;border-color:#ef44444d}.bconv-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}@media (width>=600px){.bconv-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.bconv-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.bconv-card:hover{box-shadow:var(--shadow-md)}.bconv-card-done{border-color:#10b9814d}.bconv-card-error{border-color:#ef444440}.bconv-card-remove{z-index:2;color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:opacity var(--transition-fast);background:#1c19178c;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:5px;right:5px}.bconv-card:hover .bconv-card-remove{opacity:1}.bconv-thumb-wrap{aspect-ratio:1;background:var(--bg-hover);width:100%;position:relative;overflow:hidden}.bconv-thumb{object-fit:cover;width:100%;height:100%;display:block}.bconv-thumb-overlay{color:var(--text-muted);background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bconv-overlay-done{color:#059669;background:#10b98126}.bconv-overlay-error{color:#dc2626;background:#ef44441f}.bconv-card-body{flex-direction:column;flex:1;gap:.2rem;padding:.55rem .65rem .5rem;display:flex}.bconv-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.bconv-card-size{color:var(--text-muted);font-size:.68rem}.bconv-size-smaller{color:#059669;font-weight:600}.bconv-size-larger{color:#d97706;font-weight:600}.bconv-card-error{color:#dc2626;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.bconv-card-dl{border-radius:var(--radius-sm);color:var(--text-accent);cursor:pointer;transition:all var(--transition-fast);background:#2563eb12;border:1px solid #2563eb33;justify-content:center;align-items:center;gap:.35rem;width:calc(100% - 1.3rem);margin:0 .65rem .55rem;padding:.3rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.bconv-card-dl:hover{background:var(--text-accent);color:#fff;border-color:var(--text-accent)}@keyframes bconv-spin{to{transform:rotate(360deg)}}.bconv-spin{animation:.7s linear infinite bconv-spin}.bconv-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:.35rem;margin-bottom:2rem;font-size:.95rem}.svgo-page{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;padding-bottom:3rem;display:flex}.svgo-eyebrow{color:#6366f1;letter-spacing:.06em;text-transform:uppercase;background:#6366f112;border:1px solid #6366f133;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.3rem .85rem;font-size:.71rem;font-weight:700;display:inline-flex}.svgo-header{flex-direction:column;align-items:flex-start;padding:.5rem 0 .25rem;display:flex}.svgo-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.6rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1}.svgo-subtitle{color:var(--text-muted);max-width:560px;font-size:1rem;line-height:1.6}.svgo-settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.9rem;padding:1rem 1.25rem;display:flex}.svgo-settings-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem;font-weight:700}.svgo-toggles-grid{grid-template-columns:repeat(2,1fr);gap:.55rem 1.5rem;display:grid}@media (width>=640px){.svgo-toggles-grid{grid-template-columns:repeat(4,1fr)}}.svgo-toggle{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.svgo-checkbox{accent-color:#6366f1;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin-top:2px}.svgo-toggle-body{flex-direction:column;gap:.1rem;display:flex}.svgo-toggle-label{color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.3}.svgo-toggle-desc{color:var(--text-muted);font-size:.68rem;line-height:1.3}.svgo-precision-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.25rem;display:flex}.svgo-precision-label{color:var(--text-primary);white-space:nowrap;font-size:.8rem;font-weight:600}.svgo-precision-label strong{color:#6366f1}.svgo-precision-hint{color:var(--text-muted);font-weight:400}.svgo-precision-track{gap:.3rem;display:flex}.svgo-precision-pip{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);width:30px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.svgo-precision-pip:hover{color:#6366f1;border-color:#6366f1}.svgo-precision-pip.active{color:#fff;background:#6366f1;border-color:#6366f1}.svgo-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:3rem 2rem;display:flex}.svgo-dropzone:hover,.svgo-dropzone.dragging{background:#6366f108;border-color:#6366f1}.svgo-dropzone.compact{border-radius:var(--radius-md);flex-direction:row;gap:.6rem;padding:1rem 1.5rem}.svgo-dz-icon{color:#6366f1;flex-shrink:0}.svgo-dz-text{color:var(--text-primary);flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.svgo-dropzone.compact .svgo-dz-text{flex-direction:row;align-items:center;gap:.4rem}.svgo-dz-text span{color:var(--text-muted);font-size:.78rem;font-weight:400}.svgo-workspace{flex-direction:column;gap:.85rem;display:flex}.svgo-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.svgo-stats{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;display:flex}.svgo-stat-done{color:#6366f1;background:#6366f114;border:1px solid #6366f138;border-radius:9999px;padding:.18rem .6rem;font-size:.75rem}.svgo-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.svgo-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.svgo-btn:disabled{opacity:.55;cursor:not-allowed}.svgo-btn-optimize{color:#fff;background:#6366f1;border-color:#6366f1}.svgo-btn-optimize:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.svgo-btn-zip{color:#6366f1;background:#6366f112;border-color:#6366f147}.svgo-btn-zip:hover:not(:disabled){background:#6366f121;border-color:#6366f1}.svgo-btn-clear{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border-medium)}.svgo-btn-clear:hover:not(:disabled){color:#dc2626;background:#ef44440f;border-color:#ef44444d}.svgo-list{flex-direction:column;gap:.5rem;display:flex}.svgo-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);align-items:center;gap:.85rem;padding:.65rem .85rem;display:flex}.svgo-card:hover{box-shadow:var(--shadow-md)}.svgo-card-done{border-color:#6366f140}.svgo-card-error{border-color:#ef444438}.svgo-card-preview{border-radius:var(--radius-sm);background:repeating-conic-gradient(#f0ede8 0% 25%, var(--bg-card) 0% 50%) 0 0 / 10px 10px;border:1px solid var(--border-subtle);flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.svgo-thumb{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.svgo-card-overlay{color:var(--text-muted);background:#ffffffbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.svgo-overlay-done{color:#6366f1;background:#6366f11f}.svgo-overlay-error{color:#dc2626;background:#ef44441a}.svgo-card-info{flex-direction:column;flex:1;gap:.22rem;min-width:0;display:flex}.svgo-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.svgo-card-sizes{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.svgo-size-arrow{color:var(--border-medium)}.svgo-size-smaller{color:#059669;font-weight:600}.svgo-size-larger{color:#d97706;font-weight:600}.svgo-savings-badge{color:#6366f1;background:#6366f114;border:1px solid #6366f133;border-radius:9999px;padding:.1rem .42rem;font-size:.68rem;font-weight:700}.svgo-card-error{color:#dc2626;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.svgo-card-btns{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.svgo-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.svgo-icon-btn:hover{border-color:var(--border-medium);background:var(--bg-card);color:var(--text-primary)}.svgo-icon-btn-dl{color:#6366f1;background:#6366f10d;border-color:#6366f140}.svgo-icon-btn-dl:hover{color:#fff;background:#6366f1;border-color:#6366f1}.svgo-icon-btn-copied{color:#059669;background:#05966912;border-color:#0596694d}.svgo-icon-btn-rm:hover{color:#dc2626;background:#ef444412;border-color:#ef44444d}@keyframes svgo-spin{to{transform:rotate(360deg)}}.svgo-spin{animation:.7s linear infinite svgo-spin}.svgo-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:.35rem;margin-bottom:2rem;font-size:.95rem}.exif-page{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;padding-bottom:3rem;display:flex}.exif-eyebrow{color:#0d9488;letter-spacing:.06em;text-transform:uppercase;background:#0d948812;border:1px solid #0d948838;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.3rem .85rem;font-size:.71rem;font-weight:700;display:inline-flex}.exif-header{flex-direction:column;align-items:flex-start;padding:.5rem 0 .25rem;display:flex}.exif-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.6rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1}.exif-subtitle{color:var(--text-muted);max-width:560px;font-size:1rem;line-height:1.6}.exif-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:3rem 2rem;display:flex}.exif-dropzone:hover,.exif-dropzone.dragging{background:#0d948808;border-color:#0d9488}.exif-dropzone.compact{border-radius:var(--radius-md);flex-direction:row;gap:.6rem;padding:1rem 1.5rem}.exif-dz-icon{color:#0d9488;flex-shrink:0}.exif-dz-text{color:var(--text-primary);flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.exif-dropzone.compact .exif-dz-text{flex-direction:row;align-items:center;gap:.4rem}.exif-dz-text span{color:var(--text-muted);font-size:.78rem;font-weight:400}.exif-workspace{flex-direction:column;gap:.85rem;display:flex}.exif-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.exif-stats{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;display:flex}.exif-stat-done{color:#0d9488;background:#0d948814;border:1px solid #0d948838;border-radius:9999px;padding:.18rem .6rem;font-size:.75rem}.exif-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.exif-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.exif-btn:disabled{opacity:.55;cursor:not-allowed}.exif-btn-strip{color:#fff;background:#0d9488;border-color:#0d9488}.exif-btn-strip:hover:not(:disabled){background:#0f766e;border-color:#0f766e}.exif-btn-zip{color:#0d9488;background:#0d948812;border-color:#0d948847}.exif-btn-zip:hover:not(:disabled){background:#0d948821;border-color:#0d9488}.exif-btn-clear{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border-medium)}.exif-btn-clear:hover:not(:disabled){color:#dc2626;background:#ef44440f;border-color:#ef44444d}.exif-list{flex-direction:column;gap:.55rem;display:flex}.exif-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast);align-items:flex-start;gap:.85rem;padding:.75rem .85rem;display:flex}.exif-card:hover{box-shadow:var(--shadow-md)}.exif-card-done{border-color:#0d948840}.exif-card-error{border-color:#ef444438}.exif-card-thumb{border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-subtle);flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.exif-thumb{object-fit:cover;width:100%;height:100%;display:block}.exif-thumb-overlay{color:var(--text-muted);background:#ffffffb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.exif-overlay-done{color:#0d9488;background:#0d948826}.exif-overlay-error{color:#dc2626;background:#ef44441f}.exif-card-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.exif-card-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.exif-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden}.exif-savings-badge{color:#0d9488;background:#0d948814;border:1px solid #0d948833;border-radius:9999px;flex-shrink:0;padding:.1rem .42rem;font-size:.68rem;font-weight:700}.exif-card-sizes{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.72rem;display:flex}.exif-size-arrow{color:var(--border-medium)}.exif-size-smaller{color:#059669;font-weight:600}.exif-size-eq{color:var(--text-muted)}.exif-scanning-text{color:var(--text-muted);font-size:.72rem;font-style:italic}.exif-meta-none{color:var(--text-muted);font-size:.72rem}.exif-meta-tags{flex-wrap:wrap;gap:.3rem;margin-top:.1rem;display:flex}.exif-meta-tag{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;gap:.28rem;max-width:300px;padding:.18rem .55rem;font-size:.68rem;font-weight:500;display:inline-flex;overflow:hidden}.exif-meta-tag-gps{color:#dc2626;background:#dc26260f;border-color:#dc262633;font-weight:600}.exif-meta-stripped .exif-meta-tag{opacity:.45;text-decoration:line-through}.exif-card-error{color:#dc2626;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.exif-card-btns{flex-shrink:0;align-items:center;gap:.3rem;padding-top:.1rem;display:flex}.exif-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.exif-icon-btn-dl{color:#0d9488;background:#0d94880d;border-color:#0d948840}.exif-icon-btn-dl:hover{color:#fff;background:#0d9488;border-color:#0d9488}.exif-icon-btn-rm:hover{color:#dc2626;background:#ef444412;border-color:#ef44444d}@keyframes exif-spin{to{transform:rotate(360deg)}}.exif-spin{animation:.7s linear infinite exif-spin}.exif-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:.35rem;margin-bottom:2rem;font-size:.95rem}.meme-page{max-width:1100px;margin:0 auto;padding:0 0 4rem}.meme-header{text-align:center;padding:2.5rem 1rem 2rem}.meme-eyebrow{color:#d97706;letter-spacing:.05em;text-transform:uppercase;background:#f59e0b14;border:1px solid #f59e0b38;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.32rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.meme-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.6rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.meme-subtitle{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem}.meme-workspace{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=860px){.meme-workspace{grid-template-columns:340px 1fr;gap:2.5rem}}.meme-controls{flex-direction:column;gap:1rem;display:flex}.meme-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.1rem 1.2rem}.meme-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.78rem;font-weight:700;display:flex}.meme-dropzone{border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--text-muted);transition:border-color var(--transition-fast), background var(--transition-fast);border:2px dashed #f59e0b4d;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1.2rem 1rem;font-size:.85rem;font-weight:500;display:flex}.meme-dropzone:hover{background:#f59e0b0a;border-color:#f59e0b99}.meme-drop-icon{color:#f59e0b;margin-bottom:.2rem}.meme-drop-hint{color:var(--text-muted);opacity:.7;font-size:.72rem}.meme-or-label{text-align:center;color:var(--text-muted);opacity:.7;margin:.6rem 0 .5rem;font-size:.75rem}.meme-template-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.meme-template-btn{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:.35rem .4rem;font-size:.73rem;font-weight:600}.meme-template-btn:hover{color:#d97706;background:#f59e0b0f;border-color:#f59e0b66}.meme-template-btn.active{color:#b45309;background:#f59e0b1a;border-color:#f59e0b;font-weight:700}.meme-clear-img-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;margin-top:.5rem;padding:.4rem .75rem;font-size:.75rem}.meme-clear-img-btn:hover{color:#d97706;border-color:#f59e0b66}.meme-label{color:var(--text-muted);margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.meme-textarea{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:none;transition:border-color var(--transition-fast);padding:.5rem .7rem;font-family:Impact,Arial Black,sans-serif;font-size:.88rem;font-weight:600}.meme-textarea:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1f}.meme-emoji-label{color:var(--text-muted);align-items:center;gap:.35rem;margin:.65rem 0 .4rem;font-size:.72rem;display:flex}.meme-emoji-grid{flex-wrap:wrap;gap:.3rem;display:flex}.meme-emoji-btn{background:var(--bg-hover);border:1px solid var(--border-subtle);cursor:pointer;width:2rem;height:2rem;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;font-size:1rem;display:flex}.meme-emoji-btn:hover{background:#f59e0b1a;transform:scale(1.15)}.meme-select{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6661' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding:.45rem 2rem .45rem .7rem;font-size:.85rem}.meme-select:focus{border-color:#f59e0b;outline:none}.meme-slider-row{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.meme-slider-val{color:#d97706;font-size:.78rem;font-weight:700}.meme-range{accent-color:#f59e0b;cursor:pointer;width:100%;margin-bottom:.25rem}.meme-caps-row{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.meme-checkbox{accent-color:#f59e0b;cursor:pointer;width:15px;height:15px}.meme-caps-label{color:var(--text-muted);cursor:pointer;letter-spacing:.05em;font-size:.8rem;font-weight:700}.meme-color-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.meme-color-field{flex-direction:column;display:flex}.meme-color-wrap{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.meme-color-input{cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:22px;padding:0}.meme-color-val{color:var(--text-muted);font-family:Courier New,monospace;font-size:.72rem;font-weight:700}.meme-action-row{gap:.5rem;margin-top:.25rem;display:flex}.meme-reset-btn{background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.82rem;font-weight:600;display:flex}.meme-reset-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-card)}.meme-dl-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;display:flex}.meme-dl-png{color:#fff;background:#f59e0b;box-shadow:0 3px #d97706}.meme-dl-png:hover{background:#d97706;transform:translateY(2px);box-shadow:0 1px #b45309}.meme-dl-jpg{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary);box-shadow:var(--shadow-3d-btn)}.meme-dl-jpg:hover{color:#d97706;border-color:#f59e0b}.meme-preview-col{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:sticky;top:92px}.meme-canvas-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:repeating-conic-gradient(#e5e4e1 0% 25%,#faf9f6 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.meme-canvas{max-width:100%;height:auto;display:block}.meme-canvas-hint{color:var(--text-muted);opacity:.7;font-size:.75rem}.meme-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:2rem;font-size:.95rem}.irs-page{max-width:1100px;margin:0 auto;padding:0 0 4rem}.irs-header{text-align:center;padding:2.5rem 1rem 2rem}.irs-eyebrow{color:#7c3aed;letter-spacing:.05em;text-transform:uppercase;background:#7c3aed12;border:1px solid #7c3aed2e;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.32rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.irs-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.6rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.irs-subtitle{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.6}.irs-layout{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=860px){.irs-layout{grid-template-columns:300px 1fr;gap:2rem}}.irs-sidebar{flex-direction:column;gap:.875rem;display:flex;position:sticky;top:92px}.irs-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.irs-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.irs-mode-tabs{gap:.35rem;margin-bottom:.85rem;display:flex}.irs-mode-tab{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:.4rem .5rem;font-size:.8rem;font-weight:600}.irs-mode-tab.active{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed59}.irs-dim-inputs{align-items:flex-end;gap:.5rem;display:flex}.irs-dim-field{flex-direction:column;flex:1;gap:.25rem;display:flex}.irs-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.irs-input{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.42rem .6rem;font-size:.88rem;font-weight:600}.irs-input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.irs-input:disabled{opacity:.45;cursor:not-allowed}.irs-lock-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1px;display:flex}.irs-lock-btn.locked{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed59}.irs-pct-row{flex-direction:column;gap:.4rem;display:flex}.irs-pct-input-wrap{align-items:center;gap:.4rem;display:flex}.irs-input-pct{width:80px}.irs-pct-unit{color:#7c3aed;font-size:.9rem;font-weight:700}.irs-range{accent-color:#7c3aed;cursor:pointer;width:100%}.irs-fit-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.irs-fit-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);cursor:pointer;transition:all var(--transition-fast);text-align:left;flex-direction:column;align-items:flex-start;padding:.5rem .6rem;display:flex}.irs-fit-btn.active{background:#7c3aed12;border-color:#7c3aed66}.irs-fit-label{color:var(--text-primary);font-size:.8rem;font-weight:700}.irs-fit-btn.active .irs-fit-label{color:#7c3aed}.irs-fit-desc{color:var(--text-muted);margin-top:.1rem;font-size:.65rem;line-height:1.3}.irs-anchor-section{border-top:1px solid var(--border-subtle);margin-top:.85rem;padding-top:.85rem}.irs-anchor-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:72px;display:grid}.irs-anchor-btn{border:1px solid var(--border-medium);background:var(--bg-hover);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border-radius:4px}.irs-anchor-btn.active{background:#7c3aed;border-color:#7c3aed}.irs-anchor-btn:hover:not(.active){background:#7c3aed26;border-color:#7c3aed66}.irs-preset-row{flex-wrap:wrap;gap:.3rem;display:flex}.irs-preset-btn{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:9999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.irs-preset-btn:hover{color:#7c3aed;background:#7c3aed0d;border-color:#7c3aed66}.irs-fmt-pills{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.irs-fmt-pill{border:1px solid var(--border-medium);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:9999px;padding:.3rem .7rem;font-size:.75rem;font-weight:700}.irs-fmt-pill.active{color:#7c3aed;background:#7c3aed17;border-color:#7c3aed66}.irs-quality-row{flex-direction:column;gap:.3rem;display:flex}.irs-quality-val{color:#7c3aed;align-self:flex-end;margin-top:-1.2rem;font-size:.78rem;font-weight:700}.irs-main{flex-direction:column;gap:1rem;display:flex}.irs-dropzone{border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:var(--bg-card);border:2px dashed #7c3aed40;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2.5rem 1.5rem;display:flex}.irs-dropzone.compact{border-radius:var(--radius-md);flex-direction:row;gap:.6rem;padding:1rem 1.5rem}.irs-dropzone:hover,.irs-dropzone.dragging{background:#7c3aed0a;border-color:#7c3aed}.irs-dz-icon{color:#7c3aed}.irs-dz-text{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}.irs-dz-text span{opacity:.75;font-size:.75rem;font-weight:400}.irs-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.irs-stats{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:flex}.irs-stat-done{color:#16a34a;background:#16a34a14;border:1px solid #16a34a33;border-radius:9999px;padding:.1rem .5rem;font-size:.75rem}.irs-actions{flex-wrap:wrap;gap:.5rem;display:flex}.irs-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.irs-btn:disabled{opacity:.5;cursor:not-allowed}.irs-btn-process{color:#fff;background:#7c3aed;box-shadow:0 3px #5b21b6}.irs-btn-process:hover:not(:disabled){background:#6d28d9;transform:translateY(2px);box-shadow:0 1px #4c1d95}.irs-btn-zip{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary);box-shadow:var(--shadow-3d-btn)}.irs-btn-zip:hover:not(:disabled){color:#7c3aed;border-color:#7c3aed}.irs-btn-clear{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-muted)}.irs-btn-clear:hover:not(:disabled){color:var(--text-primary)}.irs-list{flex-direction:column;gap:.5rem;display:flex}.irs-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:.85rem;padding:.65rem .85rem;display:flex}.irs-item-done{border-color:#16a34a40}.irs-item-error{border-color:#ef444440}.irs-item-thumb-wrap{border-radius:var(--radius-sm);background:var(--bg-hover);flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.irs-item-thumb{object-fit:cover;width:100%;height:100%}.irs-thumb-overlay{background:#ffffffbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.irs-item-info{flex:1;min-width:0}.irs-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:600;overflow:hidden}.irs-item-dims{color:var(--text-muted);margin-top:.15rem;font-size:.72rem}.irs-dims-new{color:#7c3aed;font-weight:700}.irs-item-size{color:var(--text-muted);margin-top:.1rem;font-size:.72rem}.irs-size-smaller{color:#16a34a;font-weight:700}.irs-size-larger{color:#d97706;font-weight:700}.irs-item-error{color:#dc2626;margin-top:.15rem;font-size:.7rem}.irs-item-actions{flex-shrink:0;gap:.35rem;display:flex}.irs-dl-btn,.irs-rm-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-hover);cursor:pointer;width:30px;height:30px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.irs-dl-btn:hover{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed4d}.irs-rm-btn:hover:not(:disabled){color:#dc2626;background:#ef444412;border-color:#ef44444d}.irs-rm-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes irs-spin{to{transform:rotate(360deg)}}.irs-spin{border:2px solid #7c3aed33;border-top-color:#7c3aed;border-radius:50%;animation:.7s linear infinite irs-spin;display:inline-block}.irs-spin-lg{width:20px;height:20px}.irs-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:2rem;font-size:.95rem}.irs-preview-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1);margin-bottom:1.25rem;overflow:hidden}.irs-preview-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);background:var(--surface-2);align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.75rem;font-weight:600;display:flex}.irs-preview-canvas-container{background:repeating-conic-gradient(#e5e7eb 0% 25%,#f9fafb 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;padding:.75rem;display:flex}.irs-preview-canvas{border-radius:var(--radius-md);max-width:100%;box-shadow:0 2px 12px #0000001f}.irs-preview-canvas.draggable{cursor:move}.gif-page{max-width:1200px;margin:0 auto;padding:0 1rem 3rem}.gif-header{margin-bottom:2rem}.gif-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#ea580c;background:#ea580c14;border:1px solid #ea580c2e;border-radius:20px;align-items:center;gap:6px;margin-bottom:.75rem;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.gif-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:800}.gif-subtitle{color:var(--text-muted);max-width:560px;font-size:.95rem;line-height:1.6}.gif-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=860px){.gif-layout{grid-template-columns:1fr}}.gif-sidebar{flex-direction:column;gap:.75rem;max-height:calc(100vh - 110px);display:flex;position:sticky;top:92px;overflow-y:auto}.gif-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.1rem}.gif-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem;font-size:.72rem;font-weight:700}.gif-delay-presets{grid-template-columns:repeat(5,1fr);gap:.3rem;margin-bottom:.75rem;display:grid}.gif-delay-btn{border:1px solid var(--border-medium);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:.5rem .2rem;display:flex}.gif-delay-btn:hover:not(.active){border-color:#ea580c80}.gif-delay-btn.active{background:#ea580c1a;border-color:#ea580c}.gif-delay-fps{color:var(--text-primary);font-size:.65rem;font-weight:700;line-height:1.2}.gif-delay-ms{color:var(--text-muted);font-size:.6rem;line-height:1.2}.gif-delay-btn.active .gif-delay-fps{color:#ea580c}.gif-delay-btn.active .gif-delay-ms{color:#ea580cb3}.gif-custom-delay{align-items:center;gap:.6rem;display:flex}.gif-label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.gif-input{border:1px solid var(--border-medium);background:var(--bg-input);min-width:0;color:var(--text-primary);font-size:.82rem;font-family:var(--font-sans);border-radius:8px;flex:1;padding:.35rem .65rem}.gif-input:focus{border-color:#ea580c;outline:none}.gif-size-pills{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.gif-size-pill{border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:14px;padding:4px 11px;font-size:.78rem;font-weight:500}.gif-size-pill:hover:not(.active){color:var(--text-primary);border-color:#ea580c80}.gif-size-pill.active{color:#ea580c;background:#ea580c1a;border-color:#ea580c;font-weight:600}.gif-hint{color:var(--text-muted);font-size:.72rem;line-height:1.5}.gif-loop-row{gap:.4rem;display:flex}.gif-loop-btn{border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex:1;padding:.45rem .4rem;font-size:.78rem;font-weight:500}.gif-loop-btn:hover:not(.active){border-color:#ea580c80}.gif-loop-btn.active{color:#ea580c;background:#ea580c1a;border-color:#ea580c;font-weight:600}.gif-actions-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.6rem;padding:1rem 1.1rem;display:flex}.gif-output-info{background:#ea580c0f;border:1px solid #ea580c26;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.gif-output-size{color:#ea580c;font-size:.9rem;font-weight:700}.gif-output-label{color:var(--text-muted);font-size:.72rem}.gif-generate-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:background var(--transition-fast);font-size:.875rem;font-weight:700;font-family:var(--font-sans);background:#ea580c;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1rem;display:flex}.gif-generate-btn:hover:not(:disabled){background:#c2410c}.gif-generate-btn:disabled{opacity:.5;cursor:not-allowed}.gif-download-btn{border-radius:var(--radius-md);color:#ea580c;cursor:pointer;width:100%;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:#ea580c0f;border:1.5px solid #ea580c;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.gif-download-btn:hover{color:#fff;background:#ea580c}.gif-video-btn{border-radius:var(--radius-md);color:#7c3aed;cursor:pointer;width:100%;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:#7c3aed0f;border:1.5px solid #7c3aed;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.gif-video-btn:hover:not(:disabled){color:#fff;background:#7c3aed}.gif-video-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes gif-rotate{to{transform:rotate(360deg)}}.gif-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite gif-rotate;display:inline-block}.gif-spin-sm{border:2px solid #ea580c40;border-top-color:#ea580c;border-radius:50%;width:10px;height:10px;animation:.65s linear infinite gif-rotate;display:inline-block}.gif-main{min-width:0}.gif-dropzone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ea580c04;border:2px dashed #ea580c4d;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:3rem 1.5rem;display:flex}.gif-dropzone.compact{flex-direction:row;justify-content:center;padding:.9rem 1.5rem}.gif-dropzone:hover,.gif-dropzone.dragging{background:#ea580c0a;border-color:#ea580c}.gif-dz-icon{color:#ea580c;flex-shrink:0}.gif-dz-text{color:var(--text-primary);flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}.gif-dz-text span{color:var(--text-muted);font-size:.78rem;font-weight:400}.gif-dropzone.compact .gif-dz-text{flex-direction:row;align-items:center;gap:.4rem}.gif-frame-bar{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.gif-frame-count{color:var(--text-primary);font-size:.82rem;font-weight:600}.gif-loading-badge{color:var(--text-muted);font-weight:400}.gif-drag-hint{color:var(--text-muted);font-size:.72rem}.gif-clear-btn{border:1px solid var(--border-medium);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-family:var(--font-sans);background:0 0;border-radius:14px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.gif-clear-btn:hover{color:#dc2626;background:#dc26260d;border-color:#dc2626}.gif-frame-grid{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.gif-frame-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:grab;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;grid-template-columns:24px 52px 1fr auto;align-items:center;gap:.6rem;padding:.45rem .7rem;display:grid}.gif-frame-card:hover{box-shadow:var(--shadow-sm);border-color:#ea580c40}.gif-frame-card.dragging{opacity:.35}.gif-frame-card.drag-over{border-color:#ea580c;box-shadow:0 0 0 2px #ea580c26}.gif-frame-num{color:var(--text-muted);text-align:center;font-size:.7rem;font-weight:700}.gif-frame-thumb-wrap{flex-shrink:0;width:52px;height:42px;position:relative}.gif-frame-thumb{object-fit:cover;background:var(--bg-hover);border-radius:5px;width:52px;height:42px;display:block}.gif-frame-loading{background:#ffffffbf;border-radius:5px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gif-frame-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.78rem;overflow:hidden}.gif-frame-btns{flex-shrink:0;align-items:center;gap:2px;display:flex}.gif-fb-btn{cursor:pointer;width:24px;height:24px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.gif-fb-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.gif-fb-btn:disabled{opacity:.28;cursor:default}.gif-fb-remove:hover:not(:disabled){color:#dc2626!important;background:#ef44441a!important}.gif-preview-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.1rem}.gif-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:flex}.gif-canvas-wrap{background:var(--bg-hover);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:80px;display:flex;overflow:hidden}.gif-canvas{max-width:100%;max-height:340px;display:block}.gif-preview-size{color:var(--text-muted);margin-top:.6rem;font-size:.75rem}.gif-trans-grid{grid-template-columns:repeat(4,1fr);gap:.28rem;margin-bottom:.1rem;display:grid}.gif-trans-btn{border:1px solid var(--border-medium);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.42rem .1rem;display:flex}.gif-trans-btn:hover:not(.active){background:#ea580c08;border-color:#ea580c8c}.gif-trans-btn.active{background:#ea580c1a;border-color:#ea580c}.gif-trans-icon{color:var(--text-primary);font-size:.9rem;line-height:1}.gif-trans-btn.active .gif-trans-icon{color:#ea580c}.gif-trans-label{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:.52rem;font-weight:600;line-height:1.2}.gif-trans-btn.active .gif-trans-label{color:#ea580cd9}.gif-trans-steps{margin-top:.8rem}.gif-faq{margin-top:3rem}.gif-faq-subtitle{text-align:center;color:var(--text-muted);margin-top:-1.25rem;margin-bottom:2rem;font-size:.95rem}.wm-page{max-width:1100px;margin:0 auto}.wm-header{text-align:center;margin-bottom:2.5rem}.wm-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent);background:#2563eb12;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.3rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.wm-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.6rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.wm-subtitle{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem}.wm-workspace{grid-template-columns:340px 1fr;align-items:start;gap:1.5rem;margin-bottom:1.75rem;display:grid}.wm-controls{flex-direction:column;gap:.85rem;display:flex}.wm-type-tabs{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:.4rem;padding:.3rem;display:flex}.wm-type-tab{border-radius:calc(var(--radius-md) - 3px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.82rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .6rem;display:flex}.wm-type-tab.active{background:var(--bg-card);color:var(--text-accent);box-shadow:var(--shadow-sm)}.wm-type-tab:hover:not(.active){color:var(--text-primary);background:#00000008}.wm-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.wm-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.65rem;font-size:.72rem;font-weight:600}.wm-label{color:var(--text-primary);align-items:center;gap:.3rem;margin-bottom:.3rem;font-size:.8rem;font-weight:500;display:flex}.wm-input,.wm-select{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:.5rem .7rem}.wm-input:focus,.wm-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb14}.wm-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236B6661' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:2rem}.wm-slider-row{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.wm-slider-val{color:var(--text-accent);text-align:right;min-width:2.5rem;font-size:.8rem;font-weight:600}.wm-range{cursor:pointer;width:100%;height:4px;accent-color:var(--text-accent)}.wm-range-hint{color:var(--text-muted);margin-top:.2rem;font-size:.7rem;display:block}.wm-color-row{justify-content:space-between;align-items:center;display:flex}.wm-color-wrap{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.25rem .55rem;display:flex}.wm-color-input{cursor:pointer;background:0 0;border:none;border-radius:4px;width:26px;height:26px;padding:0}.wm-color-val{color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem;font-weight:600}.wm-toggle-row{align-items:center;gap:.5rem;display:flex}.wm-checkbox{width:15px;height:15px;accent-color:var(--text-accent);cursor:pointer}.wm-toggle-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;display:flex}.wm-logo-dropzone{border:1.5px dashed var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:78px;padding:1rem;font-size:.8rem;display:flex}.wm-logo-dropzone:hover{border-color:var(--border-focus);background:#2563eb08}.wm-logo-dropzone.has-logo{background:#16a34a0a;border-style:solid;border-color:#16a34a59}.wm-logo-dz-icon{color:var(--text-muted);opacity:.55}.wm-logo-dz-hint{opacity:.7;font-size:.7rem}.wm-logo-name{color:#16a34a;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:flex}.wm-logo-clear-btn{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font-sans);background:0 0;border:none;align-items:center;gap:.3rem;margin-top:.4rem;padding:0;display:flex}.wm-logo-clear-btn:hover{color:#dc2626}.wm-pos-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.wm-pos-btn{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;height:38px;transition:all var(--transition-fast);position:relative}.wm-pos-btn:after{content:"";background:var(--text-muted);border-radius:50%;width:7px;height:7px;position:absolute}.wm-pos-btn:first-child:after{top:5px;left:5px}.wm-pos-btn:nth-child(2):after{top:5px;left:50%;transform:translate(-50%)}.wm-pos-btn:nth-child(3):after{top:5px;right:5px}.wm-pos-btn:nth-child(4):after{top:50%;left:5px;transform:translateY(-50%)}.wm-pos-btn:nth-child(5):after{top:50%;left:50%;transform:translate(-50%,-50%)}.wm-pos-btn:nth-child(6):after{top:50%;right:5px;transform:translateY(-50%)}.wm-pos-btn:nth-child(7):after{bottom:5px;left:5px}.wm-pos-btn:nth-child(8):after{bottom:5px;left:50%;transform:translate(-50%)}.wm-pos-btn:nth-child(9):after{bottom:5px;right:5px}.wm-pos-btn:hover{border-color:var(--text-accent);background:#2563eb0d}.wm-pos-btn.active{border-color:var(--text-accent);background:#2563eb1a}.wm-pos-btn.active:after{background:var(--text-accent)}.wm-preview-col{flex-direction:column;gap:.85rem;display:flex}.wm-canvas-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}.wm-canvas{max-width:100%;height:auto;display:block}.wm-canvas-hint{color:var(--text-muted);text-align:center;margin-top:-.3rem;font-size:.72rem}.wm-dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.4rem 1rem;display:flex}.wm-dropzone:hover,.wm-dropzone.dragging{border-color:var(--text-accent);background:#2563eb08}.wm-dropzone.compact{flex-direction:row;gap:.6rem;padding:.8rem 1rem}.wm-dz-icon{color:var(--text-muted);opacity:.55}.wm-dz-text{color:var(--text-muted);flex-direction:column;gap:.2rem;font-size:.875rem;display:flex}.wm-dz-text span{opacity:.7;font-size:.72rem}.wm-dropzone.compact .wm-dz-text{flex-direction:row;align-items:center}.wm-action-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.wm-stats{color:var(--text-muted);align-items:center;gap:.55rem;font-size:.82rem;display:flex}.wm-stat-done{color:#16a34a;background:#16a34a1a;border-radius:999px;padding:.12rem .45rem;font-size:.72rem;font-weight:500}.wm-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.wm-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.42rem .85rem;display:flex}.wm-btn:disabled{opacity:.5;cursor:not-allowed}.wm-btn-apply{background:var(--text-accent);color:#fff;box-shadow:var(--shadow-3d-btn)}.wm-btn-apply:hover:not(:disabled){background:var(--text-accent-hover);box-shadow:var(--shadow-3d-btn-hover);transform:translateY(-1px)}.wm-btn-zip{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-medium)}.wm-btn-zip:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-accent);color:var(--text-accent)}.wm-btn-clear{color:var(--text-muted);border:1px solid var(--border-subtle);background:0 0}.wm-btn-clear:hover:not(:disabled){color:#dc2626;border-color:#dc2626}.wm-list{flex-direction:column;gap:.45rem;margin-bottom:2rem;display:flex}.wm-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.wm-card-done{border-color:#16a34a33}.wm-card-error{border-color:#dc262633}.wm-card-processing{opacity:.65}.wm-card-thumb{border-radius:var(--radius-sm);background:var(--bg-hover);flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.wm-card-thumb img{object-fit:cover;width:100%;height:100%}.wm-thumb-overlay{color:#fff;background:#0000006b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wm-overlay-done{background:#16a34a99}.wm-overlay-error{background:#dc262680}.wm-card-info{flex:1;min-width:0}.wm-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.85rem;font-weight:500;overflow:hidden}.wm-card-size{color:var(--text-muted);font-size:.72rem}.wm-card-error{color:#dc2626;margin-top:.15rem;font-size:.72rem}.wm-card-btns{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.wm-icon-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.wm-icon-btn:hover{transform:translateY(-1px)}.wm-icon-btn-apply:hover{border-color:var(--text-accent);color:var(--text-accent);background:#2563eb0d}.wm-icon-btn-dl:hover{color:#16a34a;background:#16a34a0d;border-color:#16a34a}.wm-icon-btn-rm:hover{color:#dc2626;background:#dc26260d;border-color:#dc2626}@keyframes wm-rotate{to{transform:rotate(360deg)}}.wm-spin{animation:.75s linear infinite wm-rotate}.wm-faq{margin-top:3rem}.wm-faq-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.92rem}@media (width<=800px){.wm-workspace{grid-template-columns:1fr}}.dn-split-layout{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;padding:2rem 0 3rem;display:grid}.dn-left{flex-direction:column;gap:1.5rem;padding-top:1rem;display:flex}.dn-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent);background:#2563eb14;border-radius:99px;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.dn-hero-title{color:var(--text-primary);letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,2.6rem);font-weight:800;line-height:1.1}.dn-gradient-text{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dn-hero-desc{color:var(--text-muted);max-width:480px;font-size:.98rem;line-height:1.65}.dn-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.dn-chip{border:1px solid #0000;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.dn-chip-violet{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed26}.dn-chip-rose{color:#e11d48;background:#e11d4812;border-color:#e11d481f}.dn-chip-teal{color:#0d9488;background:#0d948812;border-color:#0d94881f}.dn-features-mini{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.dn-feature-mini-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.875rem;padding:.875rem 1rem;display:flex}.dn-feature-mini-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dn-icon-violet{color:#7c3aed;background:#7c3aed1a}.dn-icon-rose{color:#e11d48;background:#e11d4814}.dn-feature-mini-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:600}.dn-feature-mini-desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.dn-right{flex-direction:column;gap:1.5rem;display:flex}.dn-dropzone-modern{min-height:280px}.dn-dz-icon{color:#7c3aed}.dn-dz-select-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;padding:.55rem 1.4rem;font-size:.875rem;font-weight:600}.dn-dz-select-btn:hover{opacity:.88}.dn-settings-panel{flex-direction:column;gap:1.25rem;display:flex}.dn-panel-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.875rem;display:flex}.dn-panel-icon{color:#7c3aed}.dn-strength-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.dn-strength-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:.5rem .75rem;font-size:.8rem;font-weight:600}.dn-strength-btn:hover:not(:disabled){color:#7c3aed;background:#7c3aed0d;border-color:#7c3aed}.dn-strength-btn.active{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed2e}.dn-strength-btn:disabled{opacity:.55;cursor:not-allowed}.dn-btn-denoise{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:opacity var(--transition-fast), transform var(--transition-fast);background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #7c3aed40}.dn-btn-denoise:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.dn-btn-denoise:disabled{opacity:.65;cursor:not-allowed;transform:none}.dn-btn-download{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#16a34a;border:none;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;box-shadow:0 3px 8px #16a34a33}.dn-btn-download:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.dn-btn-download:disabled{opacity:.55;cursor:not-allowed}.dn-faq{margin-top:3rem}.dn-faq-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.92rem}@media (width<=800px){.dn-split-layout{grid-template-columns:1fr;gap:2rem}.dn-right{order:1}.dn-left{order:2}}.cpe-split-layout{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;padding:2rem 0 3rem;display:grid}.cpe-left{flex-direction:column;gap:1.5rem;padding-top:1rem;display:flex}.cpe-right{flex-direction:column;gap:1.5rem;display:flex}.cpe-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#0d9488;background:#0d948814;border-radius:99px;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.cpe-hero-title{color:var(--text-primary);letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,2.6rem);font-weight:800;line-height:1.1}.cpe-gradient-text{background:linear-gradient(135deg,#0d9488,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cpe-hero-desc{color:var(--text-muted);max-width:480px;font-size:.98rem;line-height:1.65}.cpe-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.cpe-chip{border:1px solid #0000;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.cpe-chip-teal{color:#0d9488;background:#0d948812;border-color:#0d948826}.cpe-chip-rose{color:#e11d48;background:#e11d4812;border-color:#e11d481f}.cpe-chip-violet{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed26}.cpe-features-mini{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.cpe-feature-mini-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.875rem;padding:.875rem 1rem;display:flex}.cpe-feature-mini-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cpe-icon-teal{color:#0d9488;background:#0d94881a}.cpe-icon-rose{color:#e11d48;background:#e11d4814}.cpe-feature-mini-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:600}.cpe-feature-mini-desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.cpe-dropzone-modern{min-height:280px}.cpe-dz-icon{color:#0d9488}.cpe-dz-select-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0d9488,#059669);border:none;padding:.55rem 1.4rem;font-size:.875rem;font-weight:600}.cpe-dz-select-btn:hover{opacity:.88}.cpe-preview-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:center;align-items:center;max-height:420px;display:flex;overflow:hidden}.cpe-preview-img{object-fit:contain;width:100%;max-height:420px;display:block}.cpe-palette-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:1rem;padding:1.25rem}.cpe-palette-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cpe-palette-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.cpe-palette-count{color:#0d9488;background:#0d948814;border-radius:99px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.cpe-processing{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.875rem;display:flex}.cpe-processing-dots{gap:4px;display:flex}.cpe-processing-dots span{opacity:.3;background:#0d9488;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite cpe-pulse}.cpe-processing-dots span:nth-child(2){animation-delay:.2s}.cpe-processing-dots span:nth-child(3){animation-delay:.4s}@keyframes cpe-pulse{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.cpe-palette-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.625rem;display:grid}.cpe-swatch{cursor:pointer;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);outline-offset:2px;background:0 0;border:none;outline:2px solid #0000;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.cpe-swatch:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.cpe-swatch:focus-visible{outline-color:#0d9488}.cpe-swatch-color{width:100%;height:80px;display:block}.cpe-swatch-footer{background:var(--bg-card);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:5px 7px;display:flex}.cpe-swatch-hex{color:var(--text-primary);letter-spacing:.02em;font-family:Courier New,monospace;font-size:.67rem;font-weight:700}.cpe-swatch-pct{color:var(--text-muted);font-size:.65rem;font-weight:500}.cpe-swatch-copied .cpe-swatch-hex{color:#16a34a}.cpe-settings-panel{flex-direction:column;gap:1.25rem;display:flex}.cpe-panel-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.875rem;display:flex}.cpe-panel-icon{color:#0d9488}.cpe-export-section{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding-top:.25rem;display:flex}.cpe-export-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.cpe-export-btn{border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.5rem;width:100%;padding:.55rem .875rem;font-size:.825rem;font-weight:600;display:flex}.cpe-export-btn:hover{color:#0d9488;background:#0d94880d;border-color:#0d9488}.cpe-export-btn-dl{color:#fff;background:#0d9488;border-color:#0d9488;box-shadow:0 3px 8px #0d948833}.cpe-export-btn-dl:hover{color:#fff;background:#0f766e;border-color:#0f766e}.cpe-faq{margin-top:3rem}.cpe-faq-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.92rem}@media (width<=800px){.cpe-split-layout{grid-template-columns:1fr;gap:2rem}.cpe-right{order:1}.cpe-left{order:2}}.pcm-split-layout{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;padding:2rem 0 3rem;display:grid}.pcm-left{flex-direction:column;gap:1.5rem;padding-top:1rem;display:flex}.pcm-right{flex-direction:column;gap:1.5rem;display:flex}.pcm-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#ea580c;background:#ea580c14;border-radius:99px;align-items:center;gap:.4rem;width:fit-content;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pcm-hero-title{color:var(--text-primary);letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,2.6rem);font-weight:800;line-height:1.1}.pcm-gradient-text{background:linear-gradient(135deg,#ea580c,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pcm-hero-desc{color:var(--text-muted);max-width:480px;font-size:.98rem;line-height:1.65}.pcm-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.pcm-chip{border:1px solid #0000;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.pcm-chip-orange{color:#ea580c;background:#ea580c12;border-color:#ea580c26}.pcm-chip-rose{color:#e11d48;background:#e11d4812;border-color:#e11d481f}.pcm-chip-slate{color:#475569;background:#47556912;border-color:#4755691f}.pcm-features-mini{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.pcm-feature-mini-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.875rem;padding:.875rem 1rem;display:flex}.pcm-feature-mini-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pcm-icon-orange{color:#ea580c;background:#ea580c1a}.pcm-icon-rose{color:#e11d48;background:#e11d4814}.pcm-feature-mini-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:600}.pcm-feature-mini-desc{color:var(--text-muted);font-size:.78rem;line-height:1.5}.pcm-canvas-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast);position:relative;overflow:hidden}.pcm-canvas-card-drag{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c26}.pcm-canvas{width:100%;height:auto;display:block}.pcm-canvas-drop-overlay{border-radius:inherit;color:#ea580c;pointer-events:none;background:#ea580c14;border:2px dashed #ea580c;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:flex;position:absolute;inset:0}.pcm-strip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:1rem;padding:.875rem 1rem}.pcm-strip-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.pcm-strip-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.pcm-strip-hint{color:var(--text-muted);font-size:.72rem}.pcm-strip-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pcm-strip-item{border-radius:var(--radius-sm);cursor:grab;width:64px;height:64px;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;border:2px solid #0000;flex-shrink:0;transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.pcm-strip-item:hover{transform:translateY(-2px)}.pcm-strip-item:active{cursor:grabbing}.pcm-strip-item-over{border-color:#ea580c;box-shadow:0 0 0 2px #ea580c40}.pcm-strip-item-unused{opacity:.4}.pcm-strip-item-unused:after{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#1c19170f 4px 8px);position:absolute;inset:0}.pcm-strip-thumb{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pcm-strip-slot{color:#fff;text-shadow:0 1px 3px #0009;z-index:1;pointer-events:none;font-size:.6rem;font-weight:800;line-height:1;position:absolute;top:3px;left:4px}.pcm-strip-remove{color:#fff;cursor:pointer;opacity:0;z-index:2;background:#dc2626d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.pcm-strip-item:hover .pcm-strip-remove{opacity:1}.pcm-strip-add{border:2px dashed var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);width:64px;height:64px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pcm-strip-add:hover{color:#ea580c;background:#ea580c0d;border-color:#ea580c}.pcm-settings-panel{flex-direction:column;gap:1.25rem;display:flex}.pcm-panel-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.875rem;display:flex}.pcm-panel-icon{color:#ea580c}.pcm-layouts-grid{grid-template-columns:repeat(5,1fr);gap:.375rem;margin-top:.5rem;display:grid}.pcm-layout-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);aspect-ratio:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.pcm-layout-btn:hover{color:#ea580c;background:#ea580c0d;border-color:#ea580c}.pcm-layout-btn.active{color:#ea580c;background:#ea580c1a;border-color:#ea580c;box-shadow:0 0 0 2px #ea580c2e}.pcm-ar-row{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.pcm-ar-btn{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.35rem .65rem;font-size:.78rem;font-weight:600}.pcm-ar-btn:hover{color:#ea580c;border-color:#ea580c}.pcm-ar-btn.active{color:#ea580c;background:#ea580c1a;border-color:#ea580c;box-shadow:0 0 0 2px #ea580c2e}.pcm-bg-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.pcm-bg-swatch{cursor:pointer;border-radius:6px;flex-shrink:0;width:28px;height:28px;transition:transform .12s,box-shadow .12s}.pcm-bg-swatch:hover{transform:scale(1.15)}.pcm-bg-swatch.active{box-shadow:0 0 0 2px var(--text-accent), 0 0 0 4px #2563eb33}.pcm-bg-custom{cursor:pointer;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);transition:border-color var(--transition-fast);align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.pcm-bg-custom:hover{border-color:var(--text-accent)}.pcm-bg-custom input[type=color]{cursor:pointer;background:0 0;border:none;width:20px;height:20px;padding:0}.pcm-bg-custom-label{font-size:.75rem;font-weight:500}.pcm-btn-download{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:opacity var(--transition-fast), transform var(--transition-fast);background:linear-gradient(135deg,#ea580c,#f59e0b);border:none;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #ea580c40}.pcm-btn-download:hover{opacity:.9;transform:translateY(-1px)}.pcm-faq{margin-top:3rem}.pcm-faq-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.92rem}@media (width<=800px){.pcm-split-layout{grid-template-columns:1fr;gap:2rem}.pcm-right{order:1}.pcm-left{order:2}}.tool-split-hero{grid-template-columns:1fr;align-items:center;gap:2.5rem;margin-bottom:3rem;display:grid}@media (width>=900px){.tool-split-hero{grid-template-columns:1fr 1fr;gap:3.5rem}}.tool-hero-left,.tool-hero-right{flex-direction:column;display:flex}.tool-hero-eyebrow{text-transform:uppercase;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1.25rem;font-size:.72rem;font-weight:700;display:inline-flex}.tool-hero-h1{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,4.5vw,2.9rem);font-weight:800;line-height:1.08}.tool-hero-p{color:var(--text-muted);max-width:480px;margin-bottom:1.5rem;font-size:.98rem;line-height:1.65}.tool-chip-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.tool-chip{border:1px solid #0000;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.73rem;font-weight:600;display:inline-flex}.tool-mini-cards{flex-direction:column;gap:.85rem;display:flex}.tool-mini-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:flex-start;gap:.9rem;padding:.85rem 1rem;display:flex}.tool-mini-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tool-mini-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.875rem;font-weight:600}.tool-mini-desc{color:var(--text-muted);font-size:.8rem;line-height:1.5}.tool-hero-banner{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding:2.75rem 0 2.25rem}.tool-hero-banner .tool-hero-h1{font-size:clamp(1.85rem,4vw,2.5rem)}.bconv-gradient-text{background:linear-gradient(135deg,#2563eb,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.svgo-gradient-text{background:linear-gradient(135deg,#059669,#0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.irs-gradient-text{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gif-gradient-text{background:linear-gradient(135deg,#ea580c,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wm-gradient-text{background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.exif-gradient-text{background:linear-gradient(135deg,#e11d48,#9f1239);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.qrg-gradient-text{background:linear-gradient(135deg,#ea580c,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.meme-gradient-text{background:linear-gradient(135deg,#d97706,#ea580c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.chip-blue{color:#2563eb;background:#2563eb12;border-color:#2563eb2e}.chip-teal{color:#0d9488;background:#0d948812;border-color:#0d948833}.chip-emerald{color:#059669;background:#05966912;border-color:#0596692e}.chip-violet{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed2e}.chip-orange{color:#ea580c;background:#ea580c12;border-color:#ea580c2e}.chip-amber{color:#d97706;background:#d9770612;border-color:#d977062e}.chip-rose{color:#e11d48;background:#e11d4812;border-color:#e11d482e}.chip-indigo{color:#4f46e5;background:#4f46e512;border-color:#4f46e52e}.chip-slate{color:#475569;background:#47556912;border-color:#4755692e}.chip-sky{color:#0284c7;background:#0ea5e912;border-color:#0ea5e933}.icon-blue{color:#2563eb;background:#2563eb1a}.icon-teal{color:#0d9488;background:#0d94881a}.icon-emerald{color:#059669;background:#0596691a}.icon-violet{color:#7c3aed;background:#7c3aed1a}.icon-orange{color:#ea580c;background:#ea580c1a}.icon-amber{color:#d97706;background:#d977061a}.icon-rose{color:#e11d48;background:#e11d481a}.icon-indigo{color:#4f46e5;background:#4f46e51a}.icon-slate{color:#475569;background:#4755691a}.icon-sky{color:#0ea5e9;background:#0ea5e91a}.dz-fmt-avif{color:#065f46;background:#10b98112;border:1px solid #10b98133}.dz-fmt-svg{color:#9a3412;background:#ea580c12;border:1px solid #ea580c33}@media (width<=860px){.tool-split-hero{grid-template-columns:1fr;gap:2rem}.tool-hero-right{order:1;margin-top:0}.tool-hero-left{order:2}}.tis-wrap{width:100%;margin-top:1.75rem}.tis-stage{align-items:center;gap:.75rem;display:flex}.tis-card{background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;width:148px;display:flex;overflow:hidden}.tis-topbar{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:#1c191708;border-bottom:1px solid #1c19170f;padding:.3rem .6rem;font-size:.52rem;font-weight:800}.tis-footer{flex-direction:column;gap:.12rem;padding:.55rem .65rem;display:flex}.tis-fname{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.tis-stat{letter-spacing:-.02em;color:var(--text-primary);font-size:.8rem;font-weight:800}.tis-connector{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.tis-arrow{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tis-badge{color:#fff;white-space:nowrap;letter-spacing:.04em;border-radius:9999px;padding:.22rem .5rem;font-size:.62rem;font-weight:800}.pwd-page{padding-bottom:4rem}.pwd-eyebrow{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed2e}.pwd-gradient-text{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pwd-main-grid{grid-template-columns:1fr;align-items:start;gap:1.25rem;margin-top:2.5rem;display:grid}@media (width>=900px){.pwd-main-grid{grid-template-columns:1fr 340px}.pwd-output-sidebar{align-self:stretch}.pwd-output-card{position:sticky;top:76px}}.pwd-settings-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.pwd-section{border-bottom:1px solid var(--border-subtle);padding:1rem 1.1rem}.pwd-section:last-child{border-bottom:none}.pwd-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.pwd-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.pwd-length-badge{color:#7c3aed;font-variant-numeric:tabular-nums;text-align:right;min-width:2.5ch;font-size:1.1rem;font-weight:800}.pwd-slider{appearance:none;background:linear-gradient(to right, #7c3aed 0%, #7c3aed var(--pwd-fill,0%), var(--border-medium) var(--pwd-fill,0%), var(--border-medium) 100%);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:5px;margin-bottom:.5rem}.pwd-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#7c3aed;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #7c3aed59}.pwd-slider::-moz-range-thumb{cursor:grab;background:#7c3aed;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #7c3aed59}.pwd-slider-marks{justify-content:space-between;display:flex}.pwd-mark{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:.1rem .2rem;font-size:.68rem}.pwd-mark:hover,.pwd-mark.active{color:#7c3aed;background:#7c3aed12}.pwd-char-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pwd-char-btn{border:1.5px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.pwd-char-btn.active{background:#7c3aed0d;border-color:#7c3aed66}.pwd-char-btn:hover:not(.active){border-color:var(--border-medium);background:var(--bg-hover)}.pwd-char-check{border:1.5px solid var(--border-medium);width:16px;height:16px;transition:background var(--transition-fast), border-color var(--transition-fast);color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwd-char-check.on{background:#7c3aed;border-color:#7c3aed}.pwd-char-info{flex-direction:column;gap:.1rem;display:flex}.pwd-char-label{color:var(--text-primary);font-size:.78rem;font-weight:600}.pwd-char-sub{color:var(--text-muted);font-family:Courier New,monospace;font-size:.68rem}.pwd-warning{color:#ef4444;margin-top:.5rem;font-size:.75rem}.pwd-option-row{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.pwd-checkbox-input{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:1px}.pwd-option-text{flex-direction:column;gap:.15rem;display:flex}.pwd-option-label{color:var(--text-primary);font-size:.8rem;font-weight:600}.pwd-option-sub{color:var(--text-muted);font-size:.72rem}.pwd-qty-row{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.pwd-qty-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg-input);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem;font-weight:600}.pwd-qty-btn:hover{color:#7c3aed;border-color:#7c3aed4d}.pwd-qty-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.pwd-output-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.pwd-output-sidebar{flex-direction:column;gap:.75rem;display:flex}.pwd-output-header{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pwd-output-label{color:var(--text-primary);font-size:.8rem;font-weight:700}.pwd-regen-btn{color:#7c3aed;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#7c3aed12;border:1px solid #7c3aed33;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:flex}.pwd-regen-btn:hover{background:#7c3aed21}.pwd-list{flex-direction:column;max-height:520px;display:flex;overflow-y:auto}.pwd-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.8rem}.pwd-item{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding:.8rem 1rem;display:flex}.pwd-item:last-child{border-bottom:none}.pwd-item-row{align-items:center;gap:.5rem;display:flex}.pwd-text{color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-family:Courier New,Courier,monospace;font-size:.82rem;font-weight:600;line-height:1.4;transition:filter .25s}.pwd-text.pwd-blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.pwd-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwd-copy-btn:hover{color:#7c3aed;background:#7c3aed0f;border-color:#7c3aed59}.pwd-strength-row{align-items:center;gap:.6rem;display:flex}.pwd-bar-track{background:var(--border-subtle);border-radius:9999px;flex:1;height:4px;overflow:hidden}.pwd-bar-fill{border-radius:9999px;height:100%;transition:width .4s,background .4s}.pwd-strength-label{white-space:nowrap;text-align:right;min-width:6ch;font-size:.68rem;font-weight:700}.pwd-output-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.pwd-visibility-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem .4rem;font-size:.75rem;font-weight:600;display:flex}.pwd-visibility-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.pwd-copy-all-btn{color:#7c3aed;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#7c3aed12;border:1px solid #7c3aed33;align-items:center;gap:.35rem;margin-left:auto;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:flex}.pwd-copy-all-btn:hover{background:#7c3aed21}.pwd-faq{margin-top:3rem}.pwd-faq-subtitle{text-align:center;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:2rem;font-size:.95rem}.cpg-page{padding-bottom:4rem}.cpg-eyebrow{color:#0284c7;background:#0ea5e914;border-color:#0ea5e933}.cpg-gradient-text{background:linear-gradient(135deg,#0ea5e9,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cpg-workspace{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:2.5rem;overflow:hidden}.cpg-controls{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);padding:1.1rem 1.25rem}.cpg-controls-row{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.cpg-control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem;font-size:.72rem;font-weight:700;display:block}.cpg-seed-group{flex-shrink:0}.cpg-seed-inputs{align-items:center;gap:.5rem;display:flex}.cpg-seed-swatch{border:2px solid var(--border-medium);cursor:pointer;width:42px;height:42px;transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:8px;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.cpg-seed-swatch:hover{border-color:var(--border-strong);transform:scale(1.05)}.cpg-hex-wrap{background:var(--bg-input);border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);height:42px;transition:border-color var(--transition-fast);align-items:center;gap:.15rem;padding:0 .5rem;display:flex}.cpg-hex-wrap:focus-within{border-color:#0ea5e9}.cpg-hex-hash{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700}.cpg-hex-input{width:72px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;outline:none;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:700}.cpg-harmony-group{flex:1;min-width:0}.cpg-harmony-btns{flex-wrap:wrap;gap:.35rem;display:flex}.cpg-harmony-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:.35rem .7rem;font-size:.74rem;font-weight:600}.cpg-harmony-btn:hover:not(.active){color:#0284c7;background:#0ea5e90a;border-color:#0ea5e94d}.cpg-harmony-btn.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.cpg-randomize-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-medium);background:var(--bg-input);height:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0;align-self:flex-end;align-items:center;gap:.4rem;padding:0 1rem;font-size:.8rem;font-weight:600;display:flex}.cpg-randomize-btn:hover{color:#0284c7;background:#0ea5e90d;border-color:#0ea5e966}.cpg-palette-wrap{padding:1.25rem;overflow-x:auto}.cpg-palette-grid{grid-template-columns:repeat(5,minmax(110px,1fr));gap:.75rem;min-width:600px;display:grid}.cpg-swatch{border:1px solid var(--border-subtle);border-radius:10px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 6px #0000000f}.cpg-swatch:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.cpg-swatch-color{cursor:pointer;justify-content:center;align-items:flex-end;height:150px;padding-bottom:.6rem;display:flex;position:relative}.cpg-swatch-overlay{opacity:0;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;transition:opacity .15s;display:flex}.cpg-swatch-color:hover .cpg-swatch-overlay{opacity:1}.cpg-swatch-copied,.cpg-swatch-click-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000002e;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;display:flex}.cpg-swatch-info{background:var(--bg-card);border-top:1px solid var(--border-subtle);align-items:center;gap:.4rem;padding:.55rem .65rem;display:flex}.cpg-swatch-text{flex-direction:column;flex:1;gap:.08rem;min-width:0;display:flex}.cpg-swatch-hex{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.74rem;font-weight:700}.cpg-swatch-hsl{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.cpg-copy-btn{border:1px solid var(--border-subtle);background:var(--bg-input);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cpg-copy-btn:hover,.cpg-copy-btn.copied{color:#0284c7;background:#0ea5e912;border-color:#0ea5e966}.cpg-export-section{border-top:1px solid var(--border-subtle)}.cpg-export-controls{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.cpg-fmt-btns{gap:.35rem;display:flex}.cpg-fmt-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.3rem .7rem;font-size:.75rem;font-weight:600}.cpg-fmt-btn:hover:not(.active){color:#0284c7;border-color:#0ea5e94d}.cpg-fmt-btn.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.cpg-copy-export-btn{border-radius:var(--radius-sm);color:#0284c7;cursor:pointer;transition:background var(--transition-fast);background:#0ea5e912;border:1.5px solid #0ea5e94d;align-items:center;gap:.35rem;margin-left:auto;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:flex}.cpg-copy-export-btn:hover{background:#0ea5e921}.cpg-export-preview{color:var(--text-primary);background:var(--bg-input);white-space:pre;min-height:80px;margin:0;padding:1rem 1.25rem;font-family:Courier New,Courier,monospace;font-size:.78rem;line-height:1.7;overflow-x:auto}.cpg-back-btn{justify-content:center;align-items:center;gap:.5rem;margin:1.5rem auto 0;display:flex}.cpg-faq{margin-top:3rem}.cpg-faq-subtitle{text-align:center;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:2rem;font-size:.95rem}.bcg-page{max-width:1080px;margin:0 auto}.bcg-eyebrow{color:#d97706;background:#d9770614;border-color:#d9770633}.bcg-gradient{background:linear-gradient(135deg,#d97706,#b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bcg-faq-subtitle{text-align:center;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:2rem;font-size:.95rem}.bcg-workspace{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=900px){.bcg-workspace{grid-template-columns:1fr 380px;align-items:start}.bcg-output-sidebar{align-self:stretch}.bcg-output-card{position:sticky;top:76px}}.bcg-settings-card{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.bcg-section-header{color:var(--text-primary);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.bcg-field{flex-direction:column;gap:.45rem;display:flex}.bcg-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem;font-size:.8rem;font-weight:600}.bcg-label-row{justify-content:space-between;align-items:center;display:flex}.bcg-val{color:#d97706;font-size:.82rem;font-weight:600}.bcg-hint{color:var(--text-secondary);margin-top:.15rem;font-size:.77rem;line-height:1.4}.bcg-format-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.bcg-format-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:.4rem;padding:.42rem .5rem;font-family:Courier New,monospace;font-size:.78rem;font-weight:600;transition:all .15s}.bcg-format-btn:hover{color:#d97706;background:#d977060a;border-color:#d97706}.bcg-format-btn.active{color:#d97706;background:#d9770614;border-color:#d97706}.bcg-input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:.5rem;outline:none;padding:.62rem .85rem;font-family:Courier New,monospace;font-size:.9rem;transition:border-color .15s}.bcg-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061f}.bcg-input-error{border-color:#ef4444!important}.bcg-error{color:#ef4444;margin-top:.15rem;font-size:.78rem}.bcg-slider{appearance:none;background:linear-gradient(to right, #d97706 var(--bcg-fill,50%), var(--border) var(--bcg-fill,50%));cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.bcg-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#d97706;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #d9770659}.bcg-slider::-moz-range-thumb{cursor:pointer;background:#d97706;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #d9770659}.bcg-color-row{gap:1rem;display:flex}.bcg-color-item{flex-direction:column;align-items:center;gap:.35rem;display:flex}.bcg-color-swatch{border:1.5px solid var(--border);cursor:pointer;border-radius:.5rem;width:44px;height:44px;position:relative;overflow:hidden}.bcg-color-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;position:absolute;inset:0}.bcg-color-label{color:var(--text-secondary);font-size:.73rem;font-weight:500}.bcg-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.bcg-toggle{background:var(--border);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.bcg-toggle.on{background:#d97706}.bcg-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.bcg-toggle.on .bcg-toggle-thumb{transform:translate(18px)}.bcg-output-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.bcg-preview-area{border:1.5px solid var(--border);border-radius:.6rem;justify-content:center;align-items:center;min-height:140px;padding:.5rem;display:flex;overflow:hidden}.bcg-canvas{max-width:100%;height:auto;image-rendering:pixelated;border-radius:2px;display:block}.bcg-preview-error{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.82rem;display:flex}.bcg-format-badge{color:#d97706;letter-spacing:.05em;background:#d977061a;border-radius:999px;align-self:flex-start;padding:.22rem .65rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:inline-flex}.bcg-download-row{flex-wrap:wrap;gap:.5rem;display:flex}.bcg-btn-primary{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.84rem;font-weight:600;transition:background .15s,opacity .15s;display:flex}.bcg-btn-primary:hover:not(:disabled){background:#b45309}.bcg-btn-primary:disabled{opacity:.4;cursor:not-allowed}.bcg-btn-secondary{color:#d97706;cursor:pointer;background:0 0;border:1.5px solid #d97706;border-radius:.5rem;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.bcg-btn-secondary:hover:not(:disabled){background:#d9770612}.bcg-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.bcg-btn-ghost{color:var(--text-secondary);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.84rem;font-weight:500;transition:all .15s;display:flex}.bcg-btn-ghost:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.bcg-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.fvg-page{max-width:1080px;margin:0 auto}.fvg-eyebrow{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed33}.fvg-gradient{background:linear-gradient(135deg,#7c3aed,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fvg-workspace{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=900px){.fvg-workspace{grid-template-columns:1fr 360px;align-items:start}.fvg-output-sidebar{align-self:stretch}.fvg-output-card{position:sticky;top:76px}}.fvg-settings-card{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.fvg-section-header{color:var(--text-primary);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.fvg-field{flex-direction:column;gap:.45rem;display:flex}.fvg-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.fvg-sublabel{text-transform:none;opacity:.75;font-size:.77rem;font-weight:400}.fvg-label-row{justify-content:space-between;align-items:center;display:flex}.fvg-val{color:#7c3aed;font-size:.82rem;font-weight:600}.fvg-dropzone{border:2px dashed var(--border);cursor:pointer;text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.fvg-dropzone:hover,.fvg-dropzone-active{background:#7c3aed0a;border-color:#7c3aed}.fvg-dz-icon{color:#7c3aed;opacity:.55}.fvg-dz-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.fvg-dz-sub{color:var(--text-secondary);margin:0;font-size:.8rem}.fvg-dz-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.45rem;margin-top:.25rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;transition:background .15s}.fvg-dz-btn:hover{background:#6d28d9}.fvg-file-row{border:1.5px solid var(--border);background:var(--surface);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.fvg-thumb{object-fit:contain;background:repeating-conic-gradient(#e0e0e0 0% 25%,#fff 0% 50%) 0 0/10px 10px;border-radius:.4rem;flex-shrink:0;width:48px;height:48px}.fvg-file-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.fvg-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.fvg-file-dim{color:var(--text-secondary);font-size:.75rem}.fvg-remove-btn{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:.35rem;flex-shrink:0;padding:.35rem;transition:all .15s;display:flex}.fvg-remove-btn:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.fvg-bg-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fvg-bg-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:.4rem;align-items:center;gap:.4rem;padding:.42rem .8rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.fvg-bg-btn:hover{color:#7c3aed;border-color:#7c3aed}.fvg-bg-btn.active{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed}.fvg-checker-swatch{background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0/7px 7px;border-radius:2px;flex-shrink:0;width:14px;height:14px}.fvg-color-dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:14px;height:14px}.fvg-color-swatch-wrap{align-items:center;gap:.4rem;display:flex}.fvg-color-swatch{border:1.5px solid var(--border);cursor:pointer;border-radius:.35rem;width:32px;height:32px;position:relative;overflow:hidden}.fvg-color-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;position:absolute;inset:0}.fvg-color-hex{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.78rem}.fvg-shape-row{gap:.5rem;display:flex}.fvg-shape-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:.4rem;align-items:center;gap:.4rem;padding:.42rem .75rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.fvg-shape-btn:hover{color:#7c3aed;border-color:#7c3aed}.fvg-shape-btn.active{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed}.fvg-shape-icon{background:currentColor;flex-shrink:0;width:14px;height:14px}.fvg-shape-square{border-radius:0}.fvg-shape-rounded{border-radius:4px}.fvg-shape-circle{border-radius:50%}.fvg-slider-row{align-items:center;gap:.6rem;display:flex}.fvg-slider-label{color:var(--text-secondary);white-space:nowrap;font-size:.78rem}.fvg-slider-val{color:#7c3aed;white-space:nowrap;text-align:right;min-width:2.5rem;font-size:.78rem;font-weight:600}.fvg-slider{appearance:none;background:linear-gradient(to right, #7c3aed var(--fvg-fill,0%), var(--border) var(--fvg-fill,0%));cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.fvg-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#7c3aed;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #7c3aed59}.fvg-slider::-moz-range-thumb{cursor:pointer;background:#7c3aed;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #7c3aed59}.fvg-input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:.5rem;outline:none;padding:.62rem .85rem;font-size:.9rem;transition:border-color .15s}.fvg-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.fvg-generate-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.55rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem;font-size:.92rem;font-weight:600;transition:background .15s,opacity .15s;display:flex}.fvg-generate-btn:hover:not(:disabled){background:#6d28d9}.fvg-generate-btn:disabled{opacity:.45;cursor:not-allowed}.fvg-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite fvg-spin}@keyframes fvg-spin{to{transform:rotate(360deg)}}.fvg-output-card{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.fvg-empty-state{color:var(--text-secondary);text-align:center;border:1.5px dashed var(--border);border-radius:.6rem;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;font-size:.85rem;display:flex}.fvg-empty-state strong{color:var(--text-primary)}.fvg-preview-grid{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.fvg-preview-item{flex-direction:column;align-items:center;gap:.35rem;display:flex}.fvg-preview-bg{background:repeating-conic-gradient(#e5e5e5 0% 25%,#fff 0% 50%) 0 0/10px 10px;border:1px solid #00000012;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.fvg-preview-label{color:var(--text-secondary);white-space:nowrap;font-size:.68rem}.fvg-files-list{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.3rem;max-height:200px;padding:.75rem .9rem;display:flex;overflow-y:auto}.fvg-files-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.75rem;font-weight:700}.fvg-file-entry{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.fvg-file-dot{opacity:.55;background:#7c3aed;border-radius:50%;flex-shrink:0;width:5px;height:5px}.fvg-download-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:.55rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.72rem;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.fvg-download-btn:hover{background:#6d28d9}.fvg-faq-subtitle{text-align:center;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:2rem;font-size:.95rem}.pdfc-page{max-width:1080px;margin:0 auto}.pdfc-faq{margin-top:200px}.pdfc-faq-subtitle{text-align:center;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:2rem;font-size:.95rem}.pdfc-center-hero{text-align:center;cursor:default;border-radius:1.25rem;flex-direction:column;align-items:center;padding:5rem 2rem 4rem;transition:background .2s;display:flex}.pdfc-center-hero-drag{background:#e11d480a;border:2px dashed #e11d4859}.pdfc-center-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .75rem;font-size:2.75rem;font-weight:800;line-height:1.15}.pdfc-center-subtitle{color:var(--text-secondary);max-width:480px;margin:0 0 2.5rem;font-size:1.1rem}.pdfc-select-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:.875rem;align-items:center;gap:.55rem;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:background .18s,transform .12s;display:inline-flex;box-shadow:0 4px 18px #e11d4847}.pdfc-select-btn:hover{background:#be123c;transform:translateY(-1px)}.pdfc-select-btn:active{transform:translateY(0)}.pdfc-drop-hint{color:var(--text-secondary);margin:1.1rem 0 0;font-size:.9rem}.pdfc-redesigned-hero-wrap{text-align:center;cursor:default;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem 1rem;display:flex;position:relative}.pdfc-secure-badge{color:#1d4ed8;box-shadow:none;background:#2563eb0d;border:1px solid #2563eb1f;border-radius:99px;align-items:center;gap:.45rem;margin-bottom:.75rem;padding:.45rem 1.1rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.pdfc-secure-badge:hover{background:#2563eb14;border-color:#2563eb2e}.pdfc-badge-icon{color:#1d4ed8;flex-shrink:0}.pdfc-title-highlight{color:#e11d48;background:linear-gradient(135deg,#f43f5e,#e11d48);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.pdfc-center-subtitle-secondary{color:var(--text-secondary);opacity:.85;margin-top:.4rem;font-size:.95rem;font-weight:500;display:block}.pdfc-redesigned-hero-wrap .pdfc-center-title{margin-bottom:.5rem}.pdfc-redesigned-hero-wrap .pdfc-center-subtitle{margin-bottom:1rem}.pdfc-workspace-container{justify-content:center;width:100%;max-width:920px;margin-top:.75rem;display:flex;position:relative}.pdfc-redesigned-dropzone{cursor:pointer;box-sizing:border-box;background:#fff;border:2px dashed #2563eb26;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;padding:3rem 2.5rem;transition:all .22s ease-in-out;display:flex;box-shadow:0 12px 36px #00000008,0 1px 4px #00000003}.pdfc-redesigned-dropzone:hover{background:#fbfdff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 16px 36px #2563eb0f}.pdfc-redesigned-dropzone-drag{background:#2563eb08!important;border-color:#1d4ed8!important;box-shadow:0 20px 48px #2563eb14!important}.pdfc-dz-file-icon{justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.75rem;display:flex;position:relative}.pdfc-dz-file-icon-inner{color:#e11d48;z-index:2;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s;display:flex;box-shadow:0 8px 20px #e11d481f}.pdfc-redesigned-dropzone:hover .pdfc-dz-file-icon-inner{transform:scale(1.05)}.pdfc-dz-pdf-icon-svg{color:#e11d48}.pdfc-star-1,.pdfc-star-2{color:#93c5fd;pointer-events:none;z-index:1;font-weight:700;line-height:1;position:absolute}.pdfc-star-1{font-size:1.35rem;top:-2px;left:-8px}.pdfc-star-2{font-size:1.15rem;bottom:12px;right:-10px}.pdfc-cloud-decor-1,.pdfc-cloud-decor-2{pointer-events:none;z-index:1;background:#2563eb0f;border-radius:30px;position:absolute}.pdfc-cloud-decor-1{width:32px;height:14px;bottom:8px;left:-28px}.pdfc-cloud-decor-2{width:24px;height:10px;top:6px;right:-24px}.pdfc-dz-main-heading{color:#1e293b;letter-spacing:-.015em;margin:0 0 .4rem;font-family:inherit;font-size:1.45rem;font-weight:700}.pdfc-dz-or{color:var(--text-muted);margin:0 0 .85rem;font-size:.8rem;font-weight:500}.pdfc-select-btn-redesigned{color:#fff;cursor:pointer;box-shadow:var(--shadow-3d-btn), 0 4px 12px #2563eb29;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.45rem;padding:.72rem 2.2rem;font-size:.92rem;font-weight:700;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.pdfc-select-btn-redesigned:hover{box-shadow:var(--shadow-3d-btn-hover), 0 6px 16px #2563eb38;background:#1d4ed8;transform:translateY(-1px)}.pdfc-select-btn-redesigned:active{box-shadow:var(--shadow-3d-btn-active), 0 2px 4px #2563eb1a;transform:translateY(0)}.pdfc-multiple-hint{color:var(--text-muted);margin:.5rem 0 1.25rem;font-size:.8rem}.pdfc-metadata-bar{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1.25rem;width:100%;padding-top:.85rem;display:flex}.pdfc-meta-item{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.pdfc-meta-icon{color:var(--text-muted)}.pdfc-meta-divider{color:var(--border);font-weight:300}.pdfc-badge-pill{color:#e11d48;letter-spacing:.02em;background:#ffe4e6;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.pdfc-decor-left{z-index:1;pointer-events:none;width:120px;height:150px;animation:7s ease-in-out infinite float-left;position:absolute;top:calc(50% - 75px);left:-150px}.pdfc-floating-pdf-icon{background:linear-gradient(135deg,#fda4af,#e11d48);border-radius:10px;justify-content:center;align-items:center;width:100px;height:130px;display:flex;position:relative;box-shadow:0 16px 32px #e11d4833}.pdfc-floating-pdf-icon:before{content:"";border-top:0 solid #0000;border-bottom:22px solid #ffffff4d;border-left:0 solid #ffffff4d;border-right:22px solid #0000;border-bottom-left-radius:6px;width:0;height:0;position:absolute;top:0;right:0}.pdfc-floating-pdf-brand{color:#fff;letter-spacing:.05em;text-shadow:0 2px 4px #00000026;font-size:1.25rem;font-weight:900;transform:rotate(-10deg)}.pdfc-decor-right{z-index:1;pointer-events:none;width:120px;height:140px;animation:9s ease-in-out infinite float-right;position:absolute;top:calc(50% - 70px);right:-130px}.pdfc-floating-stack-1,.pdfc-floating-stack-2{border-radius:8px;width:80px;height:110px;position:absolute}.pdfc-floating-stack-1{background:#eff6ff8c;border:1.5px solid #2563eb1f;top:5px;left:10px;transform:rotate(10deg)}.pdfc-floating-stack-2{background:#fff;border:1.5px solid #2563eb29;top:-5px;left:22px;transform:rotate(-8deg);box-shadow:0 10px 24px #0000000a}.pdfc-decor-cross{color:#93c5fd;font-size:1.4rem;font-weight:700;position:absolute;top:-24px;right:15px}@keyframes float-left{0%,to{transform:translateY(0)rotate(-15deg)}50%{transform:translateY(-16px)rotate(-11deg)}}@keyframes float-right{0%,to{transform:translateY(0)rotate(5deg)}50%{transform:translateY(-18px)rotate(-2deg)}}@media (width<=1220px){.pdfc-decor-left,.pdfc-decor-right{display:none}}@media (width<=640px){.pdfc-redesigned-hero-wrap{flex-direction:column;padding:1.5rem .75rem 1rem;display:flex}.pdfc-workspace-container{margin-top:0;margin-bottom:1.5rem}.pdfc-redesigned-hero-wrap .pdfc-center-title{margin-bottom:.5rem;font-size:1.75rem;line-height:1.2}.pdfc-redesigned-hero-wrap .pdfc-center-subtitle{margin-bottom:.5rem;font-size:.92rem;line-height:1.4}.pdfc-redesigned-dropzone{border-radius:1rem;padding:2.25rem 1.25rem}.pdfc-dz-main-heading{font-size:1.15rem}.pdfc-metadata-bar{flex-direction:column;gap:.5rem;padding-top:.75rem}.pdfc-meta-divider{display:none}}.pdfc-workspace{margin-top:2.5rem}.pdfc-dropzone{border:2.5px dashed var(--border);cursor:pointer;text-align:center;background:var(--surface);border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;transition:border-color .15s,background .15s;display:flex}.pdfc-dropzone:hover,.pdfc-dropzone-active{background:#f43f5e08;border-color:#e11d48}.pdfc-dz-icon-wrap{background:#f43f5e14;border-radius:1rem;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.5rem;display:flex}.pdfc-dz-icon{color:#e11d48}.pdfc-dz-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.pdfc-dz-sub{color:var(--text-secondary);margin:0;font-size:.88rem}.pdfc-dz-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:.55rem;align-items:center;gap:.45rem;margin-top:.5rem;padding:.62rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.pdfc-dz-btn:hover{background:#be123c}.pdfc-main{flex-direction:column;gap:1.25rem;display:flex}.pdfc-section{border:1.5px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.35rem 1.5rem}.pdfc-section-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pdfc-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-size:.72rem;font-weight:700}.pdfc-levels{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=680px){.pdfc-levels{grid-template-columns:1fr}}.pdfc-level-card{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:.75rem;flex-direction:column;gap:.45rem;padding:1.1rem 1rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.pdfc-level-card:hover:not(:disabled){background:#2563eb08;border-color:#2563eb}.pdfc-level-card.active{background:#2563eb0d;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.pdfc-level-card:disabled{opacity:.5;cursor:not-allowed}.pdfc-level-top{justify-content:space-between;align-items:center;display:flex}.pdfc-level-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s;display:flex}.pdfc-level-card.active .pdfc-level-radio{border-color:#2563eb}.pdfc-radio-dot{background:0 0;border-radius:50%;width:8px;height:8px;transition:background .15s}.pdfc-radio-dot.on{background:#2563eb}.pdfc-level-badge{border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.pdfc-badge-extreme{color:#dc2626;background:#ef44441a}.pdfc-badge-recommended{color:#ea580c;background:#f973161a}.pdfc-badge-less{color:#16a34a;background:#22c55e1a}.pdfc-level-label{color:var(--text-primary);font-size:.92rem;font-weight:700}.pdfc-level-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.pdfc-file-list{border:1px solid var(--border);border-radius:.65rem;flex-direction:column;gap:0;display:flex;overflow:hidden}.pdfc-file-row{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.85rem;padding:.9rem 1rem;transition:background .1s;display:flex}.pdfc-file-row:last-child{border-bottom:none}.pdfc-file-row:hover{background:var(--surface)}.pdfc-file-icon{color:#e11d48;opacity:.75;flex-shrink:0}.pdfc-file-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.pdfc-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.pdfc-file-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pdfc-file-orig{color:var(--text-secondary);font-size:.78rem}.pdfc-file-arrow{color:var(--text-secondary);font-size:.72rem}.pdfc-file-new{color:var(--text-primary);font-size:.78rem;font-weight:600}.pdfc-savings-badge{border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.pdfc-savings-badge.good{color:#16a34a;background:#22c55e1f}.pdfc-savings-badge.neutral{color:#6b7280;background:#6b72801a}.pdfc-error-msg{color:#ef4444;font-size:.75rem}.pdfc-progress-bar{background:var(--border);border-radius:2px;height:4px;margin-top:.2rem;overflow:hidden}.pdfc-progress-fill{background:linear-gradient(90deg,#e11d48,#f97316);border-radius:2px;height:100%;transition:width .2s}.pdfc-file-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.pdfc-dl-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.4rem;padding:.35rem;transition:all .15s;display:flex}.pdfc-dl-btn:hover{color:#2563eb;background:#2563eb0f;border-color:#2563eb}.pdfc-status-icon{flex-shrink:0}.pdfc-done-icon{color:#22c55e}.pdfc-error-icon{color:#ef4444}.pdfc-remove-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;padding:.3rem;transition:all .15s;display:flex}.pdfc-remove-btn:hover{color:#ef4444;background:#ef44440f;border-color:#ef44444d}.pdfc-action-bar{border-top:1.5px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;padding-top:1.25rem;display:flex}.pdfc-action-right{align-items:center;gap:.75rem;display:flex}.pdfc-add-more,.pdfc-reset-btn{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:.5rem;align-items:center;gap:.4rem;padding:.52rem 1rem;font-size:.83rem;font-weight:500;transition:all .15s;display:flex}.pdfc-add-more:hover:not(:disabled),.pdfc-reset-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.pdfc-add-more:disabled,.pdfc-reset-btn:disabled{opacity:.4;cursor:not-allowed}.pdfc-compress-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:.75rem;align-items:center;gap:.55rem;padding:.85rem 2.2rem;font-size:1rem;font-weight:700;transition:background .15s,transform .12s,opacity .15s;display:flex;box-shadow:0 4px 16px #e11d4840}.pdfc-compress-btn:hover:not(:disabled){background:#be123c;transform:translateY(-1px)}.pdfc-compress-btn:active:not(:disabled){transform:translateY(0)}.pdfc-compress-btn:disabled{opacity:.5;cursor:not-allowed}.pdfc-dl-all-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;transition:background .15s,transform .12s;display:flex;box-shadow:0 4px 16px #22c55e38}.pdfc-dl-all-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.pdfc-dl-all-btn:active:not(:disabled){transform:translateY(0)}.pdfc-dl-all-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pdfc-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite pdfc-spin}@keyframes pdfc-spin{to{transform:rotate(360deg)}}.pdfm-page{max-width:1200px;margin:0 auto}.pdfm-workspace{align-items:flex-start;gap:1.5rem;display:flex}.pdfm-grid-area{flex:1;min-width:0}.pdfm-card-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:1rem;display:grid}.pdfm-card{border:2px solid var(--border);background:var(--surface);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:.75rem;transition:border-color .15s,box-shadow .15s,opacity .15s,transform .12s;position:relative;overflow:hidden}.pdfm-card:active{cursor:grabbing}.pdfm-card.dragging{opacity:.35}.pdfm-card.drag-over{border-color:#e11d48;transform:scale(1.025);box-shadow:0 0 0 3px #e11d4826}.pdfm-card-index{z-index:2;color:#fff;background:#00000085;border-radius:.3rem;padding:.1rem .42rem;font-size:.68rem;font-weight:700;line-height:1.6;position:absolute;top:.45rem;left:.5rem}.pdfm-card-remove{z-index:2;color:#fff;cursor:pointer;opacity:0;background:#00000085;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:.4rem;right:.4rem}.pdfm-card:hover .pdfm-card-remove{opacity:1}.pdfm-card-remove:hover{background:#e11d48}.pdfm-card-thumb{aspect-ratio:3/4;background:#f5f5f5;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.pdfm-card-thumb img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.pdfm-card-thumb-placeholder{color:#e11d48;opacity:.35}.pdfm-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--border);background:var(--surface);padding:.45rem .6rem .55rem;font-size:.73rem;font-weight:500;overflow:hidden}.pdfm-add-card{cursor:pointer;aspect-ratio:3/4;border-style:dashed;justify-content:center;align-items:center;min-height:160px;transition:border-color .15s,background .15s;display:flex}.pdfm-add-card:hover{background:#e11d4808;border-color:#e11d48}.pdfm-add-card-inner{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.55rem;font-size:.82rem;font-weight:500;display:flex}.pdfm-add-card:hover .pdfm-add-card-inner{color:#e11d48}.pdfm-sidebar{border:1.5px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;flex-shrink:0;gap:1rem;width:272px;padding:1.5rem;display:flex;position:sticky;top:92px}.pdfm-sidebar-title{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:800}.pdfm-sidebar-info{color:var(--text-secondary);background:#2563eb0d;border:1px solid #2563eb1f;border-radius:.6rem;align-items:flex-start;gap:.55rem;padding:.75rem;font-size:.79rem;line-height:1.5;display:flex}.pdfm-info-icon{color:#2563eb;flex-shrink:0;margin-top:1px}.pdfm-sidebar-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.pdfm-sidebar-btns{flex-direction:column;gap:.5rem;display:flex}.pdfm-sidebar-add,.pdfm-sidebar-clear{cursor:pointer;border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1rem;font-size:.83rem;font-weight:500;transition:all .15s;display:flex}.pdfm-sidebar-add:hover{color:var(--text-primary);border-color:var(--text-secondary)}.pdfm-sidebar-clear:hover{color:#ef4444;background:#ef44440a;border-color:#ef444459}.pdfm-merge-btn{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;width:100%;margin-top:.25rem;padding:1rem;font-size:1rem;font-weight:700;transition:background .15s,transform .12s,opacity .15s;display:flex;box-shadow:0 4px 16px #e11d4840}.pdfm-merge-btn:hover:not(:disabled){background:#be123c;transform:translateY(-1px)}.pdfm-merge-btn:active:not(:disabled){transform:translateY(0)}.pdfm-merge-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pdfm-merge-hint{color:var(--text-secondary);text-align:center;margin:-.3rem 0 0;font-size:.75rem}.pdfm-faq{margin-top:4rem}.pdfm-faq-subtitle{text-align:center;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:2rem;font-size:.95rem}@media (width<=768px){.pdfm-workspace{flex-direction:column}.pdfm-sidebar{width:100%;position:static}.pdfm-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.esign-palette-item:hover{box-shadow:0 4px 12px #e11d4814;border-color:#e11d48!important}.json-pre{white-space:pre-wrap;word-break:break-all;margin:0;font-family:Fira Code,Courier,monospace;font-size:.82rem;line-height:1.5}.json-key{color:#be123c;font-weight:600}.json-string{color:#047857}.json-number{color:#d97706}.json-boolean{color:#7c3aed;font-weight:600}.json-null{color:#6b7280;font-weight:600}.json-search-match{color:#1c1917;background-color:#fde047;border-radius:2px;padding:0 2px;box-shadow:0 0 0 1px #fde04780}.tool-back-row{display:none!important}.tool-back-btn{font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.tool-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-md);border-color:#1c191726;transform:translateY(-.5px)}.tool-back-btn:active{box-shadow:var(--shadow-sm);transform:translateY(.5px)}.tool-back-btn svg{transition:transform var(--transition-fast)}.tool-back-btn:hover svg{transform:translate(-2px)}@media (width<=600px){.csl-right .compressor-workspace,.usl-right .compressor-workspace,.bgrl-right .compressor-workspace,.dn-right .compressor-workspace,.cpe-right .compressor-workspace,.pcm-right .compressor-workspace,.tool-hero-right .compressor-workspace{padding:.75rem!important}.dropzone,.dropzone.dropzone-modern,.dropzone.up-dropzone-modern,.dropzone.bgr-dropzone-modern,.dropzone.dn-dropzone-modern,.dropzone.cpe-dropzone-modern{gap:.75rem!important;min-height:auto!important;padding:1.5rem 1rem!important}.dz-icon-modern,.up-dz-icon,.bgr-dz-icon,.dn-dz-icon,.cpe-dz-icon,.dropzone-icon-container{width:46px!important;height:46px!important;margin-bottom:.15rem!important}.dz-icon-modern svg,.up-dz-icon svg,.bgr-dz-icon svg,.dn-dz-icon svg,.cpe-dz-icon svg,.dropzone-icon-container svg{width:22px!important;height:22px!important}.dropzone-title{margin-bottom:.15rem!important;font-size:1.1rem!important}.dropzone-desc{margin-bottom:.75rem!important;font-size:.78rem!important}.dropzone button,.dropzone .btn,.dz-select-btn,.up-dz-select-btn,.bgr-dz-select-btn,.dn-dz-select-btn,.cpe-dz-select-btn{min-height:auto!important;padding:.45rem 1.25rem!important;font-size:.78rem!important}.dz-formats-row{margin-top:.35rem!important;font-size:.68rem!important}.control-panel{border-radius:12px!important;gap:.85rem!important;padding:1rem 1.15rem!important}.cp-panel-header,.up-panel-header,.bgr-panel-header,.dn-panel-header,.cpe-panel-header,.pcm-panel-header{margin-bottom:.15rem!important}.cp-panel-title{font-size:.85rem!important}.format-pill,.bgr-view-btn,.up-factor-btn,.up-preset-standard,.up-preset-vivid,.up-preset-hdr,.dn-strength-btn,.pcm-ar-btn,.cpe-export-btn,.cpe-export-btn-dl{min-height:auto!important;padding:.3rem .7rem!important;font-size:.76rem!important}.slider-label,.options-title{font-size:.76rem!important}}@media (width<=480px){.tis-stage{justify-content:center!important;gap:.4rem!important}.tis-card{width:114px!important}.tis-fname{font-size:.5rem!important}.tis-stat{font-size:.65rem!important}.tis-arrow{width:26px!important;height:26px!important}.tis-badge{padding:.15rem .35rem!important;font-size:.52rem!important}.bgr-illus-stage{justify-content:center!important;gap:.4rem!important}.bgr-illus-card{width:auto!important}.bgr-illus-card svg{width:90px!important;height:90px!important}.bgr-illus-arrow-circle{width:26px!important;height:26px!important}.bgr-illus-arrow-circle svg{width:13px!important;height:13px!important}.bgr-illus-badge{padding:.15rem .35rem!important;font-size:.52rem!important}.up-illus-stage{justify-content:center!important;gap:.4rem!important}.up-illus-card{width:114px!important}.up-illus-fname{font-size:.5rem!important}.up-illus-dim{font-size:.65rem!important}.up-illus-arrow{width:26px!important;height:26px!important}.up-illus-arrow svg{width:13px!important;height:13px!important}.up-scale-badge{padding:.15rem .35rem!important;font-size:.52rem!important}}.audio-poster-page{color:#f4f4f5;border-radius:var(--radius-lg);background-color:#09090b;border:4px solid #18181b;min-height:100vh;padding:2.5rem 1.5rem;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.audio-poster-page .poster-header{text-align:center;z-index:10;margin-bottom:2.5rem;position:relative}.audio-poster-page .poster-title{text-transform:uppercase;letter-spacing:-.04em;color:#fff;text-shadow:3px 3px #ec4899,-3px -3px #06b6d4;margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:3.5rem;font-weight:900;line-height:1.1}@media (width<=768px){.audio-poster-page .poster-title{font-size:2.25rem}}.audio-poster-page .poster-subtitle{color:#a1a1aa;letter-spacing:.05em;text-transform:uppercase;max-width:600px;margin:0 auto;font-size:1rem;font-weight:500}.audio-poster-page:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ec489908 1px,#0000 1px),linear-gradient(90deg,#06b6d408 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.turntable-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;display:flex;position:relative}.vinyl-turntable{cursor:pointer;background:#18181b;border:12px solid #27272a;border-radius:50%;justify-content:center;align-items:center;width:320px;height:320px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 0 0 4px #09090b,0 20px 40px #000c,inset 0 0 30px #000000e6}@media (width<=480px){.vinyl-turntable{border-width:8px;width:270px;height:270px}}.vinyl-turntable:hover,.vinyl-turntable.drag-active{border-color:#ec4899;box-shadow:0 0 30px #ec48994d,0 20px 40px #000000e6}.tonearm{pointer-events:none;z-index:15;transform-origin:80px 20px;background:0 0;width:100px;height:180px;transition:transform .5s cubic-bezier(.25,1,.5,1);position:absolute;top:-20px;right:-25px;transform:rotate(-15deg)}@media (width<=480px){.tonearm{right:-10px;transform:scale(.8)rotate(-15deg)}}.vinyl-turntable:hover~.tonearm,.vinyl-turntable.drag-active~.tonearm,.vinyl-turntable.spinning~.tonearm{transform:rotate(10deg)}@media (width<=480px){.vinyl-turntable:hover~.tonearm,.vinyl-turntable.drag-active~.tonearm,.vinyl-turntable.spinning~.tonearm{transform:scale(.8)rotate(10deg)}}.tonearm-base{background:#52525b;border:4px solid #71717a;border-radius:50%;width:24px;height:24px;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #00000080}.tonearm-arm{transform-origin:top;background:linear-gradient(90deg,#71717a,#a1a1aa,#71717a);border-radius:4px;width:8px;height:130px;position:absolute;top:20px;right:18px;transform:rotate(15deg)}.tonearm-cartridge{background:#18181b;border-left:4px solid #ec4899;border-radius:2px;width:20px;height:32px;position:absolute;bottom:0;left:-12px;transform:rotate(-25deg)}.vinyl-record{background:radial-gradient(circle,#09090b 20%,#1c1917 21%,#09090b 22%,#1c1917 35%,#09090b 36%,#18181b 45%,#09090b 46%,#27272a 70%);border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative;box-shadow:inset 0 0 20px #000c}@media (width<=480px){.vinyl-record{width:240px;height:240px}}.vinyl-record:before{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;position:absolute;inset:10px;box-shadow:0 0 0 10px #ffffff03,0 0 0 20px #ffffff03,0 0 0 35px #ffffff05,0 0 0 50px #ffffff03,0 0 0 70px #ffffff05,0 0 0 90px #ffffff03,0 0 0 110px #ffffff05}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-turntable:hover .vinyl-record,.vinyl-turntable.drag-active .vinyl-record,.vinyl-turntable.spinning .vinyl-record{animation:3s linear infinite spin}.vinyl-label{z-index:5;color:#fff;text-align:center;background:linear-gradient(135deg,#ec4899,#8b5cf6,#06b6d4);border:4px solid #18181b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;padding:8px;display:flex;box-shadow:0 4px 10px #00000080}@media (width<=480px){.vinyl-label{width:80px;height:80px}}.vinyl-center-hole{background:#09090b;border:2px solid #52525b;border-radius:50%;width:14px;height:14px}.vinyl-label-text{text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-top:4px;font-size:.65rem;font-weight:700;line-height:1.1}.audio-workspace{z-index:10;grid-template-columns:1.2fr 1fr;gap:2.5rem;max-width:1200px;margin:0 auto;display:grid;position:relative}@media (width<=968px){.audio-workspace{grid-template-columns:1fr;gap:2rem}}.cassette-deck-stage{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.cassette-tape-card{background:linear-gradient(145deg,#27272a,#18181b);border:6px solid #3f3f46;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:460px;padding:1.5rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #000c,inset 0 2px 4px #ffffff1a}.cassette-tape-card:before{content:"A";color:#ec4899;font-family:sans-serif;font-size:1.2rem;font-weight:900;position:absolute;top:10px;left:15px}.cassette-label-strip{color:#18181b;text-overflow:ellipsis;white-space:nowrap;background:#f4f4f5;border-left:6px solid #06b6d4;border-radius:4px;margin-top:.5rem;padding:.5rem 1rem;font-family:monospace;font-size:.85rem;font-weight:700;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.cassette-window{background:#09090bd9;border:4px solid #52525b;border-radius:8px;justify-content:space-between;align-items:center;height:90px;padding:0 3.5rem;display:flex;position:relative;box-shadow:inset 0 4px 10px #000000e6}@media (width<=400px){.cassette-window{padding:0 1.5rem}}.cassette-window:after{content:"";opacity:.6;background:#3f3f46;height:6px;position:absolute;bottom:8px;left:20%;right:20%}.tape-reel{background:#e4e4e7;border:3px solid #71717a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 2px 5px #00000080}.tape-reel:before{content:"";background-image:linear-gradient(90deg,#0000 45%,#71717a 45% 55%,#0000 55%),linear-gradient(#0000 45%,#71717a 45% 55%,#0000 55%),linear-gradient(45deg,#0000 45%,#71717a 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#71717a 45% 55%,#0000 55%);border-radius:50%;width:100%;height:100%;position:absolute}.tape-reel-center{z-index:5;background:#27272a;border:2px solid #52525b;border-radius:50%;width:14px;height:14px}.tape-playing .tape-reel{animation:4s linear infinite spin}.tape-playing.tape-fast .tape-reel{animation:1.2s linear infinite spin}.cassette-metadata-panel{background:#18181b;border:1px solid #27272a;border-radius:8px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.85rem;display:grid}.cassette-meta-item{flex-direction:column;gap:.15rem;display:flex}.cassette-meta-label{color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.cassette-meta-value{color:#f4f4f5;font-family:monospace;font-size:.85rem;font-weight:700}.mixing-console-panel{background:#18181b;border:4px solid #27272a;border-radius:16px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 40px #0009}.console-strip-title{text-transform:uppercase;letter-spacing:.05em;color:#06b6d4;border-bottom:2px solid #27272a;align-items:center;gap:.5rem;padding-bottom:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.console-led-row{align-items:center;gap:.4rem;display:flex}.led-dot{background:#27272a;border-radius:50%;width:8px;height:8px;transition:background-color .2s;box-shadow:inset 0 1px 2px #00000080}.led-dot.green.active{background:#22c55e;box-shadow:0 0 8px #22c55e}.led-dot.orange.active{background:#f97316;box-shadow:0 0 8px #f97316}.led-dot.red.active{background:#ef4444;box-shadow:0 0 8px #ef4444}.console-field{flex-direction:column;gap:.5rem;display:flex}.console-field-label{text-transform:uppercase;color:#a1a1aa;letter-spacing:.05em;font-size:.75rem;font-weight:700}.console-select{color:#f4f4f5;cursor:pointer;background:#09090b;border:2px solid #27272a;border-radius:6px;outline:none;width:100%;padding:.65rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:border-color .2s}.console-select:focus{border-color:#06b6d4}.console-select:disabled{opacity:.5;cursor:not-allowed}.console-fader-container{background:#09090b;border:1px solid #27272a;border-radius:8px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.fader-labels{color:#a1a1aa;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.audio-poster-page input[type=range]{-webkit-appearance:none;background:#27272a;border:1px solid #3f3f46;border-radius:4px;outline:none;width:100%;height:8px}.audio-poster-page input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e4e4e7;border:2px solid #71717a;border-radius:2px;width:14px;height:28px;transition:background .15s;box-shadow:0 4px 6px #0009}.audio-poster-page input[type=range]::-webkit-slider-thumb:hover{background:#06b6d4;border-color:#06b6d4}.audio-poster-page input[type=range]::-moz-range-thumb{cursor:pointer;background:#e4e4e7;border:2px solid #71717a;border-radius:2px;width:14px;height:28px;box-shadow:0 4px 6px #0009}.audio-poster-page input[type=range]::-moz-range-thumb:hover{background:#06b6d4;border-color:#06b6d4}.console-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.console-btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899,#d946ef);box-shadow:0 0 15px #ec489966}.console-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.console-btn-primary:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.console-btn-secondary{color:#e4e4e7;background:#27272a;border:2px solid #3f3f46}.console-btn-secondary:hover{color:#fff;background:#3f3f46}.console-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.processing-gig-card{text-align:center;background:#18181b;border:4px dashed #ec4899;border-radius:16px;max-width:480px;margin:4rem auto;padding:2.5rem;box-shadow:0 20px 40px #000c}.neon-glow-text{text-shadow:0 0 10px #ec489980}.output-success-stage{background:#18181b;border:4px solid #22c55e;border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;max-width:520px;margin:0 auto;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #000c,0 0 20px #22c55e33}.success-tape-header{color:#22c55e;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.custom-player-wrapper{background:#09090b;border:2px solid #27272a;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1.25rem;display:flex}.custom-audio-tag{width:100%;margin-top:.5rem}.custom-audio-tag::-webkit-media-controls-panel{color:#f4f4f5;background-color:#18181b}.custom-audio-tag::-webkit-media-controls-current-time-display{color:#f4f4f5}.custom-audio-tag::-webkit-media-controls-time-remaining-display{color:#f4f4f5}@media (width<=899px){.qrg-sidebar{order:1}.qrg-left-col{order:2}.pwd-output-sidebar{order:1}.pwd-settings-col{order:2}.bcg-output-sidebar{order:1}.bcg-settings-card{order:2}.fvg-workspace.has-image .fvg-output-sidebar{order:1}.fvg-workspace.has-image .fvg-settings-card{order:2}}@media (width<=859px){.meme-preview-col{order:1}.meme-controls{order:2}}.qrg-page-industrial{--qrg-accent:#ff4f00;--qrg-dark:#1c1917;--qrg-bg:#f4f4f5;--qrg-border:#1c1917;font-family:var(--font-sans);color:var(--qrg-dark);border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:1120px;margin:0 auto;padding:1.5rem;display:flex;background-color:#0000!important;background-image:none!important}.qrg-brutalist-card{background:#fff;transition:all .15s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1.5px solid var(--qrg-dark)!important;box-shadow:4px 4px 0px var(--qrg-dark)!important;border-radius:8px!important}.qrg-industrial-ticket{border:1.5px solid var(--qrg-dark);box-shadow:4px 4px 0px var(--qrg-dark);background:#fff;border-radius:8px;margin-bottom:2rem;display:flex;overflow:hidden}.qrg-ticket-main{flex:1;min-width:280px;padding:2rem;position:relative}.qrg-ticket-main:after,.qrg-ticket-main:before{content:"";background:var(--qrg-bg);border:1.5px solid var(--qrg-dark);z-index:10;border-radius:50%;width:24px;height:24px;position:absolute}.qrg-ticket-main:after{top:-13px;right:-13px}.qrg-ticket-main:before{bottom:-13px;right:-13px}@media (width<=820px){.qrg-ticket-main:after{inset:auto auto -13px -13px}.qrg-ticket-main:before{bottom:-13px;right:-13px}}.qrg-ticket-stub{background:var(--qrg-accent);color:#fff;border-left:1.5px dashed var(--qrg-dark);flex-direction:column;flex:0 0 280px;justify-content:space-between;padding:2rem;font-family:Space Mono,monospace;display:flex;position:relative}.qrg-ticket-stub .tool-hero-eyebrow{font-family:Space Mono,monospace;color:#fff!important;background:#0003!important;border-color:#ffffff40!important}.qrg-ticket-h1{letter-spacing:-.04em;text-transform:uppercase;color:var(--qrg-dark);margin:.5rem 0 1rem;font-family:Sora,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.1}.qrg-ticket-p{color:#4b5563;max-width:600px;font-size:.85rem;line-height:1.6}.qrg-stub-header{letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:700;display:flex}.qrg-stub-body{margin:1.5rem 0}.qrg-stub-title{text-transform:uppercase;color:#fff;font-family:Sora,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.2}.qrg-stub-details{opacity:.85;margin-top:.5rem;font-size:.7rem;line-height:1.4}.qrg-perforation{z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.qrg-perforation.vertical{border-left:1.5px dashed var(--qrg-dark);width:0;height:100%}.qrg-perforation-hole{background:var(--qrg-bg);border:1.5px solid var(--qrg-dark);border-radius:50%;width:24px;height:24px;position:absolute}.qrg-perforation.vertical .hole-top{top:-12px;left:-13px}.qrg-perforation.vertical .hole-bottom{bottom:-12px;left:-13px}.qrg-perforation.horizontal{border-top:1.5px dashed var(--qrg-dark);width:100%;height:0}.qrg-perforation.horizontal .hole-left{top:-12px;left:-13px}.qrg-perforation.horizontal .hole-right{top:-12px;right:-13px}@media (width<=820px){.qrg-industrial-ticket{border-radius:8px;flex-direction:column}.qrg-ticket-stub{border-left:none;border-top:1.5px dashed var(--qrg-dark);flex:auto}}.qrg-page-industrial .qrg-type-selector{border:1.5px solid var(--qrg-dark);box-shadow:3px 3px 0px var(--qrg-dark);border-radius:8px}.qrg-page-industrial .qrg-type-group{border-bottom:1.5px solid var(--qrg-dark);padding:.65rem 1rem}.qrg-page-industrial .qrg-group-label{border:1.5px solid var(--qrg-dark);background:var(--qrg-dark);color:#fff;border-radius:4px;font-family:Space Mono,monospace;font-weight:700}.qrg-page-industrial .qrg-type-tab{border:1.5px solid var(--qrg-dark);font-family:var(--font-sans);color:var(--qrg-dark);box-shadow:1.5px 1.5px 0px var(--qrg-dark);background:#fff;border-radius:6px;font-weight:600;transform:translate(-1px,-1px)}.qrg-page-industrial .qrg-type-tab:hover{background:var(--qrg-bg);box-shadow:0px 0px 0px var(--qrg-dark);transform:translate(0)}.qrg-page-industrial .qrg-type-tab.active{background:var(--qrg-accent)!important;color:#fff!important;border-color:var(--qrg-dark)!important;box-shadow:1.5px 1.5px 0px var(--qrg-dark)!important;transform:translate(-1px,-1px)!important}.qrg-page-industrial .qrg-form-card{border:1.5px solid var(--qrg-dark);box-shadow:4px 4px 0px var(--qrg-dark);border-radius:8px}.qrg-page-industrial .qrg-form-header{border-bottom:1.5px solid var(--qrg-dark);background:var(--qrg-dark);color:#fff}.qrg-page-industrial .qrg-form-title{color:#fff;text-transform:uppercase;font-family:Sora,sans-serif;font-weight:700}.qrg-page-industrial .qrg-form-desc{color:#ffffffb3}.qrg-page-industrial .qrg-form-type-badge{border-radius:4px;background:var(--qrg-accent)!important;color:#fff!important;border:1.5px solid #fff!important}.qrg-page-industrial .qrg-field-label{text-transform:uppercase;letter-spacing:.05em;font-family:Sora,sans-serif;font-size:.72rem;font-weight:700}.qrg-page-industrial .qrg-input,.qrg-page-industrial .qrg-textarea,.qrg-page-industrial .qrg-select{border:1.5px solid var(--qrg-dark);font-family:var(--font-sans);background:#fff;border-radius:4px}.qrg-page-industrial .qrg-input:focus,.qrg-page-industrial .qrg-textarea:focus,.qrg-page-industrial .qrg-select:focus{border-color:var(--qrg-accent);box-shadow:3px 3px 0px var(--qrg-dark)}.qrg-page-industrial .qrg-customize-card{border:1.5px solid var(--qrg-dark);box-shadow:4px 4px 0px var(--qrg-dark);border-radius:8px}.qrg-page-industrial .qrg-customize-header{background:var(--qrg-dark);color:#fff;text-transform:uppercase;border-bottom:1.5px solid var(--qrg-dark);font-family:Sora,sans-serif;font-weight:800}.qrg-page-industrial .options-title{text-transform:uppercase;letter-spacing:.05em;color:var(--qrg-dark);margin-bottom:.4rem;font-family:Sora,sans-serif;font-size:.72rem;font-weight:700;display:block}.qrg-page-industrial .qrg-dot-style-btn{border:1.5px solid var(--qrg-dark);box-shadow:1.5px 1.5px 0px var(--qrg-dark);color:var(--qrg-dark);background:#fff;border-radius:6px}.qrg-page-industrial .qrg-dot-style-btn.active{border-color:var(--qrg-accent);color:var(--qrg-accent);box-shadow:1.5px 1.5px 0px var(--qrg-dark);background:#ff4f0014}.qrg-page-industrial .qrg-corner-pill{font-weight:700;font-family:var(--font-sans);box-shadow:1.5px 1.5px 0px var(--qrg-dark);border:1.5px solid var(--qrg-dark)!important;color:var(--qrg-dark)!important;background:#fff!important;border-radius:6px!important}.qrg-page-industrial .qrg-corner-pill.active{background:var(--qrg-accent)!important;color:#fff!important;border-color:var(--qrg-dark)!important}.qrg-page-industrial .qrg-err-btn{border:1.5px solid var(--qrg-dark);color:var(--qrg-dark);box-shadow:1.5px 1.5px 0px var(--qrg-dark);background:#fff;border-radius:6px}.qrg-page-industrial .qrg-err-btn.active{background:var(--qrg-accent);color:#fff}.qrg-page-industrial .qrg-color-input-wrap{border:1.5px solid var(--qrg-dark);background:#fff;border-radius:4px;padding:.25rem .5rem}.qrg-page-industrial .bgr-custom-hex{font-family:Space Mono,monospace;font-weight:700}.qrg-page-industrial .qrg-logo-upload-btn{box-shadow:1.5px 1.5px 0px var(--qrg-dark);font-weight:700;border:1.5px solid var(--qrg-dark)!important;color:var(--qrg-dark)!important;background:#fff!important;border-radius:6px!important}.qrg-page-industrial .qrg-logo-upload-btn:hover{background:var(--qrg-bg)!important}.qrg-page-industrial .qrg-logo-remove-btn{box-shadow:1.5px 1.5px 0px var(--qrg-dark);font-weight:700;border:1.5px solid var(--qrg-dark)!important;color:#fff!important;background:#ef4444!important;border-radius:6px!important}.qrg-page-industrial .qrg-logo-preview{border:1.5px solid var(--qrg-dark);border-radius:4px}.qrg-boarding-pass{border:1.5px solid var(--qrg-dark);box-shadow:4px 4px 0px var(--qrg-dark);background:#fff;border-radius:8px;overflow:hidden}.qrg-boarding-header{background:var(--qrg-dark);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-bottom:1.5px solid var(--qrg-dark);justify-content:space-between;align-items:center;padding:.65rem 1.25rem;font-family:Sora,sans-serif;font-size:.72rem;font-weight:800;display:flex}.qrg-boarding-header-left{align-items:center;gap:.4rem;display:flex}.qrg-boarding-header-stub-title{color:var(--qrg-accent)}.qrg-boarding-manifest{border-bottom:1.5px dashed var(--qrg-dark);background:#fafaf9;grid-template-columns:repeat(2,1fr);gap:.8rem;padding:1.25rem;font-family:Space Mono,monospace;display:grid;position:relative}.qrg-boarding-manifest:after{content:"";background:var(--qrg-bg);border:1.5px solid var(--qrg-dark);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-10px;left:-10px}.qrg-boarding-manifest:before{content:"";background:var(--qrg-bg);border:1.5px solid var(--qrg-dark);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-10px;right:-10px}.qrg-manifest-item{flex-direction:column;display:flex}.qrg-manifest-label{text-transform:uppercase;color:var(--text-muted);font-size:.6rem;font-weight:700}.qrg-manifest-val{color:var(--qrg-dark);text-transform:uppercase;font-size:.85rem;font-weight:700}.qrg-manifest-val.accent{color:var(--qrg-accent)}.qrg-scan-target-box{border:1.5px solid var(--qrg-dark);background:#fff;margin:1.25rem;padding:1.5rem;position:relative}.qrg-scan-target-box:before,.qrg-scan-target-box:after,.qrg-scan-target-corner-bl,.qrg-scan-target-corner-br{content:"";border-color:var(--qrg-accent);border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.qrg-scan-target-box:before{border-top-width:3px;border-left-width:3px;top:8px;left:8px}.qrg-scan-target-box:after{border-top-width:3px;border-right-width:3px;top:8px;right:8px}.qrg-scan-target-corner-bl{border-bottom-width:3px;border-left-width:3px;bottom:8px;left:8px}.qrg-scan-target-corner-br{border-bottom-width:3px;border-right-width:3px;bottom:8px;right:8px}.qrg-page-industrial .qrg-canvas-wrap{background:0 0;padding:0}.qrg-page-industrial .qrg-canvas-wrap canvas{box-shadow:none;border:1.5px solid var(--qrg-dark);border-radius:0}.qrg-boarding-pass .qrg-download-row{border-top:1.5px solid var(--qrg-dark)}.qrg-boarding-pass .qrg-download-row .btn{border-right:1.5px solid var(--qrg-dark);font-family:var(--font-sans);text-transform:uppercase;color:var(--qrg-dark);background:#fff;border-radius:0;font-size:.75rem;font-weight:700;transition:all .1s}.qrg-boarding-pass .qrg-download-row .btn:hover{background:var(--qrg-bg)}.qrg-boarding-pass .qrg-btn-png{background:var(--qrg-accent)!important;color:#fff!important}.qrg-boarding-pass .qrg-btn-png:hover{background:#e04500!important}.qrg-page-industrial .qrg-copy-btn{background:var(--qrg-accent);color:#fff;border:1.5px solid #fff;border-radius:4px;font-family:Space Mono,monospace;font-weight:700}.qrg-page-industrial .qrg-copy-btn:hover{color:var(--qrg-dark);background:#fff;border-color:#fff}.qrg-page-industrial .qrg-customize-scroll-btn{border-top:1.5px solid var(--qrg-dark);color:var(--qrg-dark);background:#fff;font-weight:700}.qrg-page-industrial .qrg-customize-scroll-btn:hover{background:var(--qrg-bg)}.qrg-page-industrial .qrg-loc-mode-btn{border:1.5px solid var(--qrg-dark);box-shadow:1.5px 1.5px 0px var(--qrg-dark);border-radius:4px;font-weight:700}.qrg-page-industrial .qrg-loc-mode-btn.active{background:var(--qrg-accent);border-color:var(--qrg-dark);color:#fff}.qrg-page-industrial .qrg-main-grid{grid-template-columns:1fr;grid-template-areas:none;gap:1.25rem;display:grid}@media (width<=899px){.qrg-page-industrial .qrg-main-grid{order:1}.qrg-page-industrial .qrg-industrial-ticket{order:2}.qrg-page-industrial .qrg-faq{order:3}}@media (width>=900px){.qrg-page-industrial .qrg-industrial-ticket{order:1}.qrg-page-industrial .qrg-main-grid{order:2}.qrg-page-industrial .qrg-faq{order:3}.qrg-page-industrial .qrg-main-grid{grid-template-columns:1fr 340px;grid-template-areas:"selector preview""form preview""custom preview""back preview";align-items:start}.qrg-page-industrial .qrg-type-selector{grid-area:selector}.qrg-page-industrial .qrg-form-card{grid-area:form}.qrg-page-industrial .qrg-boarding-pass{grid-area:preview;position:sticky;top:76px}.qrg-page-industrial .qrg-customize-card{grid-area:custom}.qrg-page-industrial .qrg-back-btn{grid-area:back}}@media (width<=899px){.pwd-page,.bcg-page,.fvg-page,.meme-page,.cpg-page{flex-direction:column;gap:1.5rem;display:flex}.pwd-page .pwd-main-grid,.bcg-page .bcg-workspace,.fvg-page .fvg-workspace,.meme-page .meme-workspace,.cpg-page .cpg-workspace{order:1}.pwd-page .tool-split-hero,.bcg-page .tool-split-hero,.fvg-page .tool-split-hero,.meme-page .tool-split-hero,.cpg-page .tool-split-hero{order:2}.pwd-page .pwd-faq,.bcg-page .bcg-faq,.fvg-page .fvg-faq,.meme-page .meme-faq,.cpg-page .cpg-faq{order:3}.cpg-page .cpg-back-btn{order:4}}.app-page-exif-stripper{background-color:#f4f3ef!important;background-image:radial-gradient(#1118271f 1.5px,#0000 1.5px)!important;background-size:24px 24px!important}.app-page-qr-code{background-color:#f4f4f5!important;background-image:radial-gradient(#1c191714 1.5px,#0000 1.5px)!important;background-size:18px 18px!important}.app-page-exif-stripper .ambient-grid-overlay,.app-page-qr-code .ambient-grid-overlay{display:none!important}.invoice-generator-container{max-width:1200px;margin:0 auto;padding:1.5rem .5rem}.invoice-tool-title-section{text-align:center;margin-bottom:2.5rem}.invoice-tool-title-section h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.invoice-tool-title-section p{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.6}.invoice-workspace-grid{grid-template-columns:1fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}@media (width>=1024px){.invoice-workspace-grid{grid-template-columns:1fr 520px}}.invoice-form-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.panel-title{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.invoice-form-panel input[type=text],.invoice-form-panel input[type=email],.invoice-form-panel input[type=number],.invoice-form-panel input[type=date],.invoice-form-panel textarea,.invoice-form-panel select{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.invoice-form-panel input:focus,.invoice-form-panel textarea:focus,.invoice-form-panel select:focus{border-color:var(--text-accent);background:var(--bg-card);box-shadow:0 0 0 3px #6366f11a}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-divider{background:var(--border-subtle);border:0;height:1px;margin:.5rem 0}.form-section-header{margin-bottom:.25rem}.form-section-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.accent-picker-container{flex-direction:column;gap:.75rem;display:flex}.accent-picker-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.accent-color-btn{cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.accent-color-btn.selected{border-color:var(--text-primary);transform:scale(1.1);box-shadow:0 0 8px #00000026}.native-color-picker{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.custom-btn{border:1px solid var(--border-medium);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.custom-check{color:#fff;mix-blend-mode:difference;z-index:2;pointer-events:none}.hex-input-row{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);max-width:120px;height:36px;transition:all var(--transition-fast);align-items:center;padding:0 .75rem;display:flex}.hex-input-row:focus-within{border-color:var(--text-accent);box-shadow:0 0 0 3px #6366f11a}.hex-hash{color:var(--text-muted);margin-right:.25rem;font-size:.95rem;font-weight:700}.hex-text-input{width:100%!important;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-family:monospace!important;font-size:.9rem!important}.accent-color-btn .check-icon{color:#fff}.logo-upload-dropzone{width:100%}.logo-placeholder-btn{border:2px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:var(--bg-input);flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;font-size:.85rem;display:flex}.logo-placeholder-btn:hover{border-color:var(--text-accent);color:var(--text-primary);background:var(--bg-card-hover)}.uploaded-logo-preview{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-input);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.uploaded-logo-preview img{object-fit:contain;border-radius:var(--radius-xs);max-width:120px;max-height:36px}.remove-logo-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.8rem}.remove-logo-btn:hover{color:var(--text-accent)}.currency-selector-row{gap:.5rem;display:flex}.items-header-row{justify-content:space-between;align-items:center;display:flex}.add-item-btn{color:var(--text-accent);border:1px dashed var(--text-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#6366f114;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.add-item-btn:hover{background:var(--text-accent);color:#fff;border-style:solid}.invoice-items-form-list{flex-direction:column;gap:1rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.invoice-item-row-edit{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;padding:.75rem;display:flex;position:relative}.item-row-num{color:var(--text-muted);background:var(--border-medium);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-top:.8rem;font-size:.75rem;font-weight:700;display:flex}.item-row-inputs{flex-direction:column;flex:1;gap:.5rem;display:flex}.item-row-inputs .desc-group input{font-weight:500}.rate-input-wrapper{align-items:center;display:flex;position:relative}.rate-input-wrapper span{color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;left:.75rem}.rate-input-wrapper input{padding-left:1.5rem!important}.remove-item-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;margin-top:.5rem;padding:.5rem}.remove-item-btn:hover:not(:disabled){color:var(--text-accent);background:#ef444414}.remove-item-btn:disabled{opacity:.3;cursor:not-allowed}.items-limit-warning{border-radius:var(--radius-md);color:#d97706;background:#f59e0b0f;border:1px solid #f59e0b26;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.download-invoice-btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-size:1rem;font-weight:700;display:flex}.invoice-preview-panel{flex-direction:column;gap:1rem;display:flex}@media (width>=1024px){.invoice-preview-panel{position:sticky;top:5.5rem}}.sticky-preview-header{justify-content:space-between;align-items:center;display:flex}.sticky-preview-header h3{color:var(--text-secondary);font-size:.95rem;font-weight:700}.preview-download-shortcut-btn{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.preview-download-shortcut-btn:hover{background:var(--bg-card-hover);border-color:var(--text-accent)}.invoice-preview-sheet{color:#1f2937;aspect-ratio:1/1.414;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;width:100%;padding:2.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.75rem;line-height:1.4;display:flex;box-shadow:0 4px 20px #00000014}.preview-sheet-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.logo-preview-area img{object-fit:contain;max-width:130px;max-height:48px}.logo-placeholder-box{color:#94a3b8;border:1.5px dashed #cbd5e1;border-radius:4px;justify-content:center;align-items:center;gap:.25rem;width:90px;height:40px;font-size:.7rem;font-weight:600;display:flex}.invoice-meta-preview{text-align:right}.invoice-meta-preview .invoice-title{color:var(--theme-accent,#6366f1);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800;display:block}.invoice-meta-row{justify-content:flex-end;gap:.5rem;margin-bottom:.2rem;display:flex}.invoice-meta-row .lbl{color:#6b7280;font-weight:600}.invoice-meta-row .val{color:#111827;font-weight:500}.preview-billing-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.billing-col{flex-direction:column;display:flex}.billing-lbl{color:var(--theme-accent,#6366f1);letter-spacing:.05em;margin-bottom:.4rem;font-size:.65rem;font-weight:700}.billing-name{color:#111827;margin-bottom:.25rem;font-size:.85rem;font-weight:700}.billing-details{color:#4b5563;white-space:pre-line;margin-bottom:.15rem}.preview-items-table-container{flex:1;margin-bottom:1.5rem;overflow:hidden}.preview-items-table{border-collapse:collapse;width:100%}.preview-items-table th{background:var(--theme-accent,#6366f1);color:#fff;text-align:left;padding:.5rem .75rem;font-size:.7rem;font-weight:700}.preview-items-table th:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.preview-items-table th:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.preview-items-table td{color:#374151;vertical-align:top;word-break:break-word;border-bottom:1px solid #e5e7eb;padding:.6rem .75rem;font-weight:400}.preview-items-table td .placeholder-text{color:#9ca3af;font-style:italic}.preview-totals-wrapper{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.preview-totals-block{flex-direction:column;gap:.35rem;width:220px;display:flex}.totals-row{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.totals-row .lbl{color:#4b5563;font-weight:500}.totals-row .val{color:#111827;font-weight:600}.grand-total-row{border-top:1.5px solid var(--theme-accent,#6366f1);background:#6366f10d;border-radius:3px;margin-top:.25rem;padding:.4rem .5rem}.invoice-preview-sheet[style*="--theme-accent: #10b981"] .grand-total-row{background:#10b9810d}.invoice-preview-sheet[style*="--theme-accent: #ef4444"] .grand-total-row{background:#ef44440d}.invoice-preview-sheet[style*="--theme-accent: #f59e0b"] .grand-total-row{background:#f59e0b0d}.invoice-preview-sheet[style*="--theme-accent: #475569"] .grand-total-row{background:#4755690d}.invoice-preview-sheet[style*="--theme-accent: #8b5cf6"] .grand-total-row{background:#8b5cf60d}.grand-total-row .lbl{color:var(--theme-accent,#6366f1);font-weight:700}.grand-total-row .val{color:var(--theme-accent,#6366f1);font-size:.85rem;font-weight:700}.preview-notes-section{border-top:1px solid #f3f4f6;margin-bottom:1rem;padding-top:.75rem}.notes-lbl{color:var(--theme-accent,#6366f1);letter-spacing:.02em;margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.notes-val{color:#6b7280;white-space:pre-line;margin:0;font-size:.7rem}.preview-sheet-footer{text-align:center;border-top:1px solid #e5e7eb;padding-top:.6rem}.preview-sheet-footer .watermark{color:#9ca3af;font-size:.65rem;font-style:italic}.inv-faq{margin-top:3.5rem}.secure-badge-container{justify-content:center;margin-bottom:1rem;display:flex}.secure-badge-pill{color:#10b981;letter-spacing:.01em;transition:all var(--transition-fast);background:#10b9810f;border:1px solid #10b9812e;border-radius:9999px;align-items:center;gap:.375rem;padding:.3rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #10b98105}.secure-badge-pill:hover{background:#10b98117;transform:translateY(-1px)}.secure-badge-pill svg{color:#10b981;stroke-width:2.5px}