.tg-page{padding-top:1.5rem}.tg-page>nav{margin-bottom:1rem}.tg-page #tool-title{font-size:clamp(1.625rem,7.5vw,2rem)}.tg-page #tool-title+p{max-width:52rem;margin-top:.5rem}.tg-tool{padding:0;border:0;background:transparent}.tg-workspace{display:grid;grid-template-areas:"settings" "result";gap:.75rem}.tg-settings{grid-area:settings;min-width:0}.tg-settings-title{display:none}.tg-disclosure{display:flex;width:100%;min-height:4.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);text-align:left}.tg-disclosure>span{min-width:0}.tg-disclosure-title{display:block;font-size:.875rem;line-height:1.5rem;font-weight:700}.tg-disclosure .tg-hint{display:block;margin-top:.125rem}.tg-disclosure>.tg-icon:last-child{margin-left:auto}.tg-disclosure:hover{background:var(--surface-hover)}.tg-disclosure[aria-expanded=true]>.tg-icon:last-child{transform:rotate(180deg)}.tg-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--primary)}.tg-action .tg-icon{color:inherit}.tg-fields{display:none;min-width:0;gap:1rem;margin-top:.75rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.tg-fields[data-open=true]{display:grid}.tg-fieldset{min-width:0;margin:0;padding:0;border:0}.tg-fieldset legend,.tg-count-field>label{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.tg-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tg-choices label{position:relative;min-width:0;cursor:pointer}.tg-choices input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.tg-choices span{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.5rem .625rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);font-size:.875rem;line-height:1.25rem;font-weight:600;text-align:center}.tg-choices input:checked+span{border-color:var(--primary);background:var(--primary-soft)}.tg-choices label:hover span{background:var(--surface-hover)}.tg-choices input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}.tg-count-field{min-width:0}.tg-count-field .field-input{border-radius:.5rem}.tg-hint{font-size:.8125rem;line-height:1.5rem;color:var(--text-muted);overflow-wrap:anywhere}.tg-fields>.tg-hint{margin-top:-.5rem}.tg-classic{display:flex;min-height:2.75rem;align-items:flex-start;gap:.625rem;padding-block:.5rem;font-size:.875rem;line-height:1.5rem;cursor:pointer}.tg-classic input{width:1.25rem;height:1.25rem;margin-top:.125rem;flex-shrink:0;accent-color:var(--primary)}.tg-settings-help{padding-top:1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem;line-height:1.5rem}.tg-scene{grid-area:result;min-width:0}.tg-result-header{display:flex;flex-direction:column-reverse;gap:.625rem}.tg-result-heading h2{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.tg-result-heading>p{padding-inline:.125rem}.tg-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.tg-action{min-height:3rem;min-width:0;padding:.625rem .5rem;border-radius:.5rem;font-size:.875rem;line-height:1.25rem}.tg-action[aria-disabled=true]{opacity:.6;cursor:default}.tg-reading{margin-top:.75rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.tg-output{max-height:26rem;overflow:hidden;overflow-wrap:anywhere}.tg-output[data-pending=true]{min-height:26rem}.tg-output[data-expanded=true]{max-height:none}.tg-prose{max-width:72ch;font-size:1rem;line-height:1.75rem}.tg-prose p+p{margin-top:1.25rem}.tg-expand{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.5rem;border-top:1px solid var(--border);border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--primary)}.tg-expand:hover,.tg-text-button:hover{background:var(--surface-hover)}.tg-expand[aria-expanded=true] .tg-icon{transform:rotate(180deg)}.tg-counts{margin-top:1rem;font-size:.75rem}.tg-feedback{margin-top:.75rem}.tg-error{margin-top:.5rem;font-size:.875rem;line-height:1.5rem;font-weight:600;color:var(--text-primary)}.tg-text-button{min-height:2.75rem;padding:.5rem;border-radius:.5rem;color:var(--primary);text-decoration:underline;text-underline-offset:.125rem;font-size:.875rem}.tg-instruction,.tg-guide{margin-top:2.5rem}.tg-steps{display:grid;gap:1.25rem;margin-top:1.25rem}.tg-steps li{display:flex;min-width:0;align-items:flex-start;gap:1rem}.tg-step-number{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:1rem;font-weight:600}.tg-steps h3{font-size:.875rem;line-height:1.5rem;font-weight:700}.tg-steps p,.tg-guide p{margin-top:.5rem;font-size:.875rem;line-height:1.75rem;color:var(--text-muted)}.tg-guide{max-width:72ch}.tg-guide h3{margin-top:1.5rem;font-weight:700}.tg-example{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border)}@media(min-width:48rem){.tg-page #tool-title{font-size:2.25rem}.tg-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media(min-width:64rem){.tg-page{padding-top:2rem}.tg-tool{padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.tg-workspace{grid-template-areas:"result settings";grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1.75rem;align-items:start}.tg-settings{align-self:stretch;padding-left:1.75rem;border-left:1px solid var(--border)}.tg-settings-title{display:block;margin-bottom:1.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}.tg-disclosure{display:none}.tg-fields{display:grid;margin:0;padding:0;border:0;background:transparent}.tg-result-header{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.tg-result-heading h2{position:static;width:auto;height:auto;clip-path:none;overflow:visible;font-size:1.25rem;line-height:1.75rem;font-weight:700}.tg-result-heading>p{margin-top:.25rem;padding:0}.tg-actions{display:flex;flex-wrap:wrap}.tg-action{min-height:2.75rem;padding-inline:1rem}.tg-reading{margin-top:1.5rem;padding:0;border:0;background:transparent}.tg-output{max-height:none;overflow:visible}.tg-expand{display:none}}
