.og-tool:has(.tf) .page{max-width:none;padding:0}.og-tool:has(.tf) :is(.crumb,.intro,.more-h,.more-h+.grid){display:none}.og-tool:has(.tf) .host{margin-top:0}.tf{display:grid;grid-template-columns:400px minmax(0,1fr);gap:16px;height:calc(100dvh - var(--shell-top, 0px) - var(--og-header-height));min-height:620px;padding:8px var(--og-gutter) 24px;color:var(--og-text);font:var(--og-weight-regular) var(--og-body-size)/var(--og-body-leading) var(--og-sans);-webkit-font-smoothing:antialiased}.tf :is(button,a,input,textarea,summary):focus-visible,.tf-res :is(button,a):focus-visible,.tf-sheet :is(button,a,input):focus-visible{outline:1px solid var(--og-focus);outline-offset:2px}.tf button,.tf-res button,.tf-sheet button{cursor:pointer}.tf button:disabled,.tf-res button:disabled{cursor:not-allowed}.tf svg.lucide,.tf-res svg.lucide,.tf-sheet svg.lucide{width:var(--og-icon);height:var(--og-icon);stroke-width:1.75;flex:none}.tf-ctl{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:var(--og-radius-panel);border:1px solid var(--og-border);background:var(--og-surface);overflow:hidden}.tf-head{display:flex;align-items:center;gap:12px;flex:none;height:64px;padding:0 12px 0 20px;border-bottom:1px solid var(--og-border)}.tf-ico{width:32px;height:32px;border-radius:var(--og-radius-control);background:var(--og-surface-raised);display:grid;place-items:center;flex:none}.tf-head h1,.tf-ph-title h1{flex:1;min-width:0;margin:0;font:600 18px/26px var(--og-display-font);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-badge{font:500 10px/18px var(--og-mono);letter-spacing:.06em;text-transform:uppercase;padding:0 6px;border-radius:var(--og-radius-small);background:var(--og-success-soft);color:var(--og-success)}.tf-ibtn{width:36px;height:36px;border-radius:var(--og-radius-control);display:grid;place-items:center;color:var(--og-text-secondary);flex:none;transition:background var(--og-duration-fast),color var(--og-duration-fast)}.tf-ibtn:hover{background:var(--og-surface-raised);color:var(--og-text)}.tf-body{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 28px;scrollbar-width:thin;scrollbar-color:var(--og-border) transparent}.tf-fld+.tf-fld{margin-top:24px}.tf-fld-h{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.tf-fld-h>b{font:500 13px/20px var(--og-sans);color:var(--og-text)}.tf-fld-h>small{font-size:12px;color:var(--og-text-disabled)}.tf-aside{margin-left:auto;font:500 12px/20px var(--og-sans);color:var(--og-text-secondary);font-variant-numeric:tabular-nums}.tf-aside,.tf-aside>button{display:inline-flex;align-items:center;gap:4px}.tf-aside>button{color:inherit;font:inherit;transition:color var(--og-duration-fast)}.tf-aside>button:hover{color:var(--og-text)}.tf-aside svg.lucide{width:14px;height:14px}.tf-hint{margin-top:8px;font-size:12px;line-height:18px;color:var(--og-text-secondary)}.tf-seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--og-canvas);border:1px solid var(--og-border)}.tf-seg button{flex:1;min-width:0;height:34px;padding:0 8px;border-radius:9px;color:var(--og-text-secondary);font-size:13px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--og-duration-fast),color var(--og-duration-fast)}.tf-seg button:hover{color:var(--og-text)}.tf-seg button[aria-checked=true]{background:var(--og-surface-hover);color:var(--og-text)}.tf-seg button small{font:500 11px/1 var(--og-mono);color:var(--og-text-secondary)}.tf-chips{display:flex;flex-wrap:wrap;gap:6px}.tf-chip{display:inline-flex;align-items:center;gap:8px;height:var(--og-control-small);padding:0 12px;border-radius:var(--og-radius-pill);border:1px solid var(--og-border);color:var(--og-text-secondary);font-size:13px;font-weight:500;white-space:nowrap;transition:background var(--og-duration-fast),color var(--og-duration-fast),border-color var(--og-duration-fast)}.tf-chip:hover{color:var(--og-text);border-color:var(--og-border-control)}.tf-chip[aria-checked=true]{background:var(--og-text);border-color:var(--og-text);color:var(--og-canvas)}.tf-drop{position:relative;display:grid;place-content:center;justify-items:center;gap:4px;width:100%;min-height:132px;padding:16px;border-radius:var(--og-radius-card);border:1px dashed var(--og-border-control);background:var(--og-canvas);color:var(--og-text);text-align:center;transition:border-color var(--og-duration-fast),background var(--og-duration-fast)}.tf-drop:hover,.tf-drop[data-over]{border-color:var(--og-border-hover);background:#0f0f0f}.tf-drop .tf-di{width:36px;height:36px;border-radius:50%;background:var(--og-surface-raised);display:grid;place-items:center;margin-bottom:6px;transition:transform var(--og-duration-ui) var(--og-ease)}.tf-drop:hover .tf-di{transform:translateY(-2px)}.tf-drop>div{display:grid;gap:2px}.tf-drop b{font-weight:500}.tf-drop b u{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--og-border-hover)}.tf-drop span{font-size:12px;line-height:18px;color:var(--og-text-secondary)}.tf-drop:disabled{cursor:progress}.tf-file{position:relative;border-radius:var(--og-radius-card);overflow:hidden;background:var(--og-canvas);border:1px solid var(--og-border);animation:tf-pop var(--og-duration-panel) var(--og-ease)}.tf-file>:is(img,video){display:block;width:100%;height:auto;max-height:240px;object-fit:contain;background:var(--og-canvas)}.tf-fbar{position:absolute;top:8px;right:8px;display:flex;gap:4px}.tf-fbar button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--og-text);background:#0a0a0ab8;backdrop-filter:blur(8px);transition:background var(--og-duration-fast),color var(--og-duration-fast)}.tf-fbar button:hover{background:var(--og-text);color:var(--og-canvas)}.tf-fbar svg.lucide{width:14px;height:14px}.tf-fmeta{position:absolute;left:8px;bottom:8px;display:flex;gap:4px}.tf-fmeta span{padding:1px 7px;border-radius:var(--og-radius-badge);background:#0a0a0ab8;backdrop-filter:blur(8px);font:500 11px/18px var(--og-sans);font-variant-numeric:tabular-nums}.tf-file[data-row]{display:flex;align-items:center;gap:12px;padding:8px}.tf-file[data-row]>:is(img,video){width:72px;height:56px;border-radius:10px;object-fit:cover;flex:none}.tf-file[data-row]>div:not(.tf-fbar){flex:1;min-width:0}.tf-file[data-row] b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-file[data-row] small{display:block;color:var(--og-text-secondary);font-size:12px;line-height:18px;font-variant-numeric:tabular-nums}.tf-file[data-row] .tf-fbar{position:static}.tf-file[data-row] .tf-fbar button{background:var(--og-surface-raised)}.tf-file[data-row] .tf-fbar button:hover{background:var(--og-surface-hover);color:var(--og-text)}.tf-mdl{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px 8px 8px;border-radius:var(--og-radius-card);border:1px solid var(--og-border);background:var(--og-canvas);color:var(--og-text);text-align:left;transition:border-color var(--og-duration-fast),background var(--og-duration-fast)}.tf-mdl:not(:disabled):hover{border-color:var(--og-border-control)}.tf-mdl:disabled{cursor:default}.tf-mdl>div,.tf-mopt>div{flex:1;min-width:0}.tf-mdl b,.tf-mopt b{font-weight:500}.tf-mdl b,.tf-mdl small,.tf-mopt b,.tf-mopt small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-mdl small,.tf-mopt small{color:var(--og-text-secondary);font-size:12px;line-height:18px}.tf-mdl>svg.lucide{color:var(--og-text-secondary);transition:transform var(--og-duration-ui) var(--og-ease)}.tf-mdl[aria-expanded=true]{border-color:var(--og-border-control);background:var(--og-surface-raised)}.tf-mdl[aria-expanded=true]>svg.lucide{transform:rotate(180deg)}.tf-mi{width:40px;height:40px;border-radius:10px;overflow:hidden;flex:none;background:var(--og-surface-raised);display:grid;place-items:center;font:600 15px/1 var(--og-display-font);color:var(--og-text-secondary)}.tf-mi img{width:100%;height:100%;object-fit:cover}.tf-mlist{display:grid;gap:2px;margin-top:6px;padding:4px;border-radius:var(--og-radius-card);border:1px solid var(--og-border);background:var(--og-canvas);animation:tf-rise var(--og-duration-ui) var(--og-ease)}.tf-mopt{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 10px 6px 6px;border-radius:12px;color:var(--og-text);text-align:left;transition:background var(--og-duration-fast)}.tf-mopt:hover,.tf-mopt[aria-checked=true]{background:var(--og-surface-raised)}.tf-mopt .tf-mi{width:36px;height:36px;border-radius:9px}.tf-mopt>svg.lucide,.tf-tg{color:var(--og-text)}.tf-tg{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;text-align:left}.tf-tg span{flex:1;font-weight:500;font-size:13px}.tf-tg i{position:relative;width:34px;height:20px;border-radius:999px;background:var(--og-surface-hover);border:1px solid var(--og-border-control);flex:none;transition:background var(--og-duration-fast),border-color var(--og-duration-fast)}.tf-tg i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--og-text-secondary);transition:transform var(--og-duration-ui) var(--og-ease),background var(--og-duration-fast)}.tf-tg[aria-checked=true] i{background:var(--og-blue);border-color:var(--og-blue)}.tf-tg[aria-checked=true] i:after{transform:translateX(14px);background:#fff}.tf-tgs{display:grid;border-radius:var(--og-radius-card);border:1px solid var(--og-border);background:var(--og-canvas);padding:2px 12px}.tf-tgs .tf-tg+.tf-tg{border-top:1px solid var(--og-border)}.tf .tf-fld input[type=range]{width:100%;height:24px;accent-color:var(--og-text);margin:0}.tf-adv{margin-top:24px;border-top:1px solid var(--og-border)}.tf-adv>summary{display:flex;align-items:center;gap:8px;height:48px;cursor:pointer;list-style:none;font-weight:500;font-size:13px;color:var(--og-text-secondary);transition:color var(--og-duration-fast)}.tf-adv>summary::-webkit-details-marker{display:none}.tf-adv>summary:hover,.tf-adv[open]>summary{color:var(--og-text)}.tf-adv>summary small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--og-text-disabled)}.tf-adv>summary svg.lucide{margin-left:auto;transition:transform var(--og-duration-ui) var(--og-ease)}.tf-adv[open]>summary svg.lucide{transform:rotate(180deg)}.tf-adv>.tf-fld:first-of-type{margin-top:4px}.tf-foot{flex:none;padding:12px 16px 16px;border-top:1px solid var(--og-border);background:var(--og-surface)}.tf-go{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;padding:0 8px 0 16px;border-radius:12px;background:var(--og-blue);color:var(--og-on-blue);font-weight:600;font-size:15px;transition:background var(--og-duration-fast),transform 90ms var(--og-ease)}.tf-go:hover{background:var(--og-blue-hover)}.tf-go .tf-lbl{flex:1;justify-content:center;gap:8px;padding-left:8px}.tf-cost,.tf-go .tf-lbl{display:inline-flex;align-items:center}.tf-cost{gap:5px;height:32px;padding:0 10px;border-radius:8px;background:#ffffff24;font:500 13px/1 var(--og-sans);font-variant-numeric:tabular-nums}.tf .tf-cost svg.lucide{width:13px;height:13px}.tf-go:disabled{background:var(--og-surface-raised);color:var(--og-text-disabled)}.tf-go:disabled .tf-cost{background:#ffffff0d}.tf-go[data-busy]{background:var(--og-blue-pressed);color:#ffffffcc;cursor:progress}.tf-spin{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #ffffff59;border-top-color:#fff;animation:tf-turn .7s linear infinite;flex:none}.tf-note{display:flex;justify-content:center;gap:6px;margin:8px 0 0;font-size:12px;line-height:18px;color:var(--og-text-secondary);min-height:18px}.tf-side{display:flex;flex-direction:column;min-width:0;min-height:0}.tf-side>*{flex:1;min-height:0}.tf-res{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:var(--og-radius-panel);background:var(--og-canvas);color:var(--og-text);font:var(--og-weight-regular) var(--og-body-size)/var(--og-body-leading) var(--og-sans)}.tf-res-bar{display:flex;align-items:center;gap:12px;flex:none;height:56px;padding:0 4px 0 8px}.tf-lab{font:500 11px/16px var(--og-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--og-text-secondary)}.tf-live{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:var(--og-radius-pill);background:var(--og-blue-soft);color:var(--og-link);font:500 12px/1 var(--og-sans);font-variant-numeric:tabular-nums;animation:tf-rise var(--og-duration-panel) var(--og-ease) backwards}.tf-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:tf-pulse 1.2s ease-in-out infinite}.tf-res-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.tf-res-tools .tf-ibtn{width:32px;height:32px}.tf-vseg{display:flex;padding:2px;gap:2px;border-radius:var(--og-radius-control);background:var(--og-surface);border:1px solid var(--og-border)}.tf-vseg button{display:grid;place-items:center;width:30px;height:26px;border-radius:8px;color:var(--og-text-secondary);transition:background var(--og-duration-fast),color var(--og-duration-fast)}.tf-vseg button:hover{color:var(--og-text)}.tf-vseg button[aria-pressed=true]{background:var(--og-surface-hover);color:var(--og-text)}.tf-res .tf-vseg svg.lucide{width:14px;height:14px}.tf-stagewrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 8px 0}.tf-frame{position:relative;height:100%;max-height:760px;max-width:100%;aspect-ratio:var(--tf-ar,9/16);border-radius:var(--og-radius-panel);overflow:hidden;background:var(--og-surface);border:1px solid var(--og-border);box-shadow:var(--og-shadow-card);animation:tf-rise var(--og-duration-panel) var(--og-ease) backwards}.tf-frame[data-wide]{height:auto;width:100%;max-height:100%}.tf-frame>:is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.tf-frame[data-state=processing]>:is(img,video){filter:blur(2px) brightness(.55);transform:scale(1.03)}.tf-frame[data-state=failed]>:is(img,video){filter:grayscale(1) brightness(.4)}.tf-frame[data-state=processing]:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,#fff0 35%,#ffffff14 50%,#fff0 65%);background-size:220% 100%;animation:tf-sweep 1.4s linear infinite}.tf-frame[data-state=loading]{width:auto}.tf-frame[data-state=loading]:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#fff0 35%,#ffffff0d 50%,#fff0 65%);background-size:220% 100%;animation:tf-sweep 1.4s linear infinite}.tf-busy,.tf-fail{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center}.tf-busy b{font:600 15px/22px var(--og-sans)}.tf-busy small{font:500 11px/16px var(--og-mono);letter-spacing:.06em;color:#ffffffa8;font-variant-numeric:tabular-nums}.tf-meter{position:relative;width:120px;height:3px;border-radius:2px;background:#ffffff24;overflow:hidden}.tf-meter i{position:absolute;inset:0 auto 0 0;width:40%;border-radius:2px;background:#fff;animation:tf-meter 1.6s var(--og-ease) infinite}.tf-meter[data-det] i{animation:none;width:var(--tf-p,0);transition:width .2s linear}.tf-fail{color:var(--og-text-secondary);font-size:13px;line-height:20px}.tf-res .tf-fail svg.lucide{width:20px;height:20px;color:var(--og-error)}.tf-fail span{max-width:28ch}.tf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:0;margin:0;width:100%}.tf-empty .tf-frame{height:calc(100% - 40px);border-style:dashed;border-color:var(--og-border-control);box-shadow:none}.tf-empty .tf-frame[data-wide]{height:auto;max-height:calc(100% - 40px)}.tf-empty .tf-frame>:is(img,video){opacity:.38;filter:grayscale(.6);background:transparent}.tf-empty[data-example] .tf-cmp,.tf-empty[data-example] .tf-frame>:is(img,video){opacity:.9;filter:none}.tf-empty figcaption{flex:none;color:var(--og-text-secondary);font-size:13px}.tf-ex-tag{position:absolute;top:12px;left:12px;z-index:3;padding:2px 8px;border-radius:var(--og-radius-badge);background:#000000a6;backdrop-filter:blur(6px);font:500 11px/18px var(--og-sans);color:var(--og-text-secondary)}.tf-cmp{position:absolute;inset:0;--tf-x:50%;touch-action:none;background:#000}.tf-cmp :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.tf-cmp .tf-cmp-b{clip-path:inset(0 0 0 var(--tf-x))}.tf-cmp-bar{position:absolute;top:0;bottom:0;left:var(--tf-x);width:2px;margin-left:-1px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px #00000040;z-index:2}.tf-cmp-bar:after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") 50%/16px no-repeat;box-shadow:var(--og-shadow-card)}.tf-cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}.tf-cmp-l{position:absolute;bottom:12px;z-index:2;padding:2px 8px;border-radius:var(--og-radius-badge);background:#000000a6;backdrop-filter:blur(6px);font:500 11px/18px var(--og-sans);pointer-events:none;font-variant-numeric:tabular-nums}.tf-cmp-l[data-side=l]{left:12px}.tf-cmp-l[data-side=r]{right:12px}.tf-acts{display:flex;flex-wrap:wrap;flex:none;min-height:72px;padding:16px 8px;animation:tf-rise var(--og-duration-panel) var(--og-ease) backwards}.tf-acts,.tf-tb{justify-content:center;gap:8px}.tf-tb{display:inline-flex;align-items:center;height:var(--og-control);padding:0 16px;border-radius:var(--og-radius-control);border:1px solid var(--og-border);background:var(--og-surface-raised);color:var(--og-text);font-weight:500;white-space:nowrap;transition:background var(--og-duration-fast),border-color var(--og-duration-fast),color var(--og-duration-fast)}.tf-tb:not(:disabled):hover{background:var(--og-surface-hover);border-color:var(--og-border-control)}.tf-tb[data-kind=primary]{background:var(--og-blue);border-color:transparent;color:var(--og-on-blue)}.tf-tb[data-kind=primary]:not(:disabled):hover{background:var(--og-blue-hover)}.tf-tb[data-kind=primary]:not(:disabled):active{background:var(--og-blue-pressed)}.tf-tb[data-kind=ghost]{padding:0 12px;background:transparent;border-color:transparent;color:var(--og-text-secondary)}.tf-tb[data-kind=ghost]:not(:disabled):hover{background:var(--og-surface-raised);color:var(--og-text)}.tf-tb[data-kind=danger],.tf-tb[data-kind=danger]:not(:disabled):hover{background:var(--og-error-soft);color:var(--og-error);border-color:transparent}.tf-tb:disabled{opacity:.5}.tf-strip{display:flex;gap:8px;flex:none;padding:0 8px 4px;overflow-x:auto;scrollbar-width:none;justify-content:safe center}.tf-strip::-webkit-scrollbar{display:none}.tf-strip :is(.tf-th,.tf-more){width:52px;height:68px;flex:none}.tf-th{position:relative;display:block;padding:0;overflow:hidden;border-radius:10px;border:1px solid var(--og-border);background:var(--og-surface);opacity:.72;transition:opacity var(--og-duration-fast),border-color var(--og-duration-fast);animation:tf-pop var(--og-duration-panel) var(--og-ease) backwards}.tf-th:hover{opacity:1}.tf-th[aria-pressed=true]{opacity:1;border-color:var(--og-text)}.tf-th>img{display:block;width:100%;height:100%;object-fit:cover}.tf-th[data-state=processing]>img{filter:brightness(.5)}.tf-th[data-state=failed]>img{filter:grayscale(1) brightness(.45)}.tf-res .tf-th-badge{position:absolute;inset:0;margin:auto;color:#fff;width:16px;height:16px}.tf-th[data-state=failed] .tf-th-badge{color:var(--og-error)}.tf-more{display:grid;place-items:center;border-radius:10px;border:1px dashed var(--og-border-control);color:var(--og-text-secondary);transition:color var(--og-duration-fast),border-color var(--og-duration-fast)}.tf-more:not(:disabled):hover{color:var(--og-text);border-color:var(--og-border-hover)}.tf-gridwrap{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:4px 8px 32px}.tf-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none}.tf-hgrid .tf-th{width:100%;aspect-ratio:var(--tf-ar,9/16);border-radius:var(--og-radius-card);opacity:1}.tf-hgrid .tf-th:hover{border-color:var(--og-border-hover)}.tf-gfoot{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.tf-gfoot .tf-more{width:40px;height:40px}.tf-link{color:var(--og-link);font-size:13px;font-weight:500}.tf-link:hover{color:var(--og-text)}.tf-res .tf-rot{animation:tf-turn 1s linear infinite}.tf-sheet{color:var(--og-text);font:var(--og-weight-regular) var(--og-body-size)/var(--og-body-leading) var(--og-sans)}.tf-ph{display:none}:is(.tf,.tf-res,.tf-sheet) :is(button,[role=button]):not(:disabled):active{transform:scale(.97);transition-duration:0s}.tf .tf-go:not(:disabled):active{transform:scale(.98);background:var(--og-blue-pressed)}@media (max-width:1100px){.tf{grid-template-columns:360px minmax(0,1fr);padding:8px 20px 20px}}@media (max-width:767px){.tf{display:block;height:auto;min-height:0;padding:0 0 calc(132px + env(safe-area-inset-bottom))}.tf-ph{display:grid;gap:6px;position:sticky;top:var(--og-header-height);z-index:9;padding:8px var(--og-gutter) 10px;background:color-mix(in srgb,var(--og-canvas) 92%,transparent);backdrop-filter:blur(12px)}.tf-ph-title{display:flex;align-items:center;gap:10px;height:40px}.tf-ph-title .tf-ico{width:28px;height:28px;border-radius:8px}.tf-ph-title h1{font-size:17px;line-height:24px}.tf-ph .tf-seg button{height:40px}.tf-ph .tf-seg .tf-spin{width:12px;height:12px}.tf-head,.tf[data-view=create] .tf-side,.tf[data-view=results] .tf-ctl{display:none}.tf-ctl{border:0;border-radius:0;background:none;overflow:visible}.tf-body{overflow:visible;padding:4px var(--og-gutter) 24px}.tf-foot{position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:15;padding:10px var(--og-gutter);border-top:0;background:color-mix(in srgb,var(--og-canvas) 94%,transparent);backdrop-filter:blur(12px)}.tf-note{display:none}.tf :is(input,textarea){font-size:16px}.tf-chip,.tf-seg button{height:40px}.tf-go{height:52px}.tf .tf-res{padding:0 var(--og-gutter)}.tf .tf-res-bar{padding:0}.tf .tf-stagewrap{flex:none;height:auto;padding:0}.tf .tf-empty .tf-frame,.tf .tf-stagewrap .tf-frame{height:auto!important;width:min(100%,calc(58vh * (var(--tf-ar, .5625))))!important;max-height:none!important}.tf .tf-empty{height:auto}.tf .tf-hgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf .tf-acts{flex-wrap:nowrap;gap:6px}.tf .tf-acts .tf-opt-l{display:none}.tf .tf-acts .tf-tb:not([data-kind=primary]){padding:0 12px}}@keyframes tf-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tf-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes tf-sweep{0%{background-position:120% 0}to{background-position:-100% 0}}@keyframes tf-meter{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@keyframes tf-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes tf-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:is(.tf,.tf-res,.tf-sheet) *,:is(.tf,.tf-res,.tf-sheet) :before{animation:none!important}}
/*# sourceMappingURL=ba565bce0aa7abb7.css.map*/