.tf-app{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--font-size-caption:clamp(.62rem, .6rem + .08vw, .72rem);--font-size-label:clamp(.75rem, .73rem + .1vw, .88rem);--font-size-small:clamp(.86rem, .84rem + .14vw, 1rem);--font-size-body:clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-body-plus:clamp(1.05rem, 1rem + .25vw, 1.2rem);--font-size-title:clamp(1.1rem, 1.05rem + .24vw, 1.3rem);--font-size-panel:clamp(1.3rem, 2.4vw, 1.85rem);--font-size-heading-sm:clamp(1.45rem, 3.3vw, 2.2rem);--font-size-heading-md:clamp(1.7rem, 3.9vw, 2.8rem);--font-size-display:clamp(2rem, 5vw, 3.6rem);--font-size-display-hero:clamp(2.05rem, 5.8vw, 4rem);--line-height-body:1.75;--font-size-h1:var(--font-size-heading-md);--font-size-h2:var(--font-size-heading-sm);--font-size-h3:var(--font-size-panel);--font-size-h4:var(--font-size-title);--font-size-h5:var(--font-size-body-plus);--font-size-h6:var(--font-size-body);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:.02rem;font-optical-sizing:auto;font-kerning:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:lang(ja) .tf-app{font-feature-settings:"palt"}:lang(ja) .tf-app :where(h1,h2,h3){letter-spacing:.03rem;line-height:1.4}.tf-app :where(button,input,select,textarea){color:inherit;font:inherit;letter-spacing:inherit}.tf-app h1{font-size:var(--font-size-h1);line-height:1.2}.tf-app h2{font-size:var(--font-size-h2);line-height:1.25}.tf-app h3{font-size:var(--font-size-h3);line-height:1.3}.tf-app h4{font-size:var(--font-size-h4);line-height:1.35}.tf-app h5{font-size:var(--font-size-h5);line-height:1.4}.tf-app h6{font-size:var(--font-size-h6);line-height:1.45}.tf-app,.tf-app[data-theme=light]{--color-brand:oklch(56% .12 252);--color-brand-strong:oklch(52% .14 252);--color-accent:oklch(70% .11 170);--color-bg:oklch(98% .01 260);--color-surface:oklch(100% 0 0);--color-surface-soft:oklch(96% .01 260);--color-text:oklch(28% .03 262);--color-muted:oklch(52% .02 262);--color-border:oklch(86% .01 262);--color-danger:oklch(58% .2 25);--tf-app-primary:var(--color-brand);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 25%, transparent);--tf-app-primary-inverse:oklch(98% 0 0);--tf-app-background-color:var(--color-bg);--tf-app-color:var(--color-text);--tf-app-muted-color:var(--color-muted);--tf-app-muted-border-color:var(--color-border);--tf-app-card-background-color:var(--color-surface);--tf-app-card-border-color:var(--color-border);--tf-app-form-element-background-color:var(--color-surface);--tf-app-form-element-border-color:var(--color-border);--tf-app-form-element-color:var(--color-text);--tf-app-form-element-placeholder-color:color-mix(in oklab, var(--color-muted) 70%, white);--tf-app-contrast:var(--color-text);--tf-app-contrast-inverse:oklch(98% 0 0)}.tf-app[data-theme=dark],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme]){--color-brand:oklch(74% .1 252);--color-brand-strong:oklch(80% .1 252);--color-accent:oklch(78% .09 170);--color-bg:oklch(18% .02 262);--color-surface:oklch(23% .02 262);--color-surface-soft:oklch(28% .02 262);--color-text:oklch(93% .01 262);--color-muted:oklch(76% .02 262);--color-border:oklch(40% .02 262);--color-danger:oklch(70% .18 25);--tf-app-primary:var(--color-brand);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent);--tf-app-primary-inverse:oklch(18% .02 262);--tf-app-background-color:var(--color-bg);--tf-app-color:var(--color-text);--tf-app-muted-color:var(--color-muted);--tf-app-muted-border-color:var(--color-border);--tf-app-card-background-color:var(--color-surface);--tf-app-card-border-color:var(--color-border);--tf-app-form-element-background-color:color-mix(in oklab, var(--color-surface) 88%, black);--tf-app-form-element-border-color:var(--color-border);--tf-app-form-element-color:var(--color-text);--tf-app-form-element-placeholder-color:color-mix(in oklab, var(--color-muted) 70%, black);--tf-app-contrast:oklch(97% 0 0);--tf-app-contrast-inverse:oklch(18% .02 262)}.tf-app[data-theme-color=azure],html[data-tf-app-theme-color-bootstrap=azure] .tf-app:not([data-theme-color]){--color-brand:#0172ad;--color-brand-strong:#015887;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent)}.tf-app[data-theme=dark][data-theme-color=azure],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme])[data-theme-color=azure],html[data-tf-app-theme-bootstrap=dark][data-tf-app-theme-color-bootstrap=azure] .tf-app:not([data-theme-color]){--color-brand:#01aaff;--color-brand-strong:#79c0ff;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 40%, transparent)}.tf-app[data-theme-color=red],html[data-tf-app-theme-color-bootstrap=red] .tf-app:not([data-theme-color]){--color-brand:#c52f21;--color-brand-strong:#9b2318;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent)}.tf-app[data-theme=dark][data-theme-color=red],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme])[data-theme-color=red],html[data-tf-app-theme-bootstrap=dark][data-tf-app-theme-color-bootstrap=red] .tf-app:not([data-theme-color]){--color-brand:#f17961;--color-brand-strong:#f5a390;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 40%, transparent)}.tf-app[data-theme-color=green],html[data-tf-app-theme-color-bootstrap=green] .tf-app:not([data-theme-color]){--color-brand:#33790f;--color-brand-strong:#265e09;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent)}.tf-app[data-theme=dark][data-theme-color=green],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme])[data-theme-color=green],html[data-tf-app-theme-bootstrap=dark][data-tf-app-theme-color-bootstrap=green] .tf-app:not([data-theme-color]){--color-brand:#4eb31b;--color-brand-strong:#5dd121;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 40%, transparent)}.tf-app[data-theme-color=orange],html[data-tf-app-theme-color-bootstrap=orange] .tf-app:not([data-theme-color]){--color-brand:#bd3c13;--color-brand-strong:#942d0d;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent)}.tf-app[data-theme=dark][data-theme-color=orange],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme])[data-theme-color=orange],html[data-tf-app-theme-bootstrap=dark][data-tf-app-theme-color-bootstrap=orange] .tf-app:not([data-theme-color]){--color-brand:#f56b3d;--color-brand-strong:#f8a283;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 40%, transparent)}.tf-app[data-theme-color=purple],html[data-tf-app-theme-color-bootstrap=purple] .tf-app:not([data-theme-color]){--color-brand:#aa40bf;--color-brand-strong:#802e90;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent)}.tf-app[data-theme=dark][data-theme-color=purple],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme])[data-theme-color=purple],html[data-tf-app-theme-bootstrap=dark][data-tf-app-theme-color-bootstrap=purple] .tf-app:not([data-theme-color]){--color-brand:#d47de4;--color-brand-strong:#e2a3eb;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 40%, transparent)}.tf-app[data-theme-color=slate],html[data-tf-app-theme-color-bootstrap=slate] .tf-app:not([data-theme-color]){--color-brand:#5d6b89;--color-brand-strong:#48536b;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 35%, transparent)}.tf-app[data-theme=dark][data-theme-color=slate],html[data-tf-app-theme-bootstrap=dark] .tf-app:not([data-theme])[data-theme-color=slate],html[data-tf-app-theme-bootstrap=dark][data-tf-app-theme-color-bootstrap=slate] .tf-app:not([data-theme-color]){--color-brand:#909ebe;--color-brand-strong:#b0b9d0;--tf-app-primary:var(--color-brand);--tf-app-primary-background:var(--color-brand);--tf-app-primary-border:var(--tf-app-primary-background);--tf-app-primary-hover:var(--color-brand-strong);--tf-app-primary-hover-background:var(--color-brand-strong);--tf-app-primary-hover-border:var(--tf-app-primary-hover-background);--tf-app-primary-underline:color-mix(in oklab, var(--color-brand) 55%, transparent);--tf-app-primary-focus:color-mix(in oklab, var(--color-brand) 40%, transparent)}.tf-app{--radius-1:.25rem;--radius-2:.5rem;--radius-3:.75rem;--radius-4:1rem;--tf-app-border-radius:var(--radius-2);--tf-app-card-border-radius:var(--radius-3);--tf-app-form-element-border-radius:var(--radius-2);--shadow-1:0 1px 2px color-mix(in oklab, var(--color-text) 6%, transparent);--shadow-2:0 8px 20px color-mix(in oklab, var(--color-text) 10%, transparent);--shadow-3:0 16px 40px color-mix(in oklab, var(--color-text) 14%, transparent);background:var(--color-bg);min-height:100vh;color:var(--color-text)}.tf-app .tfAppStack{flex-direction:column;display:flex}.tf-app .tfAppCluster{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tf-app .tfAppGrid{gap:1rem;display:grid}.tf-app{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,Segoe UI,sans-serif}.tf-app,.tf-app *,.tf-app :before,.tf-app :after{box-sizing:border-box}.tf-app .container{width:min(100% - 1rem,70rem);margin-inline:auto}.tf-app :where(a){color:var(--color-brand);text-underline-offset:.16em;text-decoration-thickness:.08em}.tf-app :where(a:hover){color:var(--color-brand-strong)}.tf-app :where(label){color:var(--color-text);gap:.25rem;font-size:.9rem;font-weight:700;display:grid}.tf-app :where(input:not([type=checkbox],[type=radio],[type=file]),select,textarea){border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-text);box-shadow:none;outline:none;margin:0;padding:.72rem .9rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.tf-app :where(input:not([type=checkbox],[type=radio],[type=file]),select,textarea):focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 24%, transparent)}.tf-app :where(select){appearance:auto}.tf-app :where(input[type=checkbox],input[type=radio]){accent-color:var(--color-brand)}.tf-app :where(dialog){max-width:none;color:inherit;background:0 0;border:0;padding:0}.tf-app :where(dialog)::backdrop{background:color-mix(in oklab, var(--color-text) 28%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tf-app #tfAppSettingsModal{overflow:hidden}.tf-app .tfAppButton{border-radius:var(--radius-2);min-width:max-content;max-width:100%;min-height:2.75rem;color:var(--tf-app-button-fg);background:var(--tf-app-button-bg);box-shadow:var(--shadow-1);cursor:pointer;font:inherit;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:.58rem .9rem;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.tf-app .tfAppButton:hover{background:var(--tf-app-button-hover-bg);color:var(--tf-app-button-hover-fg,var(--tf-app-button-fg));text-decoration:none;transform:translateY(-1px)}.tf-app .tfAppButton:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--tf-app-button-bg) 28%, transparent), var(--shadow-1);outline:none}.tf-app .tfAppButton:disabled,.tf-app .tfAppButton[aria-disabled=true]{cursor:not-allowed;opacity:.6;transform:none}.tf-app .tfAppButton--primary{--tf-app-button-bg:var(--color-brand);--tf-app-button-fg:var(--tf-app-primary-inverse);--tf-app-button-hover-bg:var(--color-brand-strong)}.tf-app .tfAppButton--secondary{--tf-app-button-bg:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));--tf-app-button-fg:var(--color-text);--tf-app-button-hover-bg:color-mix(in srgb, var(--color-brand) 16%, var(--color-surface))}.tf-app .tfAppButton--danger{--tf-app-button-bg:var(--color-danger);--tf-app-button-fg:oklch(98% 0 0);--tf-app-button-hover-bg:color-mix(in oklab, var(--color-danger) 82%, black)}.tf-app .tfAppButton--outline{border-color:color-mix(in srgb, currentcolor 42%, var(--color-border));color:var(--color-text);box-shadow:none;background:0 0}.tf-app .tfAppButton--primary.tfAppButton--outline{color:var(--color-brand)}.tf-app .tfAppButton--danger.tfAppButton--outline{color:var(--color-danger)}.tf-app .tfAppButton--outline:hover{background:color-mix(in srgb, currentcolor 8%, var(--color-surface))}.tf-app .tfAppButton[hidden]{display:none}.tf-app .tfAppMain{flex-direction:column;gap:.5rem;padding-block:.75rem 1rem;display:flex}.tf-app .tfAppShellHeader{flex-direction:column;align-items:flex-start;gap:.25rem;padding:0 0 .5rem;display:flex}.tf-app .tfAppShellHeaderTop{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.tf-app .tfAppBrandBlock{flex-direction:column;gap:.25rem;display:flex}.tf-app .tfAppBrandEyebrow{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.tf-app .tfAppBrandTitle{margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.1}.tf-app .tfAppDescription{max-inline-size:32rem;color:var(--color-muted);margin:0;font-size:.86rem;line-height:1.7}.tf-app .tfAppHeaderActions{flex-wrap:wrap;justify-content:flex-start;gap:.25rem;display:flex}.tf-app .tfAppHeaderActions .tfAppButton{min-height:1.75rem;box-shadow:none;color:var(--color-muted);background:0 0;border:0;padding:0;font-size:.82rem}.tf-app .tfAppHeaderActions .tfAppButton:hover,.tf-app .tfAppHeaderActions .tfAppButton:focus-visible{color:var(--color-brand);background:0 0;text-decoration:underline;transform:none}.tf-app .tfAppTabs{border:1px solid color-mix(in srgb, var(--color-muted) 46%, var(--color-border));border-radius:var(--radius-2);background:var(--color-surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:inline-grid}.tf-app .tfAppTabButton{border-radius:calc(var(--radius-2) - .125rem);min-width:6rem;min-height:2.25rem;color:var(--color-muted);background:0 0;border:0;margin:0;font-weight:700;transition:background-color .18s,color .18s}.tf-app .tfAppTabButton[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0f172a0f}.tf-app .tfAppTabButton:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 20%, transparent), 0 1px 2px #0f172a0f;outline:none}.tf-app .tfAppWorkspace{flex-direction:column;min-height:0;display:flex}.tf-app .tfAppPanelCard{border:1px solid var(--color-border);border-radius:var(--radius-2);background:color-mix(in oklab, var(--color-surface) 92%, var(--color-bg));min-height:30rem;box-shadow:var(--shadow-1);flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.tf-app .tfAppPanelCard[hidden]{display:none}.tf-app .tfAppPanelTopbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tf-app .tfAppPanelHead{align-items:center;display:flex}.tf-app .tfAppPanelTabsWrap{justify-content:flex-start;display:flex}.tf-app .tfAppPanelTitleWrap{flex-direction:column;gap:.25rem;display:flex}.tf-app .tfAppPanelEyebrow{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.tf-app .tfAppPanelTitle{margin:0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.3}.tf-app .tfAppPanelStat,.tf-app .tfAppTextStats{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-muted);white-space:nowrap;border-radius:9999px;margin:0;padding:.5rem .875rem;font-size:.8rem}.tf-app .tfAppPanelBody{flex-direction:column;flex:1;gap:.5rem;display:flex}.tf-app .tfAppPanelActions{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.tf-app .tfAppInlineActionGroup{flex-wrap:wrap;gap:.5rem;display:flex}.tf-app .tfAppPanelNote{color:var(--color-muted);font-size:var(--font-size-small);margin:0}.tf-app .tfAppIoArea{border-radius:var(--radius-2);width:100%;min-height:23rem;font:inherit;letter-spacing:inherit;margin:0;padding:.72rem .9rem;line-height:1.7}.tf-app #tfAppInputText{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);resize:vertical;border:0}.tf-app .tfAppOutputRich{border-radius:var(--radius-2);background:var(--color-surface-soft);box-shadow:inset 0 0 0 1px var(--color-border);white-space:pre-wrap;word-break:break-word;border:0;overflow:auto}.tf-app .tfAppSettingsModalBox{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);width:min(68rem,100vw - 1rem);max-width:none;max-height:calc(100vh - .75rem);box-shadow:var(--shadow-3);flex-direction:column;gap:.5rem;margin:0 0 0 auto;padding:.5rem;display:flex;overflow:hidden}.tf-app .tfAppModalHeader{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.tf-app .tfAppModalHeader>div{text-align:center;grid-column:2}.tf-app .tfAppModalHeader>.tfAppButton{grid-column:3;justify-self:end}.tf-app .tfAppModalHeader h2{margin:0;font-size:1.25rem;line-height:1.2}.tf-app .tfAppSettingsSheet{min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:.5rem;padding:.25rem 0 0;display:flex;overflow:hidden}.tf-app .tfAppSettingsLayout{grid-template-columns:minmax(10rem,12rem) minmax(0,1fr);gap:.5rem;min-height:0;display:grid;overflow:hidden}.tf-app .tfAppSettingsNav{border-radius:var(--radius-2);background:0 0;border:0;flex-direction:column;align-self:start;gap:.25rem;padding:.25rem;display:flex;position:sticky;top:0}.tf-app .tfAppSettingsNavLabel{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.tf-app .tfAppSettingsNavList{flex-direction:column;gap:.25rem;display:flex}.tf-app .tfAppSettingsNavButton{border-radius:var(--radius-2);text-align:left;white-space:normal;width:100%;min-width:0;min-height:2.35rem;box-shadow:none;color:var(--color-muted);background:0 0;border-color:#0000;justify-content:flex-start;padding:.45rem .65rem}.tf-app .tfAppSettingsNavButton:hover,.tf-app .tfAppSettingsNavButton:focus-visible{background:color-mix(in srgb, var(--color-brand) 5%, transparent);color:var(--color-text);border-color:#0000;transform:none}.tf-app .tfAppSettingsNavButton[aria-current=true]{border-color:#0000;border-left-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface));color:var(--color-text)}.tf-app .tfAppSettingsContent{min-height:0;max-height:calc(100vh - 12rem);padding-right:.125rem;overflow:auto}.tf-app .tfAppSettingsGrid{grid-template-columns:minmax(0,1fr);align-items:start;gap:.25rem;display:grid}.tf-app .tfAppSettingsSection{border:1px solid var(--color-border);border-radius:var(--radius-2);background:color-mix(in oklab, var(--color-surface) 70%, var(--color-surface-soft));flex-direction:column;gap:.5rem;min-width:0;padding:.5rem;display:flex}.tf-app .tfAppSettingsSectionFull{grid-column:1/-1}.tf-app .tfAppSectionHeader{align-items:center;min-height:1.5rem;display:flex}.tf-app .tfAppSectionTitle{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.tf-app .tfAppSectionBody{flex-direction:column;gap:.5rem;min-width:0;display:flex}.tf-app .tfAppSettingsStack{flex-direction:column;gap:.75rem;min-width:0;display:flex}.tf-app .tfAppSettingsCheckboxRow{align-items:center;gap:.55rem;width:fit-content;max-width:100%;display:flex}.tf-app .tfAppSettingsCheckboxControl{block-size:1.15rem;inline-size:1.15rem;border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);min-width:1.15rem;min-height:1.15rem;color:var(--tf-app-primary-inverse);box-shadow:none;cursor:pointer;flex:none;margin:0}.tf-app .tfAppSettingsCheckboxControl[data-state=checked]{border-color:var(--color-brand);background:var(--color-brand)}.tf-app .tfAppSettingsCheckboxControl:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 22%, transparent);outline:none}.tf-app .tfAppSettingsCheckboxMark{border-bottom:2px solid;border-right:2px solid;block-size:.62rem;inline-size:.35rem;display:block;transform:rotate(45deg)translate(-.05rem,-.08rem)}.tf-app .tfAppSettingsCheckboxLabel{color:var(--color-text);cursor:pointer;margin:0;font-size:.9rem;font-weight:600;line-height:1.5;display:block}.tf-app .tfAppModeFieldset{border:0;min-width:0;margin:0;padding:0}.tf-app .tfAppModeFieldset legend{margin-bottom:.5rem;font-size:.82rem;font-weight:700}.tf-app .tfAppChipGroup{flex-wrap:wrap;gap:.45rem;min-width:0;display:flex}.tf-app .tfAppChipGroup>input{opacity:0;pointer-events:none;position:absolute}.tf-app .tfAppChipGroup>label{border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface);color:var(--color-text);cursor:pointer;word-break:keep-all;flex:0 auto;max-width:100%;margin:0;padding:.5rem .72rem;font-size:.875rem;transition:border-color .18s,background-color .18s}.tf-app .tfAppChipGroup>input:checked+label{border-color:color-mix(in srgb, var(--color-brand) 60%, var(--color-border));background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface))}.tf-app .tfAppChipGroup>input:focus-visible+label{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 22%, transparent)}.tf-app .tfAppDelimiterFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.tf-app .tfAppFieldNote{color:var(--color-muted);font-size:var(--font-size-small);margin:.5rem 0 0;line-height:1.6}.tf-app .tfAppSettingsActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.tf-app .tfAppMessageModalBox{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.25rem;flex-direction:column;gap:.5rem;width:min(28rem,100vw - 1rem);max-width:none;margin:0;padding:.75rem;display:flex}.tf-app .tfAppMessageBody{margin:0;line-height:1.7}.tf-app .tfAppMessageActions{justify-content:flex-end;gap:.5rem;display:flex}.tf-app .tfAppBtnActive,.tf-app .tfAppButton.tfAppBtnActive{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand) 35%, transparent) inset}.tf-app .tfAppDiffAdded{background:color-mix(in oklab, var(--color-accent) 36%, transparent);border-radius:var(--radius-1);padding-inline:.125rem}.tf-app .tfAppScreenReaderOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px){.tf-app .tfAppSettingsModalBox{width:min(100vw - .5rem,56rem);max-height:calc(100vh - .5rem)}.tf-app .tfAppSettingsLayout{grid-template-columns:1fr}.tf-app .tfAppSettingsNav{position:static}.tf-app .tfAppSettingsNavList{flex-flow:wrap}.tf-app .tfAppSettingsNavButton{width:auto}.tf-app .tfAppSettingsContent{max-height:calc(100vh - 16rem);padding-right:.125rem;overflow:auto}.tf-app .tfAppSettingsGrid{grid-template-columns:1fr}}@media (width<=768px){.tf-app .tfAppMain{padding-block:.75rem 1.5rem}.tf-app .tfAppShellHeaderTop,.tf-app .tfAppPanelTopbar,.tf-app .tfAppMessageActions{flex-direction:column;align-items:stretch}.tf-app .tfAppShellHeader{gap:.5rem;padding:.5rem}.tf-app .tfAppBrandTitle{font-size:clamp(1.75rem,9vw,2.35rem)}.tf-app .tfAppTabs{width:100%}.tf-app .tfAppTabButton{min-width:0}.tf-app .tfAppHeaderActions{width:100%}.tf-app .tfAppPanelActions,.tf-app .tfAppInlineActionGroup{flex-direction:column;align-items:stretch;width:100%}.tf-app .tfAppWorkspace,.tf-app .tfAppPanelCard{min-height:0;padding:.75rem}.tf-app .tfAppIoArea{min-height:20rem}.tf-app .tfAppSettingsModalBox{border-radius:1.25rem;width:calc(100vw - .25rem);max-height:calc(100vh - .25rem);margin:auto}.tf-app .tfAppDelimiterFields,.tf-app .tfAppSettingsActions{grid-template-columns:1fr}.tf-app .tfAppSettingsNav{padding:.5rem}.tf-app .tfAppSettingsNavList{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tf-app .tfAppSettingsNavButton{width:100%}}:root{--tf-app-modal-duration:.4s}html.modal-is-open,html.modal-is-opening,body.tfAppSettingsModalOpen{overflow:hidden}html[data-runtime=desktop] .tf-app .tfAppMain{width:100%;padding-inline:.75rem}:root ._items-center{align-items:center}:root ._fd-column{flex-direction:column}:root ._fd-row{flex-direction:row}:root ._ff-f-family{font-family:var(--f-family)}:root ._fw-f-weight-4{font-weight:var(--f-weight-4)}:root ._ls-f-letterSpa1360334202{letter-spacing:var(--f-letterSpacing-4)}:root ._fs-f-size-4{font-size:var(--f-size-4)}:root ._lh-f-lineHeigh112923{line-height:var(--f-lineHeight-4)}:root ._col-color{color:var(--color)}:root ._select-auto{-webkit-user-select:auto;user-select:auto}:root ._ws-normal{white-space:normal}