.tool-app{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.tool-drop{min-height:170px;display:flex;align-items:center;justify-content:center}.tool-app.has-files .tool-drop{min-height:110px}.tool-options[hidden]{display:none}.tool-options{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);align-items:flex-end}.tool-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:160px}.tool-options>.tool-field{flex:1 1 180px}.tool-field[hidden]{display:none}.tool-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.tool-label output{color:var(--text-accent);font-weight:700;margin-left:var(--space-1)}.tool-field .font-select,.tool-field .number-input,.tool-field .quality-slider{width:100%}.tool-check{display:flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--text-primary);cursor:pointer}.tool-segment{display:flex;flex-wrap:wrap;gap:var(--space-1);background:var(--bg-elevated);border-radius:var(--radius-md);padding:3px}.tool-segment button{flex:1;background:transparent;border:0;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.tool-segment button[aria-pressed=true]{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-glow)}.tool-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--text-primary);font-size:13px;line-height:1.5}.tool-notice[hidden]{display:none}.tool-files{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.tool-files:empty{display:none}.tool-file{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px}.tool-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tool-file-meta{color:var(--text-secondary);font-size:13px;white-space:nowrap}.tool-file[data-state=error] .tool-file-meta{color:var(--danger);white-space:normal}.tool-file[data-state=done] .tool-file-meta{color:var(--success)}.tool-file[aria-current=true]{border-color:var(--accent-1);box-shadow:0 0 0 1px var(--accent-1)}.tool-file .tool-file-dl{width:auto;margin:0;padding:6px var(--space-3)}.tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tool-actions:not(:has(>:not([hidden]))){display:none}.tool-actions>*{flex:1 1 200px;margin:0}.tool-actions [hidden]{display:none}.tool-preview{display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden}.tool-preview img,.tool-preview canvas,.tool-preview video{max-width:100%;max-height:60vh;display:block}.tool-page .wr-disclaimer{text-align:center;margin-top:0}.tool-page+.landing-sections{padding-top:0}@media(max-width:600px){.tool-app{padding:var(--space-4);border-radius:var(--radius-lg)}.tool-file{grid-template-columns:minmax(0,1fr) auto}.tool-file-meta{grid-column:1;grid-row:2;white-space:normal}.tool-file .tool-file-dl{grid-row:1 / 3;grid-column:2}}