.converter-page{max-width:70rem;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);display:grid;gap:var(--space-8)}.converter-page__workspace{display:grid;gap:var(--space-4)}.converter-page__workspace h2,.convert-index h2{margin:0}.convert-index{display:grid;gap:var(--space-3)}.convert-index__grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.source-card-link{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-3);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.source-card-link:hover{border-color:var(--color-primary-border);background:var(--color-primary-subtle)}.source-card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.source-card-link__icon{min-width:44px;min-height:44px;border-radius:var(--radius-input);background:var(--color-primary-subtle);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-label);font-weight:700}.source-card-link__name{font-size:var(--font-size-label);font-weight:700}.tool-app{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:var(--space-4);display:grid;gap:var(--space-4)}.tool-app input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-6);text-align:center;display:grid;gap:var(--space-2);justify-items:center;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.dropzone--dragging{border-color:var(--color-primary);background:var(--color-primary-subtle)}.dropzone p{margin:0;color:var(--color-text-secondary)}.dropzone__browse{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-hover);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--font-size-label);font-weight:600;cursor:pointer}.tool-app__status{min-height:1.5rem}.tool-app__status p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:500}.tool-app__error-wrap{min-height:1.5rem}.tool-app__error{margin:0;color:var(--color-error);font-size:var(--font-size-label);font-weight:600}.tool-app__preview{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-2)}.tool-app__preview img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:var(--radius-input)}.tool-app__queue{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);padding:var(--space-3)}.tool-app__queue h3{margin:0;font-size:var(--font-size-label)}.tool-app__queue-empty{margin:0;color:var(--color-text-secondary)}.tool-app__queue-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.tool-app__queue-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);padding:var(--space-2)}.tool-app__queue-name{overflow-wrap:anywhere;color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:600}.tool-app__queue-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.tool-app__queue-button{min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-caption);font-weight:600;padding:0 var(--space-3);cursor:pointer}.tool-app__queue-button--danger{border-color:var(--color-error);color:var(--color-error)}.tool-app__queue-button:disabled{opacity:.5;cursor:not-allowed}.tool-app__controls{display:grid;gap:var(--space-3)}.format-select,.tool-slider,.tool-number,.tool-toggle{display:grid;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:600}.format-select select,.tool-slider input,.tool-number input{width:100%}.format-select select,.tool-number input{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);padding:0 var(--space-3);font:inherit;font-size:var(--font-size-body)}.tool-toggle{grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--space-2)}.tool-toggle input{width:1rem;height:1rem}.tool-app__support-note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:600}.download-button{min-height:44px;border:1px solid transparent;border-radius:var(--radius-card);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--font-size-label);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer}.download-button:disabled{cursor:not-allowed;opacity:.55}.download-button--success{background:var(--color-success)}.spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid rgb(255 255 255 / 45%);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}