.tth-page{--tth-panel: var(--haze-50);--tth-surface: var(--haze-0)}.tth-page [hidden]{display:none!important}.tth-heading{padding:var(--space-7) 0 var(--space-7);border-bottom:var(--bw-rule) solid var(--rule)}.tth-back{display:inline-block;margin-bottom:var(--space-6);color:var(--fg-muted);font-size:var(--fs-sm);text-decoration:none}.tth-back:hover{color:var(--accent)}.tth-heading h1{margin-bottom:var(--space-3)}.tth-heading .lede{max-width:54ch;margin-bottom:var(--space-6)}.tth-format-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.tth-format-list li{padding:var(--space-1) var(--space-3);border:var(--bw-hair) solid var(--rule-soft);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-muted)}.tth-privacy{padding:var(--space-6) 0;border-bottom:var(--bw-hair) solid var(--rule-faint)}.tth-privacy h2{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.tth-privacy p{max-width:68ch;margin:0;color:var(--fg-muted)}.tth-workspace{padding:var(--space-7) 0 var(--space-8)}.tth-workspace__intro{max-width:60ch;margin-bottom:var(--space-6)}.tth-workspace__intro h2{margin-bottom:var(--space-3)}.tth-workspace__intro p{margin:0;color:var(--fg-muted)}.tth-converter{display:grid;gap:var(--space-4);max-width:44rem}.tth-upload{position:relative;display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-6);border:var(--bw-rule) dashed var(--rule-soft);border-radius:var(--radius-3);background:var(--tth-panel);text-align:center;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.tth-upload.is-dragging{border-color:var(--accent);background:var(--pindan-50)}.tth-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.tth-upload__mark{font-size:var(--fs-xl);line-height:1;color:var(--fg-faint);margin-bottom:var(--space-2)}.tth-upload p{margin:0;color:var(--fg-muted)}.tth-upload label{color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer;position:relative;z-index:1}.tth-help{font-size:var(--fs-sm);color:var(--fg-quiet);margin:0}.tth-upload .tth-help{margin-top:var(--space-3)}.tth-file{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:var(--bw-hair) solid var(--rule-soft);border-radius:var(--radius-3);background:var(--tth-surface)}.tth-file__detail{min-width:0}.tth-file__detail p{margin:0}.tth-file__type{display:inline-block;margin-bottom:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-1);background:var(--ink-900);color:var(--fg-inverse);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.tth-file__detail>p:nth-of-type(1){overflow-wrap:anywhere}.tth-file__detail .tth-help{margin-top:var(--space-1)}.tth-text-button{flex:none;background:none;border:0;padding:0;color:var(--fg-muted);font:inherit;font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.tth-text-button:hover{color:var(--accent)}.tth-error{margin:0;color:var(--pindan-700);font-size:var(--fs-sm)}.tth-submit{justify-self:start}.tth-submit:disabled{opacity:.45;cursor:not-allowed}.tth-job{max-width:60rem;margin-top:var(--space-7);padding:var(--space-6);border:var(--bw-hair) solid var(--rule-soft);border-radius:var(--radius-3);background:var(--tth-panel)}.tth-job__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.tth-job__header h2{margin:0;font-size:var(--fs-lg)}.tth-progress__track{height:6px;border-radius:var(--radius-pill);background:var(--haze-300);overflow:hidden}.tth-progress__track>span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s var(--ease-standard)}.tth-progress__meta{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--fg-muted)}.tth-progress__meta span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tth-result{display:grid;gap:var(--space-5)}.tth-fidelity{padding:var(--space-4) var(--space-5);border-left:var(--bw-heavy) solid var(--accent);background:var(--tth-surface)}.tth-fidelity h3{margin:0 0 var(--space-2);font-size:var(--fs-md)}.tth-fidelity p{margin:0;color:var(--fg-muted)}.tth-fidelity .tth-help{margin-top:var(--space-3)}.tth-fields p{margin:0 0 var(--space-3);color:var(--fg-muted);font-size:var(--fs-sm)}.tth-fields ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.tth-fields li{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--bw-hair) solid var(--rule-faint);border-radius:var(--radius-2);background:var(--tth-surface);font-size:var(--fs-xs)}.tth-fields code{font-family:var(--font-mono);color:var(--pindan-700)}.tth-fields li span{color:var(--fg-quiet)}.tth-warning{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:var(--bw-hair) solid var(--pindan-200);border-radius:var(--radius-2);background:var(--pindan-50);color:var(--pindan-900);font-size:var(--fs-sm)}.tth-warning p{margin:0}.tth-preview{border:var(--bw-hair) solid var(--rule-soft);border-radius:var(--radius-3);overflow:hidden;background:var(--tth-surface)}.tth-preview__bar{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:var(--bw-hair) solid var(--rule-faint);background:var(--haze-200);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.03em;color:var(--fg-quiet);text-transform:uppercase}.tth-preview iframe{display:block;width:100%;height:30rem;border:0;background:var(--haze-200)}.tth-result__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.tth-secondary-button{padding:var(--space-3) var(--space-5);border:var(--bw-hair) solid var(--rule);border-radius:var(--radius-2);background:none;color:var(--fg);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.tth-secondary-button:hover{background:var(--ink-900);color:var(--fg-inverse)}.tth-failure{display:grid;justify-items:start;gap:var(--space-4)}.tth-failure p{margin:0;color:var(--pindan-700)}.tth-explainer{padding:var(--space-7) 0 var(--space-9);border-top:var(--bw-rule) solid var(--rule)}.tth-explainer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:var(--space-6) 0 var(--space-7)}.tth-explainer__grid article>span{display:block;margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-faint)}.tth-explainer__grid h2{font-size:var(--fs-md);margin-bottom:var(--space-2)}.tth-explainer__grid p{margin:0;color:var(--fg-muted);font-size:var(--fs-sm)}.tth-fidelity-note{max-width:72ch;margin:0;padding-top:var(--space-5);border-top:var(--bw-hair) solid var(--rule-faint);color:var(--fg-muted);font-size:var(--fs-sm)}.tth-fidelity-note code{font-family:var(--font-mono);font-size:.92em;color:var(--pindan-700)}@media(max-width:900px){.tth-explainer__grid{grid-template-columns:1fr;gap:var(--space-5)}}@media(max-width:640px){.tth-upload{padding:var(--space-6) var(--space-4)}.tth-job{padding:var(--space-5) var(--space-4)}.tth-file{flex-direction:column;align-items:stretch}.tth-preview iframe{height:22rem}.tth-result__actions{flex-direction:column;align-items:stretch}.tth-result__actions button{justify-content:center;text-align:center}}