.tg-tool{column-gap:var(--pp-space-5);max-width:var(--pp-page);margin:var(--pp-space-7) auto 0;padding:0 var(--pp-page-pad);grid-template:"a out""b out"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.tg-form--a{grid-area:a}.tg-form--b{grid-area:b}.tg-out{grid-area:out}@media (min-width:1001px){.tg-tool>.tg-form--a{padding-bottom:var(--pp-space-5);border-radius:var(--pp-radius-card) var(--pp-radius-card) 0 0;border-bottom:0}.tg-tool>.tg-form--b{border-radius:0 0 var(--pp-radius-card) var(--pp-radius-card);border-top:0;padding-top:0}}.tg-title{font-family:var(--pp-font-display);font-size:var(--pp-text-display-m);font-weight:var(--pp-weight-display);letter-spacing:var(--pp-tracking-display);line-height:1.15}.tg-form{gap:var(--pp-space-7);min-width:0;padding:var(--pp-space-6);border:1px solid var(--pp-color-line);border-radius:var(--pp-radius-card);background:var(--pp-color-surface);display:grid}:root .site.bv.tl .tg-form .ui-input{background:var(--pp-color-surface);box-shadow:inset 0 0 0 1px var(--pp-color-line)}:root .site.bv.tl .tg-form .ui-input:focus{box-shadow:inset 0 0 0 1.5px var(--pp-color-brand)}.tg-form input[type=checkbox]{accent-color:var(--pp-color-brand)}.tg-group{gap:var(--pp-space-3);border:0;min-width:0;display:grid;position:relative}.tg-group>legend{float:left}.tg-form--b>.tg-group:first-child{padding-top:var(--pp-space-5)}.tg-form>.tg-group{padding-top:var(--pp-space-5);border-top:1px solid var(--pp-color-line-soft)}:root .site.bv.tl .tg-form>.tg-group>legend.ui-field-label{font-family:var(--pp-font-display);font-size:var(--pp-text-lead);font-weight:var(--pp-weight-display);color:var(--pp-color-ink)}.tg-grid{gap:var(--pp-space-5) var(--pp-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tg-span{grid-column:1/-1}.tg-link{font-size:var(--pp-text-small);color:var(--pp-color-ink);text-underline-offset:3px;font-weight:500;text-decoration:underline}.tg-link:focus-visible{outline:2px solid var(--pp-color-focus);outline-offset:2px;border-radius:var(--pp-radius-card)}.tg-item{gap:var(--pp-space-3);padding:var(--pp-space-1) 0 var(--pp-space-1) var(--pp-space-4);border-left:2px solid var(--pp-color-line);display:grid;position:relative}.tg-form .ui-input::placeholder{color:var(--pp-color-muted);font-style:italic}.tg-form .ui-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--pp-color-danger)}.tg-form .ui-input[aria-invalid=true]+.ui-field-hint{color:var(--pp-color-danger)}.tg-remove{top:var(--pp-space-1);color:var(--pp-color-muted);position:absolute;right:0}:root .site.bv.tl .tg-add{border:1px dashed var(--pp-color-line);min-height:44px;box-shadow:none;color:var(--pp-color-brand);background:0 0;justify-self:stretch;font-weight:600}@media (hover:hover) and (pointer:fine){:root .site.bv.tl .tg-add:hover{border-color:var(--pp-color-brand);background:var(--pp-color-surface)}}.tg-out{min-width:0;padding:var(--pp-space-6);border:1px solid var(--pp-color-line);border-radius:var(--pp-radius-card);background:var(--pp-color-surface);color:var(--pp-color-ink)}.tg-out-in{gap:var(--pp-space-4);display:grid}@media (min-width:1001px){.tg-out{position:sticky;top:88px}}.tg-code{max-height:min(56vh,560px);padding:var(--pp-space-4) var(--pp-space-5);border-radius:var(--pp-radius-inner);background:var(--pp-color-canvas);box-shadow:inset 0 0 0 1px var(--pp-color-line-soft);font-family:var(--pp-font-mono);font-size:var(--pp-text-small);white-space:pre;tab-size:2;color:var(--pp-color-ink);scrollbar-color:var(--pp-color-line) transparent;line-height:1.65;overflow:auto}.tg-code:focus-visible{outline:2px solid var(--pp-color-focus);outline-offset:2px}.tg-need{padding:var(--pp-space-2) var(--pp-space-3);border-radius:var(--pp-radius-xs);background:var(--pp-color-fair-tint);font-size:var(--pp-text-small);color:var(--pp-color-fair-ink)}.tg-actions{gap:var(--pp-space-2);flex-wrap:wrap;display:flex}.tg-actions .ui-btn--primary{min-width:132px}.tg-actions .ui-btn--secondary{white-space:normal;text-align:center}:root .site.bv.tl .tg-actions .ui-btn:disabled{box-shadow:inset 0 0 0 1px var(--pp-color-line);color:var(--pp-color-muted);opacity:1;cursor:default;background:0 0}.tg-note{font-size:var(--pp-text-small);color:var(--pp-color-muted)}.tg-aside{gap:var(--pp-space-4);margin-top:var(--pp-space-2);padding-top:var(--pp-space-5);border-top:1px solid var(--pp-color-line-soft);display:grid}:root .site.bv.tl .tg-aside .ui-heading{font-size:var(--pp-text-lead);color:var(--pp-color-ink)}.tg-aside p{font-size:var(--pp-text-small);line-height:var(--pp-leading-body);color:var(--pp-color-ink-2)}.tg-aside a{color:var(--pp-color-brand);text-underline-offset:3px;text-decoration:underline}.tg-aside a:focus-visible{outline:2px solid var(--pp-color-focus);outline-offset:2px}@media (max-width:1000px){.tg-tool{row-gap:var(--pp-space-4);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"a""out""b"}.tg-form--b>.tg-group:first-child,.tg-form--b>:first-child{border-top:0;padding-top:0}.tg-code{max-height:70vh}}@media (max-width:640px){.tg-tool{padding:0 var(--pp-space-3)}.tg-form{gap:var(--pp-space-5);padding:var(--pp-space-5) var(--pp-space-4)}.tg-out{padding:var(--pp-space-5) var(--pp-space-4)}.tg-grid{grid-template-columns:minmax(0,1fr)}.tg-form .ui-input{font-size:var(--pp-text-body)}}.tg-bar{display:none}@media (max-width:1000px){.tg-bar{left:var(--pp-space-3);right:var(--pp-space-3);bottom:var(--pp-space-3);z-index:45;align-items:center;gap:var(--pp-space-2);margin-bottom:env(safe-area-inset-bottom);padding:var(--pp-space-2) var(--pp-space-2) var(--pp-space-2) var(--pp-space-4);border-radius:var(--pp-radius-md);background:var(--pp-color-brand-deep);color:var(--pp-color-on-brand);box-shadow:var(--pp-shadow-lift);transform:translateY(calc(100% + var(--pp-space-6)));opacity:0;pointer-events:none;transition:transform var(--pp-dur-2) var(--pp-ease-out), opacity var(--pp-dur-2) var(--pp-ease-out);grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:fixed}.tg-bar[data-shown]{transform:translateY(calc(-1 * var(--tg-lift,0px)));opacity:1;pointer-events:auto}.tg-bar-text{min-width:0;line-height:1.3;display:grid}.tg-bar-text b{font-size:var(--pp-text-small);font-weight:600}.tg-bar-text span{-webkit-line-clamp:2;font-size:var(--pp-text-label);color:var(--pp-color-on-brand-2);font-variant-numeric:tabular-nums;text-wrap:pretty;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tg-bar-text .tg-bar-need{color:var(--pp-tile-4)}.tg-bar .ui-btn{min-height:44px;padding-left:var(--pp-space-4);padding-right:var(--pp-space-4);-webkit-tap-highlight-color:transparent}:root .site.bv.tl .tg-bar .ui-btn--primary{background:var(--pp-color-on-brand);color:var(--pp-color-brand)}.tg-bar .ui-btn--secondary{background:var(--pp-color-line-on-brand);color:var(--pp-color-on-brand)}.tg-bar .ui-btn:active:not(:disabled){transform:scale(.97)}.tg-bar .ui-btn:focus-visible{outline-color:var(--pp-tile-4)}html:has(.tg-bar[data-shown]){scroll-padding-bottom:96px}.tg-out{scroll-margin-top:var(--pp-space-8)}}@media (prefers-reduced-motion:reduce){.tg-bar{transition:opacity var(--pp-dur-2) var(--pp-ease-out)}}