.tb-hp-main{color:#302a38;background:#f8f6f8}.tb-hp-hero{padding:27px 0 70px;background:#e7e4f4;background-image:linear-gradient(120deg,rgba(255,255,255,.3),transparent 55%),radial-gradient(#c8c3df 1px,transparent 1px);background-size:auto,22px 22px}.tb-hp-breadcrumb{display:flex;gap:8px;padding-bottom:37px;color:#706b80;font-size:11px}.tb-hp-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.tb-hp-hero-copy{max-width:900px}.tb-hp-hero h1{margin:0;font:500 clamp(49px,6.4vw,82px)/.94 var(--tb-serif);letter-spacing:-.075em}.tb-hp-hero h1 em{color:#765c96;font-style:italic}.tb-hp-hero-copy>p:not(.tb-eyebrow){max-width:705px;margin:24px 0;color:#655f70;font-size:17px;line-height:1.65}.tb-hp-hero-points{display:flex;flex-wrap:wrap;gap:9px}.tb-hp-hero-points span{padding:8px 11px;border:1px solid #c5bed4;background:rgba(255,255,255,.6);color:#5e576b;font-size:10px;font-weight:800;letter-spacing:.03em}.tb-hp-tool-section{padding:88px 0 102px;background:#f8f6f8}.tb-hp-tool-heading{display:flex;align-items:end;justify-content:space-between;gap:42px;padding-bottom:29px}.tb-hp-tool-heading h2,.tb-hp-section-heading h2{margin:0;font:500 48px/1 var(--tb-serif);letter-spacing:-.066em}.tb-hp-tool-heading>p{max-width:430px;margin:0;color:#736d79;font-size:12px;line-height:1.6}.tb-hp-tool{overflow:hidden;border:1px solid #d3cbd8;background:#fff;box-shadow:0 18px 38px rgba(63,49,78,.1)}.tb-hp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 23px;background:#453b58;color:#fff}.tb-hp-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.tb-hp-toolbar b{font:500 19px/1 var(--tb-serif)}.tb-hp-step{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#f0c8b5;color:#60455f;font:800 10px/1 Arial}.tb-hp-presets{display:flex;gap:7px}.tb-hp-presets button{padding:8px 10px;border:1px solid #746985;background:transparent;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.tb-hp-presets button small{display:block;margin-top:3px;color:#c8bfd3;font-size:8px;font-weight:500}.tb-hp-presets button:hover,.tb-hp-presets button.is-active{border-color:#eac4b6;background:#62536f}.tb-hp-workspace{display:grid;grid-template-columns:1fr 1fr}.tb-hp-editor,.tb-hp-output{min-width:0;padding:28px}.tb-hp-editor{border-right:1px solid #ddd5df}.tb-hp-output{background:#f2eef4}.tb-hp-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.tb-hp-panel-title>div{display:flex;align-items:center;gap:10px}.tb-hp-panel-title h2{margin:0;font:500 26px/1 var(--tb-serif);letter-spacing:-.045em}.tb-hp-text-button{padding:0;border:0;border-bottom:1px solid #917a99;background:transparent;color:#765f80;font-size:9px;font-weight:800;cursor:pointer}.tb-hp-code-field{display:grid;gap:7px;margin-bottom:14px}.tb-hp-code-field>span{color:#514759;font-size:10px;font-weight:800;letter-spacing:.06em}.tb-hp-code-field b{color:#a44f4a;font-size:8px}.tb-hp-code-field em{color:#8c8491;font-size:8px;font-style:normal}.tb-hp-code-field textarea{width:100%;resize:vertical;padding:13px;border:1px solid #d8d1dc;background:#fdfcfe;color:#302a38;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2;outline-color:#7b6195}.tb-hp-code-field textarea:focus{border-color:#88709b;background:#fff}.tb-hp-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 0 0;margin:0;border:0;border-top:1px solid #ded7e2}.tb-hp-settings legend{padding:0 0 12px;color:#514759;font-size:10px;font-weight:800;letter-spacing:.06em}.tb-hp-setting{display:grid;gap:5px}.tb-hp-setting label{color:#736b78;font-size:9px;font-weight:700}.tb-hp-setting label span{color:#9a929d;font-weight:500}.tb-hp-setting input[type=number],.tb-hp-setting select{width:100%;height:35px;padding:6px 8px;border:1px solid #d8d1dc;background:#fff;color:#403848;font-size:11px}.tb-hp-color{display:flex;align-items:center;height:35px;border:1px solid #d8d1dc;background:#fff}.tb-hp-color input{width:36px;height:31px;padding:3px;border:0;background:transparent}.tb-hp-color span{color:#635b68;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.tb-hp-check{display:flex;grid-column:1/-1;align-items:center;gap:7px;margin-top:2px;color:#665d6d;font-size:10px;font-weight:700}.tb-hp-check input{accent-color:#70578d}.tb-hp-message{margin:12px 0 0;padding:9px 10px;border-left:3px solid;background:#fff5f3;font-size:10px;font-weight:700}.tb-hp-message--error{border-color:#b9584e;color:#98473f}.tb-hp-actions{display:flex;align-items:center;gap:13px;padding-top:17px}.tb-hp-secondary{padding:10px 13px;border:1px solid #cfc5d3;background:#fff;color:#66556f;font-size:10px;font-weight:800;cursor:pointer}.tb-hp-output-size{padding:6px 8px;background:#e1d9e6;color:#6a5a72;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tb-hp-preview-tabs{display:flex;border-bottom:1px solid #d2c9d7}.tb-hp-preview-tabs button{padding:9px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#7f7583;font-size:9px;font-weight:800;cursor:pointer}.tb-hp-preview-tabs button.is-active{border-color:#765991;color:#594661}.tb-hp-preview-frame,.tb-hp-png-result{display:grid;min-height:416px;place-items:center;padding:17px;background-color:#ddd6e1;background-image:linear-gradient(45deg,#ece8ef 25%,transparent 25%),linear-gradient(-45deg,#ece8ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ece8ef 75%),linear-gradient(-45deg,transparent 75%,#ece8ef 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.tb-hp-preview-frame iframe{width:100%;max-height:410px;border:0;background:transparent;box-shadow:0 4px 14px rgba(52,39,65,.16)}.tb-hp-png-result[hidden],.tb-hp-preview-frame[hidden]{display:none}.tb-hp-png-result>div{display:grid;width:100%;height:100%;place-items:center}.tb-hp-png-result canvas{display:block;max-width:100%;max-height:380px;width:auto;height:auto;box-shadow:0 4px 14px rgba(52,39,65,.18)}.tb-hp-png-result p{margin:0;color:#7b7280;font-size:11px}.tb-hp-output-actions{display:flex;align-items:center;gap:12px;padding-top:16px}.tb-hp-output-actions .tb-button:disabled{cursor:not-allowed;opacity:.45}.tb-hp-output-actions span{color:#766d7b;font-size:9px;line-height:1.4}.tb-hp-privacy{display:flex;gap:9px;padding:12px;margin-top:16px;border-left:3px solid #7d6394;background:#fff}.tb-hp-privacy>span{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:50%;background:#ded1e6;color:#765787;font-weight:800}.tb-hp-privacy p{margin:0;color:#706775;font-size:9px;line-height:1.5}.tb-hp-fit{padding:94px 0;background:#f0decf}.tb-hp-fit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.tb-hp-fit h2,.tb-hp-limits h2,.tb-hp-faq h2{margin:0;font:500 47px/1 var(--tb-serif);letter-spacing:-.067em}.tb-hp-fit-grid>div:first-child>p:not(.tb-eyebrow){max-width:430px;margin:18px 0 0;color:#6c686b;font-size:13px;line-height:1.63}.tb-hp-fit-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tb-hp-fit-cards article{padding:22px;background:#fff9f4;border-top:3px solid #8b6381}.tb-hp-fit-cards article+article{background:#f3f6fb;border-color:#607c9b}.tb-hp-fit-cards article>span{color:#8b5d74;font-size:9px;font-weight:800;letter-spacing:.13em}.tb-hp-fit-cards article+article>span{color:#52718e}.tb-hp-fit-cards h3{margin:22px 0 13px;font:500 25px/1 var(--tb-serif);letter-spacing:-.045em}.tb-hp-fit-cards ul{padding:0;margin:0;list-style:none}.tb-hp-fit-cards li{padding:9px 0;border-top:1px solid #e2d8d2;color:#656367;font-size:11px}.tb-hp-fit-cards li:before{content:'✓';margin-right:8px;color:#8b6078;font-weight:800}.tb-hp-fit-cards article+article li:before{content:'—';color:#5f7892}.tb-hp-process{padding:93px 0;background:#49405b;color:#fff}.tb-hp-process .tb-eyebrow{color:#d9adc2}.tb-hp-process .tb-hp-section-heading h2{color:#fff}.tb-hp-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:11px;margin-top:29px}.tb-hp-flow article{display:flex;align-items:center;gap:12px;min-height:96px;padding:16px;border:1px solid #6c627b;background:#544a65}.tb-hp-flow article>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:#e9c0af;color:#624b5e;font:500 19px/1 var(--tb-serif)}.tb-hp-flow b{font:500 20px/1 var(--tb-serif)}.tb-hp-flow p{margin:5px 0 0;color:#cfc8d6;font-size:9px;line-height:1.45}.tb-hp-flow>i{color:#d8aebd;font-style:normal}.tb-hp-process-note{max-width:750px;margin:25px 0 0;color:#d6cfdd;font-size:11px;line-height:1.6}.tb-hp-controls{padding:93px 0;background:#f8f6f8}.tb-hp-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:29px}.tb-hp-control-grid article{min-height:205px;padding:20px;border:1px solid #ddd5df;background:#fff}.tb-hp-control-grid article>span{display:block;color:#7d5d8c;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tb-hp-control-grid h3{margin:53px 0 9px;font:500 23px/1 var(--tb-serif);letter-spacing:-.045em}.tb-hp-control-grid p{margin:0;color:#746d79;font-size:11px;line-height:1.55}.tb-hp-limits{padding:94px 0;background:#e6edf2}.tb-hp-limits-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:75px}.tb-hp-limits-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.tb-hp-limits article{padding:19px 0;border-top:1px solid #b9c6cf}.tb-hp-limits h3{margin:0 0 8px;font:500 22px/1.05 var(--tb-serif);letter-spacing:-.04em}.tb-hp-limits article p{margin:0;color:#59666f;font-size:11px;line-height:1.6}.tb-hp-limits code,.tb-hp-troubleshoot code{font-size:.9em}.tb-hp-troubleshoot{padding:94px 0;background:#f8f6f8}.tb-hp-trouble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.tb-hp-trouble-grid article{padding:20px;border:1px solid #ded6e1;background:#fff}.tb-hp-trouble-grid b{font:500 22px/1 var(--tb-serif);letter-spacing:-.04em}.tb-hp-trouble-grid p{margin:10px 0 0;color:#716a76;font-size:11px;line-height:1.58}.tb-hp-faq{padding:96px 0;background:#eee6f0}.tb-hp-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:78px}.tb-hp-faq-grid>div:first-child>p:not(.tb-eyebrow){max-width:370px;margin:18px 0 0;color:#756e79;font-size:13px;line-height:1.6}.tb-hp-faq-list{border-top:1px solid #d0c5d4}.tb-hp-faq-list details{border-bottom:1px solid #d0c5d4}.tb-hp-faq-list summary{display:flex;align-items:center;justify-content:space-between;padding:19px 2px;color:#4e4256;cursor:pointer;font:500 22px/1.1 var(--tb-serif);letter-spacing:-.04em;list-style:none}.tb-hp-faq-list summary::-webkit-details-marker{display:none}.tb-hp-faq-list summary span{color:#815f8f;font:500 27px/1 Arial}.tb-hp-faq-list details[open] summary span{transform:rotate(45deg)}.tb-hp-faq-list details p{max-width:660px;padding:0 2px 19px;margin:0;color:#6e6673;font-size:12px;line-height:1.63}.tb-hp-next{padding:92px 0;background:#f8f6f8}.tb-hp-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tb-hp-next-grid a{display:flex;min-height:220px;flex-direction:column;padding:21px;border:1px solid #dad2dd;background:#fff;transition:.2s}.tb-hp-next-grid a:hover{box-shadow:0 10px 20px rgba(68,52,79,.12);transform:translateY(-3px)}.tb-hp-next-grid span{color:#765d84;font-size:9px;font-weight:800;letter-spacing:.12em}.tb-hp-next-grid h3{margin:31px 0 10px;font:500 24px/1 var(--tb-serif);letter-spacing:-.05em}.tb-hp-next-grid p{margin:0;color:#716a76;font-size:11px;line-height:1.55}.tb-hp-next-grid b{padding-top:14px;margin-top:auto;color:#765b7f;font-size:10px}.tb-hp-policy-link{margin:18px 0 0;color:#766f79;font-size:10px}.tb-hp-policy-link a{text-decoration:underline;text-underline-offset:3px}@media(max-width:960px){.tb-hp-workspace,.tb-hp-fit-grid,.tb-hp-limits-grid,.tb-hp-faq-grid{grid-template-columns:1fr}.tb-hp-editor{border-right:0;border-bottom:1px solid #ddd5df}.tb-hp-fit-grid,.tb-hp-limits-grid,.tb-hp-faq-grid{gap:36px}.tb-hp-flow{grid-template-columns:1fr 1fr}.tb-hp-flow>i{display:none}.tb-hp-control-grid{grid-template-columns:1fr 1fr}.tb-hp-trouble-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.tb-hp-hero{padding-bottom:54px}.tb-hp-hero h1{font-size:49px}.tb-hp-hero-copy>p:not(.tb-eyebrow){font-size:15px}.tb-hp-tool-section,.tb-hp-fit,.tb-hp-process,.tb-hp-controls,.tb-hp-limits,.tb-hp-troubleshoot,.tb-hp-faq,.tb-hp-next{padding:64px 0}.tb-hp-tool-heading{align-items:flex-start;flex-direction:column}.tb-hp-tool-heading h2,.tb-hp-section-heading h2,.tb-hp-fit h2,.tb-hp-limits h2,.tb-hp-faq h2{font-size:38px}.tb-hp-toolbar{align-items:flex-start;flex-direction:column;padding:17px}.tb-hp-presets{display:grid;width:100%;grid-template-columns:1fr}.tb-hp-editor,.tb-hp-output{padding:21px 16px}.tb-hp-settings{grid-template-columns:1fr 1fr}.tb-hp-preview-frame,.tb-hp-png-result{min-height:310px;padding:10px}.tb-hp-output-actions{align-items:flex-start;flex-direction:column}.tb-hp-fit-cards,.tb-hp-flow,.tb-hp-control-grid,.tb-hp-limits-grid>div:last-child,.tb-hp-trouble-grid,.tb-hp-next-grid{grid-template-columns:1fr}.tb-hp-control-grid article{min-height:170px}.tb-hp-control-grid h3{margin-top:31px}}