.tt-shell{max-width:1440px;color:var(--ink);min-width:0;margin:auto;padding:40px clamp(16px,4vw,64px) 70px}.tt-intro{border-bottom:1px solid;margin-bottom:28px;padding:24px 0 28px}.tt-intro h1{margin:18px 0;font-size:clamp(38px,5vw,70px);line-height:1.05}.tt-intro h1 em{color:var(--accent,#a65337)}.tt-intro p{max-width:650px;line-height:1.6}.tt-workspace{min-width:0}.tt-workspace button,.tt-workspace input,.tt-workspace select,.tt-workspace textarea{font:inherit;color:inherit;background:var(--paper);border:1px solid;border-radius:4px;min-width:0;padding:12px}.tt-workspace button{cursor:pointer}.tt-workspace button:hover{background:color-mix(in srgb,var(--ink) 10%,var(--paper))}.tt-workspace :focus-visible{outline-offset:3px;outline:3px solid #b9713d}.tt-workspace .tt-primary{background:var(--ink);color:var(--paper);white-space:nowrap}.tt-input-panel{border:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:22px}.tt-input-panel label{margin-bottom:12px;font-size:14px;font-weight:600;display:block}.tt-input-row{gap:12px;display:flex}.tt-input-row input{flex:1;width:100%;font-size:21px}.tt-input-panel p,.tt-input-panel details{font-size:13px;line-height:1.65}.tt-input-panel summary{cursor:pointer}.tt-empty{text-align:center;padding:60px 20px}.tt-empty>span{color:var(--accent,#a65337);font:italic 54px Georgia,serif}.tt-empty p{font:26px Georgia,serif}.tt-empty small{font-size:13px}.tt-error,.tt-warning{background:color-mix(in srgb,#b9653c 8%,var(--paper));border-left:3px solid #b9653c;padding:12px}.tt-result{padding:24px 0}.tt-result h2{overflow-wrap:anywhere;font:24px/1.5 Georgia,serif}.tt-result p{font-size:14px}.tt-scroll-hint{font-size:12px;line-height:1.7}.tt-scroll{isolation:isolate;border:1px solid;max-height:650px;overflow:auto}.tt-scroll table{border-collapse:separate;border-spacing:0;text-align:center;width:100%;font:17px Georgia,serif}.tt-scroll caption{text-align:left;background:var(--paper);padding:12px;font:13px/1.6 sans-serif}.tt-scroll th{background:var(--paper);z-index:1;white-space:nowrap;vertical-align:bottom;border-bottom:2px solid;padding:16px 20px;font-weight:500;position:sticky;top:0}.tt-scroll td{border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:10px 20px}.tt-scroll tbody tr:nth-child(2n){background:color-mix(in srgb,var(--ink) 3%,var(--paper))}.tt-scroll .tt-principal{background:color-mix(in srgb,#ba6c49 10%,var(--paper));border-left:3px solid;font-weight:700}.tt-scroll th.tt-principal{background:var(--paper)}.tt-column-label{text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font:600 10px sans-serif;display:block}.tt-export{border:1px solid;margin-top:28px;padding:22px}.tt-export h2{margin:0 0 20px;font-size:24px}.tt-export-controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.tt-export label{gap:8px;font-size:13px;display:grid}.tt-export textarea{resize:vertical;white-space:pre;width:100%;height:190px;margin-top:20px;font:13px/1.6 monospace;display:block}.tt-export p,.tt-export [role=status],.tt-privacy{font-size:12px;line-height:1.7}.tt-privacy{opacity:.8;margin-top:25px}@media (max-width:600px){.tt-shell{padding-top:18px}.tt-input-panel,.tt-export{padding:16px}.tt-input-row{flex-direction:column}.tt-input-row input{font-size:18px}.tt-scroll{max-height:500px}.tt-scroll th,.tt-scroll td{padding:12px 16px}}
