.tf-page{width:100%;max-width:880px;margin:0 auto;padding:var(--q-space-8) var(--q-space-6) var(--q-space-10);min-width:0}@media(max-width:760px){.tf-page{padding:var(--q-space-6) var(--q-space-4) var(--q-space-9)}}.tf-head{display:grid;gap:var(--q-space-3);padding-bottom:var(--q-space-6)}.tf-head>p{margin:0}.tf-head__title{margin:0;font-size:var(--q-text-2xl);font-weight:800;line-height:var(--q-leading-tight);letter-spacing:var(--q-tracking-tight);color:var(--q-fg);overflow-wrap:anywhere}.tf-head__lead{max-width:640px;color:var(--q-fg-2);font-size:var(--q-text-md);line-height:var(--q-leading)}.tf-head__privacy{display:inline-flex;align-items:center;gap:var(--q-space-2);justify-self:start;color:var(--q-fg-2);font-size:var(--q-text-sm)}.tf-head__privacy .q-icon{color:var(--q-ok)}.tf-body{display:grid;gap:var(--q-space-5);min-width:0}.tf-drop{min-width:0;border:1px dashed var(--q-fg-3);border-radius:var(--q-radius-md);background:var(--q-surface);transition:border-color var(--q-dur-fast) var(--q-ease),background-color var(--q-dur-fast) var(--q-ease)}.tf-drop:hover,.tf-drop.is-dragging{border-color:var(--q-brand)}.tf-drop.is-dragging{background:var(--q-brand-soft)}.tf-drop.is-disabled{border-color:var(--q-line);opacity:.7}.tf-drop__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--q-space-3);width:100%;min-height:168px;padding:var(--q-space-6) var(--q-space-4);border:0;border-radius:inherit;background:transparent;color:var(--q-fg);font:inherit;text-align:center;cursor:pointer}.tf-drop__button:disabled{cursor:not-allowed}.tf-drop__button:focus-visible{outline:none;box-shadow:var(--q-ring)}.tf-drop__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--q-line-2);border-radius:var(--q-radius-full);color:var(--q-brand)}.tf-drop__text{display:grid;gap:var(--q-space-1);min-width:0}.tf-drop__title{font-size:var(--q-text-lg);font-weight:700;overflow-wrap:anywhere}.tf-drop__hint{color:var(--q-fg-2);font-size:var(--q-text-sm);overflow-wrap:anywhere}.tf-drop--compact .tf-drop__button{flex-direction:row;justify-content:flex-start;min-height:64px;padding:var(--q-space-3) var(--q-space-4);text-align:left}.tf-drop--compact .tf-drop__icon{width:36px;height:36px}.tf-drop--compact .tf-drop__title{font-size:var(--q-text-md)}.tf-files{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--q-line-2)}.tf-file{display:flex;align-items:center;gap:var(--q-space-3);min-width:0;padding:var(--q-space-2) 0;border-bottom:1px solid var(--q-line)}.tf-file__order{flex:none;width:2.5ch;font-family:var(--q-font-mono);font-size:var(--q-text-xs);font-variant-numeric:tabular-nums;color:var(--q-fg-3)}.tf-file__body{display:grid;flex:1 1 auto;gap:2px;min-width:0}.tf-file__name{overflow:hidden;color:var(--q-fg);font-size:var(--q-text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tf-file__meta{font-family:var(--q-font-mono);font-size:var(--q-text-xs);font-variant-numeric:tabular-nums;color:var(--q-fg-3)}.tf-file__actions{display:flex;flex:none;gap:2px}.tf-file__btn:disabled{color:var(--q-fg-3);opacity:.45;cursor:not-allowed}.tf-file__btn:disabled:hover{background:transparent}.tf-file__btn--up .q-icon{transform:rotate(180deg)}.tf-sec{display:grid;gap:var(--q-space-4);min-width:0;padding-top:var(--q-space-5);border-top:1px solid var(--q-line-2)}.tf-sec__title{display:flex;align-items:baseline;gap:var(--q-space-3);margin:0;font-size:var(--q-text-md);font-weight:700;color:var(--q-fg)}.tf-sec__body{display:grid;gap:var(--q-space-4);min-width:0}.tf-choice{display:grid;gap:var(--q-space-2);min-width:0;margin:0;padding:0;border:0}.tf-choice__legend{margin-bottom:var(--q-space-2);padding:0;color:var(--q-fg);font-size:var(--q-text-sm);font-weight:600}.tf-choice__options{display:grid;gap:var(--q-space-2);min-width:0}.tf-choice__option{display:flex;align-items:flex-start;gap:var(--q-space-3);min-height:44px;min-width:0;padding:var(--q-space-3);border:1px solid var(--q-line-2);border-radius:var(--q-radius-sm);background:var(--q-surface);cursor:pointer}.tf-choice__option.is-checked{border-color:var(--q-brand)}.tf-choice__option:has(:focus-visible){box-shadow:var(--q-ring)}.tf-choice__option input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--q-brand)}.tf-choice__text{display:grid;gap:2px;min-width:0}.tf-choice__label{color:var(--q-fg);font-size:var(--q-text-sm);font-weight:600}.tf-choice__desc{color:var(--q-fg-2);font-size:var(--q-text-sm);overflow-wrap:anywhere}.tf-choice--segment .tf-choice__options{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.tf-choice--segment .tf-choice__option{align-items:center;justify-content:center}.tf-run{display:flex;flex-wrap:wrap;align-items:center;gap:var(--q-space-2)}.tf-status{margin:0;min-height:1.5em;color:var(--q-fg-2);font-size:var(--q-text-sm)}.tf-status.is-empty{min-height:0}.tf-result{display:grid;gap:var(--q-space-4);min-width:0;padding:var(--q-space-5);border:1px solid var(--q-line-2);border-radius:var(--q-radius-md);background:var(--q-surface)}.tf-result__title{display:flex;align-items:baseline;gap:var(--q-space-3);margin:0;font-size:var(--q-text-lg);font-weight:700;color:var(--q-fg)}.tf-result__title:focus{outline:none}.tf-result__title:focus-visible{box-shadow:var(--q-ring)}.tf-result__actions{display:flex;flex-wrap:wrap;gap:var(--q-space-2)}.tf-result__actions .q-btn{max-width:100%;white-space:normal}.tf-result__file{margin:0;overflow-wrap:anywhere;text-transform:none}.tf-row{display:flex;flex-wrap:wrap;gap:var(--q-space-2);min-width:0}.tf-number{max-width:160px}.tf-note{margin:0;color:var(--q-fg-2);font-size:var(--q-text-sm);overflow-wrap:anywhere}.tf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--q-space-4);min-width:0}.tf-grid>*{min-width:0}.tf-range{display:grid;gap:var(--q-space-2);min-width:0}.tf-range__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--q-space-3);min-width:0}.tf-range__label{color:var(--q-fg);font-size:var(--q-text-sm);font-weight:600}.tf-range__value{flex:none;font-family:var(--q-font-mono);font-size:var(--q-text-sm);font-variant-numeric:tabular-nums;color:var(--q-fg-2)}.tf-range__input{width:100%;min-height:44px;margin:0;accent-color:var(--q-brand);cursor:pointer}.tf-range__input:focus-visible{outline:none;box-shadow:var(--q-ring);border-radius:var(--q-radius-sm)}.tf-range__input:disabled{cursor:not-allowed;opacity:.5}.tf-range__hint{margin:0;color:var(--q-fg-2);font-size:var(--q-text-sm)}.tf-color{display:grid;gap:var(--q-space-2);min-width:0}.tf-color__label{color:var(--q-fg);font-size:var(--q-text-sm);font-weight:600}.tf-color__row{display:flex;align-items:center;gap:var(--q-space-3)}.tf-color__input{flex:none;width:56px;height:44px;padding:4px;border:1px solid var(--q-line-2);border-radius:var(--q-radius-sm);background:var(--q-surface);cursor:pointer}.tf-color__input:focus-visible{outline:none;box-shadow:var(--q-ring)}.tf-color__value{font-family:var(--q-font-mono);font-size:var(--q-text-sm);color:var(--q-fg-2)}.tf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;border-top:1px solid var(--q-line);border-left:1px solid var(--q-line)}.tf-stats__item{display:grid;gap:var(--q-space-1);min-width:0;padding:var(--q-space-3) var(--q-space-4);border-right:1px solid var(--q-line);border-bottom:1px solid var(--q-line)}.tf-stats__label{margin:0}.tf-stats__value{margin:0;color:var(--q-fg);font-family:var(--q-font-mono);font-size:var(--q-text-md);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tf-preview{display:block;max-width:100%;max-height:360px;margin:0;border:1px solid var(--q-line);border-radius:var(--q-radius-sm);background:var(--q-surface-2);object-fit:contain}