.tl-app{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);margin-block:32px;padding:24px}.tl-app__title{font-size:22px;font-weight:800;margin:0 0 6px}.tl-app__intro{color:var(--c-muted-fg);font-size:14px;margin:0 0 18px}.tl-app__h4{align-items:baseline;display:flex;flex-wrap:wrap;font-size:15px;font-weight:800;gap:4px 12px;margin:0 0 12px}.tl-app__h4--mt{margin-top:22px}.tl-app__progress{background:var(--c-accent-soft);border-radius:var(--r-pill);color:var(--c-accent-ink);font-size:12px;font-weight:700;padding:2px 10px}.tl-app__muted{color:var(--c-muted-fg);font-weight:400}.tl-app__fine{color:var(--c-muted-fg);font-size:12px}.tl-app__empty{border:1px dashed var(--c-border);border-radius:var(--r-md);color:var(--c-muted-fg);font-size:14px;padding:18px}.tl-app__controls{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.tl-app__label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.tl-app__chips{display:flex;flex-wrap:wrap;gap:8px}.tl-app__chip{background:var(--c-surface-2);border:0;border-radius:var(--r-pill);color:var(--c-muted-fg);cursor:pointer;font-size:13px;font-weight:600;padding:9px 14px;transition:background-color .15s var(--ease-standard),color .15s var(--ease-standard)}.tl-app__chip:hover{color:var(--c-fg)}.tl-app__chip[aria-pressed=true]{background:var(--c-accent);color:#fff}.tl-app__chip:focus-visible,.tl-app__table tbody tr:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.tl-app__chip--base{align-items:flex-start;border-radius:var(--r-md);display:flex;flex-direction:column;gap:1px;padding:10px 16px;text-align:left}.tl-app__chip--base strong{font-size:13px;font-weight:700}.tl-app__chip--base small{font-size:11px;opacity:.8}.tl-app__row{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.tl-app__num input,.tl-app__sel select{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);box-sizing:border-box;color:var(--c-fg);font:600 16px var(--wp--preset--font-family--mono);font-variant-numeric:tabular-nums;padding:11px 14px;width:100%}.tl-app__sel select{font-family:inherit;font-size:15px;max-width:280px}.tl-app__num input:focus-visible,.tl-app__sel select:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.tl-app__hint{color:var(--c-muted-fg);display:block;font-size:12px;margin-top:6px}.tl-app__tiles{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (min-width:720px){.tl-app__tiles{grid-template-columns:repeat(4,1fr)}}.tl-app__tile{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px}.tl-app__tile--hero{background:var(--c-accent);border-color:var(--c-accent)}.tl-app__tile--hero .tl-app__tile-sub,.tl-app__tile--hero .tl-app__tile-title,.tl-app__tile--hero .tl-app__tile-value{color:#fff}.tl-app__tile-title{color:var(--c-muted-fg);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tl-app__tile-value{color:var(--c-fg);font-family:var(--wp--preset--font-family--mono);font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.tl-app__tile-value--sm{font-size:14px;line-height:1.8;white-space:nowrap}.tl-app__tile-sub{color:var(--c-muted-fg);font-size:12px}.tl-app__ladder-wrap{margin-top:16px}.tl-app__ladder{display:grid;gap:3px;grid-template-columns:repeat(13,1fr);list-style:none;margin:0;padding:0}.tl-app__step{background:var(--c-surface-2);border-radius:6px;color:var(--c-muted-fg);font:700 11px var(--wp--preset--font-family--mono);padding:9px 0;text-align:center;transition:background-color .25s var(--ease-standard),color .25s var(--ease-standard),transform .25s var(--ease-standard)}.tl-app__step.is-sel{background:var(--c-accent);box-shadow:0 6px 12px -6px rgba(79,70,229,.6);color:#fff;transform:translateY(-3px)}.tl-app__step.is-best{background:var(--c-surface);box-shadow:inset 0 0 0 2px var(--c-success);color:var(--c-success)}.tl-app__ladder-key{color:var(--c-fg);display:flex;flex-wrap:wrap;font-size:12px;gap:6px 18px;margin-top:8px}.tl-app__ladder-key i{border-radius:3px;display:inline-block;height:10px;margin-right:6px;vertical-align:-1px;width:10px}.k-sel{background:var(--c-accent)}.k-best{box-shadow:inset 0 0 0 2px var(--c-success)}.tl-app__story{background:var(--c-accent-soft);border-radius:var(--r-md);color:var(--c-accent-ink);font-size:14px;font-weight:600;margin:16px 0 0;padding:12px 16px}.tl-app__table td[data-label="Outer size"]{white-space:nowrap}.tl-app__table tbody tr{cursor:pointer;transition:background-color .15s var(--ease-standard)}.tl-app__table tbody tr:hover{background:var(--c-accent-soft)}.tl-app__table tbody tr.is-active{background:var(--c-accent-soft);box-shadow:inset 3px 0 0 var(--c-accent)}.tl-app__cols{display:grid;gap:16px;grid-template-columns:1fr;margin-top:22px}@media (min-width:900px){.tl-app__cols{grid-template-columns:1fr 1.4fr}}.tl-app__panel{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px 20px}.tl-app__bol{margin-top:16px}.tl-app__haz{border-left:4px solid var(--c-muted-fg);font-size:14px;margin:0 0 10px;padding:8px 0 8px 12px}.tl-app__haz strong{display:block;margin-bottom:2px}.tl-app__haz--ok{border-left-color:var(--c-success)}.tl-app__haz--check{border-left-color:#d97706}.tl-app__list{display:flex;flex-direction:column;gap:8px;list-style:none}.tl-app__list,.tl-app__list li{margin:0;padding:0}.tl-app__list li:before{content:none;display:none}.tl-app__list label{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.45}.tl-app__list input{accent-color:var(--c-accent);flex:none;height:16px;margin-top:3px;width:16px}.tl-app__list input:checked+span{color:var(--c-muted-fg);text-decoration:line-through}.tl-app__bol-row{margin-bottom:10px}.tl-app__bol-text{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);font:500 14px var(--wp--preset--font-family--mono);margin:0 0 12px;overflow-wrap:anywhere;padding:12px 14px}.tl-app__copied{color:var(--c-success);font-size:13px;font-weight:700;margin-left:12px}.tl-app__cta{align-items:center;display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 0}@media (max-width:560px){.tl-app{border-radius:var(--r-lg);padding:16px}.tl-app__tile-value,.tl-app__title{font-size:19px}.tl-app__step{font-size:9px;padding:8px 0}.tl-app__row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tl-app__step{transition:none}.tl-app__step.is-sel{transform:none}}.tl-app--acc .tl-app__row3{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.tl-app--acc .tl-app__sec{margin-top:26px}.tl-app--acc .tl-app__step-no{align-items:center;background:var(--c-accent);border-radius:50%;color:#fff;display:inline-flex;font:800 12px var(--wp--preset--font-family--sans);height:22px;justify-content:center;margin-right:8px;width:22px}.tl-app__meter{background:var(--c-surface-2);border-radius:999px;height:10px;margin:6px 0 10px;overflow:hidden}.tl-app__meter-bar{background:#d97706;border-radius:999px;height:100%;transition:width .25s var(--ease-standard),background-color .25s var(--ease-standard);width:0}.tl-app__meter-bar.is-mid{background:var(--c-accent)}.tl-app__meter-bar.is-done{background:var(--c-success)}.tl-app__verdict{font-size:14px;font-weight:700;margin:0 0 12px}.tl-app__verdict--ok{color:var(--c-success)}.tl-app__mode{align-items:flex-start;background:var(--c-bg);border:1px solid var(--c-border);border-left:4px solid var(--c-accent);border-radius:var(--r-md);display:flex;font-size:14px;gap:12px;padding:14px 16px}.tl-app__mode strong{display:block;font-size:15px;margin-bottom:2px}.tl-app__mode--parcel{border-left-color:#d97706}.tl-app__bench{align-items:start;display:grid;gap:16px;grid-template-columns:1fr}.tl-app__big{color:var(--c-fg);font:800 34px var(--wp--preset--font-family--mono);font-variant-numeric:tabular-nums;margin:4px 0}.tl-app__big small{color:var(--c-muted-fg);font-size:14px;font-weight:600}.tl-app__bench-svg{display:block;height:auto;overflow:visible;width:100%}.tl-app__bench-axis{fill:var(--c-muted-fg);font:600 11px var(--wp--preset--font-family--sans)}.tl-app__bench-grid{stroke:var(--c-border);stroke-width:1}.tl-app__bench-dot{fill:var(--c-accent);opacity:.55}.tl-app__bench-med{stroke:var(--c-success);stroke-dasharray:5 4;stroke-width:2}.tl-app__bench-label{fill:var(--c-success);font:800 11px var(--wp--preset--font-family--sans)}@media (max-width:560px){.tl-app--acc .tl-app__row3{grid-template-columns:1fr}.tl-app__big{font-size:28px}}.tl-app__rowpair{display:grid;gap:8px;grid-template-columns:1fr 1fr}.tl-app--acc .tl-app__tabs{border-bottom:1px solid var(--c-border);display:flex;gap:6px;margin:0 0 20px}.tl-app--acc .tl-app__tab{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--c-muted-fg);cursor:pointer;font-size:14px;font-weight:700;margin-bottom:-1px;padding:10px 16px}.tl-app--acc .tl-app__tab:hover{color:var(--c-fg)}.tl-app--acc .tl-app__tab[aria-selected=true]{border-bottom-color:var(--c-accent);color:var(--c-accent-ink)}.tl-app--acc .tl-app__tab:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.tl-app--acc [role=tabpanel][hidden]{display:none}.tl-app__st{border-radius:var(--r-pill);display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;white-space:nowrap}.tl-app__st--ok{background:#dcfce7;color:#166534}.tl-app__st--tight{background:#fef3c7;color:#92400e}.tl-app__st--no{background:#fee2e2;color:#991b1b}.tl-app__check{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.tl-app__check input{accent-color:var(--c-accent);height:18px;width:18px}.tl-app--acc .tl-app__table tbody tr{cursor:default}.tl-app--acc .tl-app__table tbody tr:hover{background:transparent}.tl-app--acc .tl-app__table tbody tr.is-active{background:var(--c-accent-soft);box-shadow:inset 3px 0 0 var(--c-accent)}.tl-app__note{color:var(--c-muted-fg);font-size:13px;margin:12px 0 0}.tl-app--acc .tl-app__grid2{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:720px){.tl-app--acc .tl-app__grid3{display:grid;gap:12px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-app--acc .tl-app__grid3{display:grid;gap:12px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:720px){.tl-app--acc .tl-app__grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-app--acc .tl-app__num .tl-app__hint{margin-top:4px}.tl-app--acc .tl-app__make{color:var(--c-muted-fg);display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tl-app--acc .tl-app__tile-value--sm{line-height:1.4;white-space:normal}.tl-app--acc .tl-acc__row2{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}.tl-app--acc .tl-acc__row2 input{width:100%}.tl-app--acc .tl-acc__opts{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:14px}.tl-app--acc .tl-acc__geo{color:var(--c-muted-fg);font-size:13.5px;margin:0 0 12px;min-height:1.4em}.tl-app--acc .tl-acc__geo--err{color:#b91c1c}.tl-app--acc .tl-app__results{margin-top:16px}.tl-app--acc .tl-app__tile--hero{grid-column:1/-1}@media (min-width:720px){.tl-app--acc .tl-app__tile--hero{grid-column:span 2}.tl-app--acc .tl-app__tile:nth-child(n+2){grid-column:span 1}}.tl-app--acc .tl-acc__list{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md);list-style:none;margin:0 0 4px;padding:0}.tl-app--acc .tl-acc__list li{align-items:flex-start;border-bottom:1px solid var(--c-border);display:flex;font-size:15px;gap:16px;justify-content:space-between;padding:12px 16px}.tl-app--acc .tl-acc__list li:last-child{border-bottom:0}.tl-app--acc .tl-acc__list li::marker,.tl-app--acc .tl-acc__list li:before{content:none;display:none}.tl-app--acc .tl-acc__li-name{flex:1;font-weight:600;min-width:0}.tl-app--acc .tl-acc__li-name small,.tl-app--acc .tl-acc__li-val small{color:var(--c-muted-fg);display:block;font-size:12.5px;font-weight:500}.tl-app--acc .tl-acc__li-val{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;white-space:nowrap}.tl-app--acc .tl-app__h4{margin:18px 0 8px}.tl-app--acc .tl-app__cta .btn{text-decoration:none}.tl-app--acc .tl-app__field{min-width:0}@media (max-width:520px){.tl-app--acc .tl-acc__row2{grid-template-columns:1fr}}
