body{overflow:hidden}
:root{--primary:#e8912d;--primary-hover:#d4812a}
[data-theme="bright"]{--primary:#e8912d;--primary-hover:#f0a040}
.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:100px}
.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 .value{font-size:.85rem;color:var(--primary);min-width:75px;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)}
.download-btn{background:var(--surface-raised);color:var(--primary);border:1px solid var(--primary)}
.download-btn:hover{background:var(--surface)}
#preview{display:flex;justify-content:center;padding:0;position:relative;width:100%;min-height:200px}
.svg-wrap{width:100%;max-width:100%;display:flex;justify-content:center}
.svg-wrap img{max-width:100%;height:auto;border-radius:4px;display:block}
#placeholder{display:flex;justify-content:center}
#placeholder svg{max-width:100%;height:auto;border-radius:4px}