:root{--primary:#6c63ff;--primary-hover:#5a52e0}
[data-theme="bright"]{--primary:#6c63ff;--primary-hover:#7b73ff}
.file-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px}
.file-info svg{color:var(--text-secondary)}
.file-name{font-size:1rem;color:var(--text);font-weight:600}
.file-meta{font-size:.85rem;color:var(--text-secondary)}
.control-group{display:flex;align-items:center;gap:12px}
.control-group label{font-size:.85rem;color:var(--text-secondary);min-width:90px}
.control-group input[type=range]{flex:1;accent-color:var(--primary);background:transparent;cursor:pointer}
.control-group input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--border);border-radius:2px}
.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;margin-top:-6px;cursor:pointer}
.control-group input[type=range]::-moz-range-track{height:4px;background:var(--border);border-radius:2px}
.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;border:none;cursor:pointer}
.control-group span{font-size:.85rem;color:var(--primary);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}
.control-group select{flex:1;padding:6px 10px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.85rem;cursor:pointer}
.control-group select:focus{outline:none;border-color:var(--primary)}
#controls .btn-primary{margin-top:24px}
.download-btn{background:var(--surface-raised);color:var(--primary);border:1px solid var(--primary)}
.download-btn:hover{background:var(--surface)}
#preview{white-space:pre-wrap;font-family:'Courier New',monospace;font-size:.7rem;color:var(--text-secondary);background:var(--surface);padding:12px;border-radius:8px;border:1px solid var(--border);text-align:left;line-height:1.3}