:root{--bg-main: #0A0A0A;--bg-sidebar: #111111;--bg-card: #161616;--bg-card-hover: #1C1C1C;--border-color: #262626;--border-color-active: #404040;--accent-color: #FF4500;--accent-hover: #FF6229;--accent-glow: rgba(255, 69, 0, .25);--accent-muted: rgba(255, 69, 0, .1);--text-primary: #F5F5F5;--text-secondary: #8E8E8E;--text-disabled: #4A4A4A;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100%}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-display);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{display:grid;grid-template-columns:340px 1fr;height:100vh;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:40px 24px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.logo-area{display:flex;align-items:center;gap:12px;margin-bottom:48px;text-decoration:none;color:inherit;cursor:pointer}.logo-box{color:var(--accent-color);display:flex;align-items:center;justify-content:center}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:var(--text-primary)}.logo-text span{color:var(--accent-color)}.lang-selector-container{margin-bottom:0}.lang-select{font-family:var(--font-mono);font-size:.65rem;padding:2px 6px;background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);width:auto;cursor:pointer;outline:none;border-radius:0;text-transform:uppercase;transition:color var(--transition-fast),border-color var(--transition-fast)}.lang-select:focus,.lang-select:hover{color:var(--text-primary);border-color:var(--accent-color)}.sidebar-intro{margin-bottom:15px}.tagline{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-color);margin-bottom:10px;letter-spacing:.05em}.description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.spec-table-container{margin-top:12px;flex-grow:1}.section-title{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.spec-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.75rem}.spec-table th{text-align:left;color:var(--text-secondary);font-weight:700;padding:6px 8px;border-bottom:2px solid var(--border-color)}.spec-table td{padding:8px;border-bottom:1px solid var(--border-color)}.spec-table td:nth-child(2),.spec-table td:nth-child(3){font-weight:700}.spec-table td:nth-child(2){color:var(--color-success)}.spec-table tr:hover td{background-color:#ff450008}.spec-note{font-size:.65rem;color:var(--text-secondary);font-weight:400}.badge-library{font-size:.6rem;background:var(--border-color);padding:1px 4px;border-radius:1px;color:var(--text-primary);font-weight:700}.sidebar-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem}.footer-link{color:var(--text-secondary);text-decoration:none;border-bottom:1px dashed var(--border-color);transition:color var(--transition-fast),border-color var(--transition-fast)}.footer-link:hover{color:var(--accent-color);border-bottom-style:solid;border-bottom-color:var(--accent-color)}.pulse-dot{width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;display:inline-block;box-shadow:0 0 0 0 var(--accent-glow);animation:pulse 2s infinite}.version{color:var(--text-secondary)}.workspace{padding:40px 48px;display:flex;flex-direction:column;max-width:1200px;width:100%;height:100%;margin:0 auto;overflow:hidden}.dropzone-section{flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:450px}.dropzone-container{position:relative;width:100%;height:100%;min-height:400px;background-color:var(--bg-card);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:48px;transition:border-color var(--transition-normal),background-color var(--transition-normal)}.dropzone-border-accent{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid transparent;pointer-events:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.dropzone-container:hover{background-color:var(--bg-card-hover);border-color:var(--border-color-active)}.dropzone-container:hover .dropzone-border-accent{border-color:var(--accent-color);box-shadow:inset 0 0 15px var(--accent-muted)}.dropzone-section.dragover .dropzone-container,.dropzone-container.dragover{background-color:var(--bg-card-hover);border-color:var(--accent-color)}.dropzone-section.dragover .dropzone-border-accent,.dropzone-container.dragover .dropzone-border-accent{border-color:var(--accent-color);box-shadow:inset 0 0 30px var(--accent-glow)}.dropzone-content{text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none;max-width:100%}.upload-icon{color:var(--text-secondary);margin-bottom:24px;transition:transform var(--transition-spring),color var(--transition-normal)}.dropzone-container:hover .upload-icon{color:var(--accent-color);transform:translateY(-5px)}.dropzone-section.dragover .upload-icon,.dropzone-container.dragover .upload-icon{color:var(--accent-color);transform:scale(1.1) translateY(-8px)}.upload-title{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px;word-break:break-word;max-width:100%}.upload-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;word-break:break-word;max-width:100%}.upload-formats{font-family:var(--font-mono);font-size:.75rem;color:var(--text-disabled);background:var(--bg-main);padding:6px 12px;border:1px solid var(--border-color);word-break:break-word;max-width:100%}.queue-section{display:flex;flex-direction:column;gap:24px;flex-grow:1;min-height:0;animation:fadeIn var(--transition-normal)}.queue-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border-color);padding-bottom:16px}.queue-meta h2{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;word-break:break-word;overflow-wrap:anywhere}.queue-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.global-config-panel{background-color:var(--bg-card);border:1px solid var(--border-color);padding:24px}.config-grid{display:grid;grid-template-columns:1.5fr 1.5fr 2fr;gap:24px;align-items:flex-end}.config-item{display:flex;flex-direction:column;gap:8px}.config-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--text-secondary)}.config-label-container{display:flex;align-items:center;gap:8px}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.tooltip-trigger{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);font-size:.65rem;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:0;transition:border-color var(--transition-fast),color var(--transition-fast)}.tooltip-trigger:hover,.tooltip-trigger:focus{border-color:var(--accent-color);color:var(--accent-color)}.tooltip-content{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);width:240px;background-color:var(--bg-sidebar);border:1px solid var(--accent-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.65rem;line-height:1.4;padding:10px 12px;z-index:100;pointer-events:none;opacity:0;box-shadow:0 4px 12px #00000080;transition:opacity var(--transition-fast),transform var(--transition-fast);text-align:left}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--accent-color) transparent transparent transparent}.tooltip-content.active{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(hover:hover){.tooltip-wrapper:hover .tooltip-content,.tooltip-content:hover{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}}.tooltip-content.align-bottom{bottom:auto;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px)}.tooltip-content.align-bottom:after{top:auto;bottom:100%;border-color:transparent transparent var(--accent-color) transparent}@media(hover:hover){.tooltip-wrapper:hover .tooltip-content.align-bottom{transform:translate(-50%) translateY(0)}}.tooltip-content.align-bottom.active{transform:translate(-50%) translateY(0)}.input-select{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-display);font-size:.95rem;padding:10px 14px;outline:none;border-radius:0;cursor:pointer;transition:border-color var(--transition-fast)}.input-select:focus{border-color:var(--accent-color)}.input-slider{-webkit-appearance:none;width:100%;height:4px;background:var(--border-color);outline:none;margin:18px 0}.input-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-color);cursor:pointer;transition:transform var(--transition-fast);border-radius:0}.input-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.input-text{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;padding:10px 12px;outline:none;border-radius:0;width:100%}.input-text:focus{border-color:var(--accent-color)}.slider-container{display:flex;align-items:center}.config-actions{display:flex;gap:12px;justify-content:flex-end}.advanced-settings{margin-top:16px;border-top:1px solid var(--border-color);padding-top:16px}.advanced-summary{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex;align-items:center;gap:8px;list-style:none}.advanced-summary::-webkit-details-marker{display:none}.advanced-summary:hover{color:var(--accent-color)}.advanced-content{margin-top:16px;animation:slideDown var(--transition-normal)}.resize-inputs{display:flex;align-items:center;gap:20px}.input-group{display:flex;flex-direction:column;gap:6px}.checkbox-group{flex-direction:row;align-items:center;gap:10px;margin-top:20px;cursor:pointer}.checkbox-group input{accent-color:var(--accent-color);cursor:pointer;width:16px;height:16px}.btn{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:12px 24px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:0;text-decoration:none;outline:none}.btn-icon{margin-right:8px}.btn-primary{background-color:var(--accent-color);color:#000;border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:transparent;border-color:var(--border-color-active);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:disabled{color:var(--text-disabled);border-color:var(--border-color);cursor:not-allowed}#download-zip-btn:not(:disabled){background-color:var(--accent-color);color:#000;border-color:var(--accent-color);box-shadow:0 0 12px var(--accent-glow)}#download-zip-btn:not(:disabled):hover{background-color:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow);transform:translateY(-1px)}.btn-donate{width:100%;margin-top:12px;margin-bottom:24px;background-color:var(--accent-muted);border-color:var(--accent-color);color:var(--accent-color)}.btn-donate:hover:not(:disabled){background-color:var(--accent-color);color:var(--bg-main);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-1px)}.mobile-donate-btn{display:none}.btn-danger-outline{background-color:transparent;border-color:#ef44444d;color:var(--color-error);padding:8px 16px}.btn-danger-outline:hover{background-color:#ef44441a;border-color:var(--color-error)}.btn-item-action{padding:6px 12px;font-size:.7rem}.queue-container{display:flex;flex-direction:column;gap:12px;flex-grow:1;min-height:0;overflow-y:auto;padding-right:8px}.queue-item-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.queue-item-wrapper:hover{border-color:var(--border-color-active);background-color:var(--bg-card-hover)}.queue-item-wrapper.converting{border-color:var(--accent-color);animation:glowPulse 2s infinite}.queue-item-wrapper.success{border-left:3px solid var(--color-success)}.queue-item-wrapper.error{border-left:3px solid var(--color-error)}.queue-item{display:grid;grid-template-columns:80px 2fr 110px 150px 140px 120px 180px;align-items:center;gap:16px;padding:12px 16px;position:relative}.item-dimensions-wrapper,.item-resize-toggle-column{display:flex;flex-direction:column;gap:4px}.item-resize-panel{background-color:#ffffff04;border-top:1px solid var(--border-color);padding:16px;animation:slideDown var(--transition-normal)}.item-preview{width:60px;height:60px;background-color:var(--bg-main);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.item-preview img{max-width:100%;max-height:100%;object-fit:cover}.item-preview .preview-fallback{font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase}.item-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.item-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-size-type{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.item-dimensions{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.item-format-select{display:flex;flex-direction:column;gap:4px}.item-status{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:.75rem}.status-label{font-weight:700}.status-pending{color:var(--text-secondary)}.status-converting{color:var(--accent-color)}.status-success,.status-downloaded{color:var(--color-success)}.status-error{color:var(--color-error)}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ffffff0d;overflow:hidden}.progress-bar-fill{height:100%;width:0%;background-color:var(--accent-color);transition:width var(--transition-fast)}.progress-bar-fill.success{background-color:var(--color-success)}.progress-bar-fill.error{background-color:var(--color-error)}.item-actions{display:flex;justify-content:flex-end;gap:8px}.btn-remove-item{color:var(--text-secondary);cursor:pointer;background:none;border:none;outline:none;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-remove-item:hover{color:var(--color-error)}.drag-more-footer{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px dashed rgba(255,69,0,.25);padding:16px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background-color:#ff450005;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);animation:borderPulse 3s infinite ease-in-out}.drag-more-footer:hover{animation:none;background-color:var(--accent-muted);border-color:var(--accent-color);color:var(--accent-color);box-shadow:inset 0 0 12px var(--accent-muted)}@keyframes borderPulse{0%,to{border-color:#ff450040;box-shadow:0 0 0 transparent;background-color:#ff450003;color:var(--text-secondary)}50%{border-color:#ff4500b3;box-shadow:inset 0 0 12px #ff450014,0 0 8px #ff450026;background-color:#ff45000a;color:var(--text-primary)}}@keyframes pulse{0%{box-shadow:0 0 #ff450066}70%{box-shadow:0 0 0 6px #ff450000}to{box-shadow:0 0 #ff450000}}@keyframes glowPulse{0%{box-shadow:0 0 5px #ff450033;border-color:var(--border-color-active)}50%{box-shadow:0 0 15px #ff450080;border-color:var(--accent-color)}to{box-shadow:0 0 5px #ff450033;border-color:var(--border-color-active)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn var(--transition-normal)}.modal-card{background-color:var(--bg-sidebar);border:2px solid var(--border-color);width:100%;max-width:480px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;position:relative;animation:slideIn var(--transition-spring);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.btn-close-modal{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color var(--transition-fast)}.btn-close-modal:hover{color:var(--accent-color)}.download-success-banner{background-color:#10b98114;border-bottom:1px solid var(--border-color);color:var(--color-success);padding:14px 24px;font-family:var(--font-mono);font-size:.8rem;line-height:1.4;display:flex;align-items:center;gap:12px}.download-success-banner .banner-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-success);animation:bannerIconPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bannerIconPop{0%{transform:scale(0)}to{transform:scale(1)}}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:calc(100vh - 200px)}.modal-intro{font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.qr-container{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:16px;width:180px;height:180px;margin:0 auto;border:1px solid var(--border-color)}#pix-qr-canvas{width:100%;height:100%}.value-selector-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:8px;align-items:center}.tip-val-btn{font-family:var(--font-mono);font-weight:700;height:40px;display:flex;align-items:center;justify-content:center;border-radius:0;border:1px solid var(--border-color);background-color:transparent;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tip-val-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.tip-val-btn.active{background-color:var(--accent-color);color:var(--bg-main);border-color:var(--accent-color)}.custom-value-wrapper{position:relative;display:flex;align-items:center;width:100%}.custom-value-wrapper .currency-prefix{position:absolute;left:10px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.custom-value-wrapper #custom-tip-amount{padding-left:30px;height:40px;width:100%;font-size:.95rem}.pix-copia-cola-container{display:flex;flex-direction:column;gap:8px}.pix-input-group{display:flex;gap:8px}#pix-code-input{flex-grow:1;font-family:var(--font-mono);font-size:.85rem;background-color:var(--bg-main);border-color:var(--border-color);height:40px}#copy-pix-btn{font-family:var(--font-mono);font-weight:700;height:40px;padding:0 16px;white-space:nowrap}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.modal-footer .btn{width:100%;justify-content:center}.app-version-fixed{position:fixed;bottom:16px;right:24px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);z-index:100;pointer-events:none}.global-drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0a0ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px;pointer-events:auto}.global-drag-overlay *{pointer-events:none}.global-drag-border{border:2px dashed var(--accent-color);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.global-drag-content{text-align:center;color:var(--accent-color);font-family:var(--font-mono)}.global-drag-content svg{margin-bottom:16px;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1465px){.queue-item{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.item-preview{flex:0 0 70px;height:70px}.item-meta{flex:1 1 200px}.item-dimensions-wrapper,.item-resize-toggle-column,.item-format-select,.item-status{flex:0 0 auto}.item-actions{flex:1 0 auto;justify-content:flex-end}}@media(max-width:1024px){#sidebar-donate-btn{display:none}.mobile-donate-btn{display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:999;width:auto;min-width:220px;max-width:calc(100vw - 40px);margin-top:0;background-color:var(--accent-color);border:2px solid var(--accent-color);color:var(--bg-main);box-shadow:0 4px 20px var(--accent-glow);padding:12px 24px}.mobile-donate-btn:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg-main);box-shadow:0 6px 24px var(--accent-glow);transform:translate(-50%) translateY(-2px)}.mobile-donate-btn:active:not(:disabled){transform:translate(-50%) translateY(0)}.app-container{grid-template-columns:1fr;height:auto;overflow:visible;position:relative;padding-bottom:60px}.sidebar{height:auto;position:static;border-right:none;border-bottom:1px solid var(--border-color);padding:32px 24px}.sidebar-intro{margin-bottom:0}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;height:60px;padding:12px 24px 0;align-items:flex-start;background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);margin-top:0;z-index:10}.app-version-fixed{position:relative;bottom:auto;right:auto;text-align:center;padding:12px 24px 110px;background-color:var(--bg-sidebar)}.spec-table-container{display:none}.workspace{padding:32px 24px;height:auto;overflow:visible;min-width:0}.queue-container{max-height:50vh;flex-grow:0}.config-grid{grid-template-columns:1fr;gap:16px}.config-actions{flex-direction:column;width:100%;margin-top:8px}.config-actions .btn{width:100%;justify-content:center}}@media(max-width:768px){.sidebar{padding:24px 20px 16px}.workspace{padding:16px 20px;min-width:0}.queue-header{flex-direction:column;align-items:stretch;gap:16px}#clear-queue-btn{width:100%}.queue-item{display:grid;grid-template-columns:1fr;gap:16px;padding:20px 16px;text-align:center}.item-dimensions-wrapper,.item-resize-toggle-column{display:flex;flex-direction:column;align-items:center;width:100%;gap:6px}.item-resize-panel{width:100%;background-color:transparent;border-top:none;padding:0}.item-preview{width:100%;height:120px;margin:0 auto}.item-meta{align-items:center}.item-format-select{width:100%;align-items:center}.item-status{align-items:center}.item-actions{display:flex;flex-direction:row;width:100%;border-top:1px solid var(--border-color);padding-top:16px;gap:12px}.item-actions .btn-item-action{flex:1}.resize-inputs{flex-direction:column;align-items:stretch;gap:12px}.checkbox-group{justify-content:flex-start}.dropzone-container{padding:24px;min-height:300px}.upload-title{font-size:1rem}.upload-formats{font-size:.65rem;padding:4px 8px}.value-selector-grid{grid-template-columns:1fr 1fr}.pix-input-group{flex-direction:column}#copy-pix-btn{width:100%}.modal-body{padding:16px}.config-label-container,.advanced-summary{position:relative}.tooltip-wrapper{position:static}.tooltip-content.align-right{left:auto!important;right:0!important;transform:translateY(4px)!important;width:220px!important;max-width:calc(100vw - 48px)!important}.tooltip-content.align-right:after{left:auto!important;right:3px!important;transform:none!important}.tooltip-content.align-right.active{transform:translateY(0)!important}@media(hover:hover){.tooltip-wrapper:hover .tooltip-content.align-right,.tooltip-content.align-right:hover{transform:translateY(0)!important}}.tooltip-content.align-left{left:0!important;right:auto!important;transform:translateY(4px)!important;width:220px!important;max-width:calc(100vw - 48px)!important}.tooltip-content.align-left:after{left:116px!important;right:auto!important;transform:translate(-50%)!important}.tooltip-content.align-left.active{transform:translateY(0)!important}@media(hover:hover){.tooltip-wrapper:hover .tooltip-content.align-left,.tooltip-content.align-left:hover{transform:translateY(0)!important}}}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:400px;width:calc(100% - 48px)}.toast{background-color:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);color:var(--text-primary);padding:16px 20px;font-family:var(--font-mono);font-size:.8rem;display:grid;grid-template-columns:1fr auto;align-items:start;gap:16px;pointer-events:auto;box-shadow:0 8px 24px #0009,inset 0 1px #ffffff0d;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-info{border-left-color:var(--accent-color)}.toast-message{line-height:1.4;word-break:break-word}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast.fade-out{animation:toastSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media(max-width:600px){.toast-container{top:16px;right:16px;left:16px;width:auto;max-width:none}.toast{font-size:.75rem;padding:12px 16px;animation:toastMobileSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.toast.fade-out{animation:toastMobileSlideOut .2s cubic-bezier(.16,1,.3,1) forwards}}@keyframes toastMobileSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastMobileSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.mobile-cloud-warning{display:none;align-items:flex-start;gap:10px;margin-top:24px;padding:12px 16px;background-color:#f59e0b14;border:1px solid rgba(245,158,11,.3);color:var(--color-warning);font-family:var(--font-mono);font-size:.75rem;max-width:450px;text-align:left;line-height:1.4}.mobile-cloud-warning .warning-icon{flex-shrink:0;color:var(--color-warning);margin-top:1px}.mobile-cloud-warning .warning-text{display:flex;flex-direction:column;gap:6px}.mobile-cloud-warning .warning-emphasis{font-weight:700}.mobile-cloud-warning.visible{display:flex;animation:fadeIn var(--transition-normal) forwards}.sidebar-navigation{margin-bottom:16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:24px}.btn-nav{width:100%;justify-content:flex-start;background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;padding:10px 16px;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.btn-nav:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:#ff450005}.btn-nav-active,.btn-nav-active:hover{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#000!important;box-shadow:0 0 10px var(--accent-glow)}.converter-section,.validator-section{display:flex;flex-direction:column;gap:24px;flex-grow:1;min-height:0;min-width:0;animation:fadeIn var(--transition-normal)}.validator-results-container{display:flex;flex-direction:column;gap:20px;flex-grow:1;min-height:0;min-width:0}.validator-results-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:16px}.validator-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px;min-width:0}.validator-card{background-color:var(--bg-card);border:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:16px;transition:border-color var(--transition-fast),background-color var(--transition-fast);min-width:0}.validator-card:hover{border-color:var(--border-color-active);background-color:var(--bg-card-hover)}.validator-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.validator-card-filename{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--text-primary);word-break:break-all}.validator-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:3px 8px;text-transform:uppercase;border-radius:0;white-space:nowrap}.validator-badge.consistent{color:var(--color-success);background-color:#10b98114;border:1px solid var(--color-success)}.validator-badge.divergent{color:var(--color-error);background-color:#ef444414;border:1px solid var(--color-error)}.validator-badge.inconclusive{color:var(--color-warning);background-color:#f59e0b14;border:1px solid var(--color-warning)}.validator-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.validator-meta-item{display:flex;flex-direction:column;gap:4px}.validator-meta-item .meta-value{font-size:.85rem;color:var(--text-primary)}.validator-meta-item .meta-value-mono{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary)}.validator-hash-box{display:flex;flex-direction:column;gap:6px;background-color:var(--bg-main);border:1px solid var(--border-color);padding:12px}.validator-hash-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.validator-hash-value{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;min-width:0}.btn-copy-hash{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:4px 8px;cursor:pointer;flex-shrink:0;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.btn-copy-hash:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--accent-muted)}.hex-dump-panel{display:flex;flex-direction:column;gap:8px;background-color:var(--bg-main);border:1px solid var(--border-color);padding:16px}.hex-dump-header{font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:6px}.hex-dump-body{display:grid;grid-template-columns:auto 1fr;gap:24px;font-family:var(--font-mono);font-size:.75rem;line-height:1.5;overflow-x:auto}.hex-dump-bytes{color:var(--accent-color);white-space:pre;letter-spacing:.05em}.hex-dump-ascii{color:var(--text-secondary);white-space:pre;border-left:1px solid var(--border-color);padding-left:20px}@media(max-width:1024px){.sidebar-navigation{flex-direction:row;width:100%;border-bottom:none;padding-bottom:0;margin-bottom:16px;gap:8px}.btn-nav{flex:1;width:auto;justify-content:center;padding:8px 12px;font-size:.7rem}}@media(max-width:768px){.validator-results-header{flex-direction:column;align-items:stretch;gap:16px}#clear-validator-btn{width:100%}.validator-card{padding:16px;min-width:0}.validator-card-header{flex-direction:column;align-items:stretch;gap:8px}.validator-badge{align-self:flex-start}.validator-hash-row{flex-direction:column;align-items:stretch;gap:8px}.btn-copy-hash{width:100%;text-align:center}.hex-dump-panel{min-width:0}.hex-dump-body{gap:12px;font-size:.7rem;min-width:0}.hex-dump-ascii{padding-left:12px}}