.shape-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--bg-body);padding:var(--spacing-xs);border-radius:var(--radius-md);flex-wrap:wrap}.shape-tab{flex:1;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s;text-align:center;font-family:inherit}.shape-tab:hover{background:var(--bg-card-hover)}.shape-tab.active{background:var(--color-primary);color:#fff}.shape-content{display:none}.shape-content.active{display:block}.stats-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.stat-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.campo-inline{margin-bottom:0}.auto-detect-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-muted);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.btn-inline{background:0 0;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;padding:0}.btn-inline:hover{color:var(--color-primary-hover)}.error-msg{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.85rem;margin-top:var(--spacing-md)}.output-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.campo textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:'Courier New',Consolas,monospace;background:var(--bg-input);color:var(--color-text);resize:vertical;transition:border-color .2s,box-shadow .2s;line-height:1.5}.campo textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.campo textarea::placeholder{color:var(--color-text-muted)}.campo textarea[readonly]{opacity:.85;cursor:default}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .3s;background:var(--bg-body);margin-bottom:var(--spacing-md)}.drop-zone.drag-over,.drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-muted)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.drop-zone-icon{font-size:2.5rem}.drop-zone p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.drop-zone-hint{font-size:.8rem;color:var(--color-text-muted)}.image-preview-wrapper{background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;margin-bottom:var(--spacing-md);overflow:hidden}.image-preview-wrapper img{max-width:100%;max-height:400px;border-radius:var(--radius-sm);object-fit:contain}#b64-preview-container h3,#image-preview-container h3{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.btn-calcular.btn-secondary{background:var(--bg-card);color:var(--color-text);border:1px solid var(--color-border);box-shadow:none}.btn-calcular.btn-secondary:hover{border-color:var(--color-primary);background:var(--bg-card-hover);transform:none}@media (max-width:600px){.stats-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.output-actions{flex-direction:column;align-items:stretch}.output-actions .btn-secundario{text-align:center}.drop-zone{padding:var(--spacing-lg)}.drop-zone-icon{font-size:2rem}}