.hp-tf .tf-hero{background:radial-gradient(ellipse 55% 75% at 50% 0,rgba(244,81,66,.16),transparent 70%),#0f0f0f;padding:72px 0 80px}.hp-tf .tf-hero-in{display:flex;flex-direction:column;gap:32px}.hp-tf .tf-head{max-width:720px}.hp-tf .tf-head,.hp-tf .tf-tool{display:flex;flex-direction:column;gap:16px}.hp-tf .tf-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}.hp-tf .tf-edit{display:flex;flex-direction:column;gap:10px;min-width:0}.hp-tf .tf-bar{background:#161616;border-radius:12px 12px 0 0;box-shadow:inset 0 0 0 1px #2a2a2a;display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px}.hp-tf .tf-btn{background:#1a1a1a;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px #333;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:0 10px}.hp-tf .tf-btn:hover{box-shadow:inset 0 0 0 1px #f45142}.hp-tf .tf-btn:focus-visible{outline:2px solid #f45142;outline-offset:2px}.hp-tf .tf-area{background:#1a1a1a;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #333;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,monospace;font-size:15px;line-height:1.5;min-height:220px;outline:none;padding:14px 16px;resize:vertical;width:100%}.hp-tf .tf-area:focus{box-shadow:inset 0 0 0 1px #f45142,0 0 0 3px rgba(244,81,66,.22)}.hp-tf .tf-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px}.hp-tf .tf-copy{align-items:center;display:inline-flex;gap:8px}.hp-tf .tf-copy.is-done{background:#248046}.hp-tf .tf-clear{background:none;border:0;color:#b5bac1;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:8px 4px}.hp-tf .tf-clear:hover{color:#fff}.hp-tf .tf-clear:disabled{cursor:default;opacity:.5}.hp-tf .tf-count{color:#949ba4;font-size:13px;margin-left:auto}.hp-tf .tf-view{display:flex;flex-direction:column;gap:10px;min-width:0}.hp-tf .tf-view-cap{color:#949ba4;font-size:13px}.hp-tf .tf-dc{width:100%}.hp-tf .tf-table-wrap{overflow-x:auto}.hp-tf .tf-syntax{background:#2b2d31;border-radius:6px;color:#f2f3f5;font-family:Consolas,Courier New,monospace;font-size:14px;padding:3px 8px;white-space:nowrap}.hp-tf .tf-note{color:#949ba4}.hp-tf .tf-hide-sm{display:none}.hp-tf .tf-ansi{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.hp-tf .tf-ansi-form{display:flex;flex-direction:column;gap:14px}.hp-tf .tf-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px;padding:0}.hp-tf .tf-input{background:#1a1a1a;border:0;border-radius:10px;box-shadow:inset 0 0 0 1px #333;color:#fff;font-family:Poppins,sans-serif;font-size:16px;height:48px;outline:none;padding:0 14px}.hp-tf .tf-input:focus{box-shadow:inset 0 0 0 1px #f45142,0 0 0 3px rgba(244,81,66,.22)}.hp-tf .tf-swatches{border:0;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.hp-tf .tf-swatches legend{width:100%}.hp-tf .tf-sw{border:0;border-radius:8px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15);cursor:pointer;height:34px;width:34px}.hp-tf .tf-sw.is-on{box-shadow:0 0 0 2px #0f0f0f,0 0 0 4px #f45142}.hp-tf .tf-sw:focus-visible{outline:2px solid #fff;outline-offset:3px}.hp-tf .tf-sw-none{background:repeating-linear-gradient(45deg,#2a2a2a 0 6px,#1a1a1a 6px 12px)}.hp-tf .tf-checks{color:#dbdee1;display:flex;font-size:15px;gap:20px}.hp-tf .tf-checks input{accent-color:#f45142;margin-right:6px}.hp-tf .tf-faq{display:flex;flex-direction:column;margin:0}.hp-tf .tf-faq>div{box-shadow:0 1px 0 #262626;padding:22px 0}.hp-tf .tf-faq>div:first-child{padding-top:4px}.hp-tf .tf-faq dt{color:#fff;font-size:17px;font-weight:600}.hp-tf .tf-faq dd{color:#b5bac1;font-size:15px;margin:8px 0 0}.hp-tf a.tf-rel{align-items:center}.hp-tf .tf-howtos{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}.hp-tf .tf-howto{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;scroll-margin-top:96px}.hp-tf .tf-howto-title{color:#fff;font-size:24px;margin:0}.hp-tf .tf-howto-line{align-items:center;color:#dbdee1;display:flex;flex-wrap:wrap;font-size:15px;gap:8px;margin:0}.hp-tf .tf-howto-line .tf-note{font-size:13px;min-width:72px}.hp-tf .tf-howto-dc{margin:4px 0}.hp-tf .tf-howto>.tf-note{font-size:14px;margin:0}@media (min-width:700px){.hp-tf .tf-howtos{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-tf .tf-hide-sm{display:table-cell}}@media (min-width:960px){.hp-tf .tf-hero{padding:88px 0 96px}.hp-tf .tf-ansi,.hp-tf .tf-grid{align-items:start;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hp-tf .tf-view{top:100px}.hp-tf .tf-sticky,.hp-tf .tf-view{position:-webkit-sticky;position:sticky}.hp-tf .tf-sticky{top:110px}}@media (max-width:600px){.hp-tf .tf-hero{padding:48px 0 56px}.hp-tf .tf-count{margin-left:0;width:100%}}.hp-tf .tf-count.is-over{color:#ffb4ab;font-weight:600}.hp-tf .tf-rows{display:flex;flex-direction:column;gap:6px}.hp-tf .tf-rows li{align-items:center;background:#1a1a1a;border-radius:10px;box-shadow:inset 0 0 0 1px #2a2a2a;display:flex;gap:12px;justify-content:space-between;padding:6px 6px 6px 14px}.hp-tf .tf-row-text{font-family:Consolas,Courier New,monospace;font-size:14px;min-width:0;overflow-wrap:anywhere}.hp-tf .tf-starts{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hp-tf .tf-starts-label{color:#949ba4;font-size:13px;margin-right:4px}.hp-tf .tf-chip{background:#1a1a1a;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #333;color:#dbdee1;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;height:34px;padding:0 14px}.hp-tf .tf-chip:hover{box-shadow:inset 0 0 0 1px #f45142;color:#fff}.hp-tf .tf-chip:focus-visible{outline:2px solid #f45142;outline-offset:2px}.hp-tf .tf-edit{gap:0}.hp-tf .tf-edit .tf-area{border-radius:0 0 12px 12px;margin-bottom:12px}.hp-tf .tf-group{display:flex;flex-direction:column;gap:6px}.hp-tf .tf-group-name{color:#949ba4;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hp-tf .tf-group-btns{display:flex;flex-wrap:wrap;gap:6px}.hp-tf .tf-btn{font-size:13px;height:36px;min-width:36px}.hp-tf .tf-btn.is-mono{font-family:Consolas,Courier New,monospace}.hp-tf .tf-btn.is-on{background:#221614;box-shadow:inset 0 0 0 1px #f45142}.hp-tf .tf-codepick{display:inline-flex}.hp-tf .tf-codepick .tf-btn{border-radius:8px 0 0 8px}.hp-tf .tf-select{background:#222;border:0;border-radius:0 8px 8px 0;box-shadow:inset 0 0 0 1px #333;color:#dbdee1;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;height:36px;max-width:120px;padding:0 8px}.hp-tf .tf-select:focus-visible{outline:2px solid #f45142;outline-offset:2px}.hp-tf .tf-stamp{align-items:flex-end;background:#161616;box-shadow:inset 1px 0 0 #2a2a2a,inset -1px 0 0 #2a2a2a;display:flex;flex-wrap:wrap;gap:12px;padding:14px 12px}.hp-tf .tf-stamp-field{color:#b5bac1;display:flex;flex:1 1 180px;flex-direction:column;font-size:13px;gap:6px}.hp-tf .tf-stamp .tf-input{color-scheme:dark;height:42px}.hp-tf .tf-stamp .hp-btn{height:42px}.hp-tf .tf-stamp-note{color:#949ba4;font-size:13px;width:100%}.hp-tf .tf-hint{color:#949ba4;font-size:13px;margin-top:10px}.hp-tf .tf-view-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.hp-tf .tf-theme{background:#1a1a1a;border-radius:999px;box-shadow:inset 0 0 0 1px #2a2a2a;display:inline-flex;padding:3px}.hp-tf .tf-theme button{background:none;border:0;border-radius:999px;color:#949ba4;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;height:28px;padding:0 12px}.hp-tf .tf-theme button.is-on{background:#f45142;color:#fff}.hp-tf .tf-theme button:focus-visible{outline:2px solid #f45142;outline-offset:2px}.hp-tf .tf-dc.is-light{background:#fff;box-shadow:0 0 0 1px #e3e5e8}.hp-tf .tf-chip.is-on{background:#f45142;box-shadow:none;color:#fff}@media (max-width:600px){.hp-tf .tf-starts{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.hp-tf .tf-starts::-webkit-scrollbar{display:none}.hp-tf .tf-starts>*{flex:none}}.hp-tf .tf-undo{align-items:center;background:#221614;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(244,81,66,.5);color:#dbdee1;display:flex;font-size:14px;gap:12px;justify-content:space-between;margin-top:10px;padding:8px 8px 8px 14px}.hp-tf .tf-undo-btn{background:#f45142;border:0;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;height:36px;padding:0 16px}.hp-tf .tf-btn{height:40px;min-width:40px}.hp-tf .tf-select{height:40px}.hp-tf .tf-chip{height:38px}@media (max-width:600px){.hp-tf .tf-btn,.hp-tf .tf-select{height:44px;min-width:44px}.hp-tf .tf-chip{height:42px}.hp-tf .tf-theme button{height:36px}}.hp-sf .sf-tool{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.hp-sf .sf-inputs,.hp-sf .sf-results{display:flex;flex-direction:column;gap:16px;min-width:0}.hp-sf .sf-field{display:flex;flex-direction:column}.hp-sf .sf-input{font-family:Consolas,Courier New,monospace;letter-spacing:.02em}.hp-sf .sf-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px #ff8a7c}.hp-sf .sf-err{color:#ff8a7c;font-size:14px;margin:8px 0 0}.hp-sf .sf-result{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px}.hp-sf .sf-empty{align-items:center;justify-content:center;min-height:120px;text-align:center}.hp-sf .sf-age{color:#fff;font-size:clamp(26px,5vw,34px);line-height:1.1;margin:0}.hp-sf .sf-facts{display:flex;flex-direction:column;gap:8px;margin:0}.hp-sf .sf-facts>div{grid-gap:2px;display:grid;gap:2px;grid-template-columns:minmax(0,1fr)}.hp-sf .sf-facts dt{color:#949ba4;font-size:13px}.hp-sf .sf-facts dd{color:#dbdee1;font-size:15px;margin:0;overflow-wrap:anywhere}.hp-sf .sf-facts .tf-syntax{white-space:normal}.hp-sf .sf-copy{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hp-sf .sf-compare{color:#fff;font-weight:600;margin:0}.hp-sf .sf-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}.hp-sf .sf-step{display:flex;flex-direction:column;gap:8px;padding:20px}.hp-sf .sf-num{align-items:center;background:#f45142;border-radius:999px;color:#fff;display:inline-flex;font-weight:600;height:32px;justify-content:center;width:32px}.hp-sf .sf-step-title{color:#fff;font-size:22px;margin:0}.hp-sf .sf-bits{display:flex;flex-direction:column;gap:12px;padding:20px}.hp-sf .sf-bar{grid-gap:3px;display:grid;gap:3px;grid-template-columns:42fr 5fr 5fr 12fr;min-height:48px}.hp-sf .sf-seg{align-items:center;background:#2b2d31;border-radius:6px;color:#dbdee1;display:flex;font-size:12px;justify-content:center;padding:4px;text-align:center}.hp-sf .sf-seg-time{background:#f45142;color:#fff;font-weight:600}@media (min-width:640px){.hp-sf .sf-facts>div{align-items:baseline;gap:12px;grid-template-columns:180px minmax(0,1fr)}}@media (min-width:900px){.hp-sf .sf-tool{align-items:start;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.hp-sf .sf-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}