.tl-sec{padding-top:8px}.tl-sec--head{padding-top:var(--sec-pad)}.tl-win{position:relative;border:1px solid var(--line-2);border-radius:26px;background:var(--card);box-shadow:var(--shadow-3),0 0 0 8px #ffffff8c}.tl-win__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:50px;padding:8px 18px;border-bottom:1px solid var(--line);border-radius:26px 26px 0 0;background:linear-gradient(180deg,#fff,var(--paper))}.tl-win__dots{display:flex;gap:7px}.tl-win__dots i{width:11px;height:11px;border-radius:50%;background:var(--paper-3)}.tl-win__dots i:first-child{background:#ff6f5b}.tl-win__dots i:nth-child(2){background:#ffbe3d}.tl-win__dots i:nth-child(3){background:#3fc56b}.tl-win__title{justify-self:center;display:inline-flex;align-items:center;gap:8px;min-width:0;padding:5px 14px;border-radius:var(--r-pill);background:var(--paper-2);font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}.tl-win__title .st-i{width:15px;height:15px;color:var(--primary-text)}.tl-win__lock{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;line-height:1.35;color:var(--muted);text-wrap:pretty}.tl-win__lock .st-i{flex:0 0 auto;width:14px;height:14px;color:var(--ok-ink)}.tl-tool{position:relative;padding:12px}.st-tool__panel{position:relative;min-width:0;padding:24px;border-radius:20px;background:var(--card)}.st-tool__panel--out{border:1px solid var(--line);background:radial-gradient(120% 60% at 100% 0%,var(--tint-peach) 0%,transparent 62%),radial-gradient(90% 50% at 0% 0%,var(--tint-butter) 0%,transparent 60%),var(--paper);isolation:isolate}.st-tool__bar{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.st-tool__bar-text{flex:1 1 auto;min-width:0}.st-tool__title{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}.st-tool__sub{margin-top:4px;font-size:14px;line-height:1.45;color:var(--muted)}.st-tool__ghost{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--card);color:var(--ink-2);font-size:13.5px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.st-tool__ghost .st-i{width:15px;height:15px;transition:transform .45s var(--ease)}.st-tool__ghost:hover{border-color:color-mix(in oklab,var(--ink) 30%,transparent);color:var(--ink)}.st-tool__ghost:hover .st-i{transform:rotate(-40deg)}.st-tool__field{min-width:0;margin:22px 0 0;padding:0;border:0}.st-tool__legend{display:block;margin:0 0 10px;padding:0;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.st-tool__legend--inline{display:inline-block;margin:0 4px 0 0}.st-tool__opt{text-transform:none;letter-spacing:0;font-weight:500}.st-tool__hint{margin-top:8px;font-size:13px;line-height:1.45;color:var(--muted);text-wrap:pretty}.st-tool__input{display:block;width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;line-height:1.4;transition:border-color .2s,background-color .2s,box-shadow .25s var(--ease)}textarea.st-tool__input{height:auto;padding:14px 16px;resize:vertical;line-height:1.55}.st-tool__input::placeholder{color:color-mix(in oklab,var(--muted) 70%,transparent)}.st-tool__input:hover{border-color:color-mix(in oklab,var(--ink) 26%,transparent)}.st-tool__input:focus{outline:none;border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 18%,transparent)}.st-tool__seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper-2)}.st-tool__seg label{position:relative;display:block;cursor:pointer}.st-tool__seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.st-tool__seg span{display:flex;align-items:center;height:38px;padding:0 16px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background-color .3s var(--ease),color .3s,box-shadow .3s}.st-tool__seg label:hover span{color:var(--ink)}.st-tool__seg input:checked+span{background:var(--card);color:var(--ink);box-shadow:var(--shadow-1),0 0 0 1px var(--line)}.st-tool__seg input:focus-visible+span{outline:2px solid var(--primary-btn);outline-offset:2px}.st-tool__stepper{display:flex;align-items:stretch;width:max-content;max-width:100%;padding:4px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper-2)}.st-tool__step{display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border:0;border-radius:var(--r-pill);background:var(--card);color:var(--ink);box-shadow:var(--shadow-1);cursor:pointer;transition:background-color .2s,color .2s,transform .2s var(--ease)}.st-tool__step .st-i{width:15px;height:15px}.st-tool__step:hover{background:var(--primary-soft);color:var(--primary-text)}.st-tool__step:active{transform:scale(.92)}.st-tool__input--step{width:72px;height:38px;border:0;background:transparent;text-align:center;font-family:var(--font-display);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.st-tool__input--step:hover{border:0}.st-tool__input--step:focus{background:transparent;box-shadow:none}.st-tool__chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--card);color:var(--ink-2);font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .25s var(--ease)}.st-tool__chip .st-i{width:14px;height:14px;color:var(--primary-text)}.st-tool__chip:hover{border-color:var(--primary-line);transform:translateY(-1px)}.st-tool__chip.is-on{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.st-tool__chip:disabled{opacity:.45;cursor:not-allowed;transform:none}.st-tool__samples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.st-tool .st-btn:disabled,.st-tool .st-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.st-tool__copy.is-copied{background:var(--ok-ink);border-color:var(--ok-ink);color:#fff}.st-tool__clip{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.st-tool .is-bump{animation:tl-bump .45s var(--ease)}@keyframes tl-bump{0%{transform:scale(1)}35%{transform:scale(1.02)}to{transform:scale(1)}}@media(max-width:1100px){.tl-win__title{display:none}.tl-win__bar{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:640px){.tl-win{border-radius:20px;box-shadow:var(--shadow-2)}.tl-win__bar{gap:12px;min-height:0;padding:10px 14px;border-radius:20px 20px 0 0}.tl-win__dots{display:none}.tl-win__bar{grid-template-columns:minmax(0,1fr)}.tl-tool{padding:6px}.st-tool__panel{padding:18px 16px;border-radius:16px}.st-tool__title{font-size:20px}}@media(prefers-reduced-motion:reduce){.st-tool .is-bump{animation:none}}