.previewer-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:2rem}.section-title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.lut-count{color:var(--color-accent);font-size:.9rem;margin-left:.5rem}.upload-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.drop-zone-image{border-color:rgba(74,222,128,.3);border-style:dashed}.drop-zone-image .drop-zone-text{color:var(--color-accent)}.previewer-body{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:320px 1fr;margin-top:1.5rem}.lut-list-section{background:hsla(0,0%,100%,.02);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:1rem}.lut-list-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem}.lut-list{flex:1;flex-direction:column;overflow-y:auto}.lut-item,.lut-list{display:flex;gap:.75rem}.lut-item{background:hsla(0,0%,100%,.02);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:.75rem;transition:all var(--transition-fast)}.lut-item:hover{background:hsla(0,0%,100%,.04);border-color:var(--color-border-light)}.lut-item.active{background:rgba(74,222,128,.05);border-color:var(--color-accent)}.lut-item-thumb{background:#000;border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:64px;object-fit:cover;width:64px}.lut-item-info{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.lut-item-name{color:var(--color-text-primary);font-size:.85rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lut-item-meta{color:var(--color-text-secondary);font-size:.7rem;line-height:1.5}.lut-item-meta .meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.lut-item-meta .meta-tag{background:hsla(0,0%,100%,.06);border-radius:3px;display:inline-block;font-family:monospace;padding:1px 6px}.lut-item-meta .meta-tag.format-cube{background:rgba(100,181,246,.15);color:#64b5f6}.lut-item-meta .meta-tag.format-png{background:rgba(129,199,132,.15);color:#81c784}.lut-item-actions{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;justify-content:center}.lut-item-btn{background:hsla(0,0%,100%,.05);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.7rem;padding:3px 8px;transition:all var(--transition-fast);white-space:nowrap}.lut-item-btn:hover{background:hsla(0,0%,100%,.1);color:var(--color-text-primary)}.lut-item-btn.delete:hover{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.preview-main{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.preview-section{background:hsla(0,0%,100%,.02);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.preview-controls{background:rgba(0,0,0,.2);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem}.control-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.5rem}.control-label span:first-child{white-space:nowrap}.control-select{background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.8rem;padding:4px 8px}.control-slider{accent-color:var(--color-accent);width:100px}.control-value{color:var(--color-text-primary);font-family:monospace;font-size:.8rem;min-width:40px;text-align:right}.preview-canvas-wrap{background:#000;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.preview-canvas{cursor:ew-resize;display:block;height:auto;max-width:100%;width:100%}.preview-hint{color:var(--color-text-secondary);font-size:.75rem;margin-top:.5rem;opacity:.6;text-align:center}.convert-section{background:hsla(0,0%,100%,.02);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.convert-controls{background:rgba(0,0,0,.2);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem}.subsection-title{color:var(--color-text-primary);font-size:.8rem;font-weight:600;letter-spacing:.03em;margin:0 0 .75rem}.advanced-settings,.png-settings{background:rgba(0,0,0,.2);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem}.slider-grid{display:grid;gap:.75rem 1rem;grid-template-columns:1fr 1fr}.slider-control{display:flex;flex-direction:column;gap:.35rem}.slider-label-row{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.slider-value{color:var(--color-text-primary);font-family:monospace;font-weight:600}.slider-hint{color:hsla(0,0%,100%,.4);font-size:.65rem;line-height:1.3}.control-slider{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.1);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;height:14px;transition:transform var(--transition-fast);width:14px}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-slider::-moz-range-thumb{background:var(--color-accent);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;height:14px;width:14px}.convert-info{background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.2);border-radius:var(--radius-sm);color:#ffc107;display:none;font-size:.75rem;padding:.5rem .75rem}.convert-info.show{display:block}.convert-info.upsample{background:rgba(255,193,7,.12);border-color:rgba(255,193,7,.3)}.convert-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.lutviz-btn-sm{font-size:.7rem;padding:.35rem .7rem}@media (max-width:900px){.previewer-body{grid-template-columns:1fr}}@media (max-width:768px){.previewer-card{padding:1.25rem}.upload-row{grid-template-columns:1fr}.convert-controls,.preview-controls{flex-direction:column;gap:.75rem}.control-label{width:100%}.control-slider{flex:1;width:auto}.convert-actions{flex-direction:column}.convert-actions .lutviz-btn{width:100%}.slider-grid{grid-template-columns:1fr}.lut-item{flex-wrap:wrap}.lut-item-thumb{height:48px;width:48px}}