.tbp-hero{border-bottom:1px solid var(--line)}.tbp-heroInner{max-width:1160px;margin:0 auto;padding:56px 40px 36px}.tbp-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--dim);letter-spacing:.12em;margin-bottom:14px}.tbp-h1{font-size:44px;letter-spacing:-1.8px;font-weight:600;margin:0 0 16px;max-width:820px}.tbp-dek{font-size:17px;line-height:1.6;color:var(--mut);margin:0 0 10px;max-width:660px;text-wrap:pretty}.tbp-heroMeta{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--dim);margin:0}.tbp-tool{max-width:1160px;margin:0 auto;padding:34px 40px 20px}.tbp-notes{border-top:1px solid var(--line);background:var(--bg2)}.tbp-notesInner{max-width:1160px;margin:0 auto;padding:48px 40px 56px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.tbp-h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0 0 16px}.tbp-faqQ{font-size:15px;font-weight:600;margin:0 0 6px}.tbp-faqA{font-size:14px;line-height:1.6;color:var(--mut);margin:0 0 18px;text-wrap:pretty}.tbp-steps{margin:0;padding:0;list-style:none;counter-reset:s}.tbp-step{counter-increment:s;display:flex;gap:14px;margin-bottom:18px}.tbp-step:before{content:counter(s);font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ac);border:1px solid var(--line3);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tbp-stepBody{font-size:14px;line-height:1.6;color:var(--mut);margin:0}.tbp-stepBody b{color:var(--tx2);font-weight:600}.tbp-cta{border-top:1px solid var(--line)}.tbp-ctaInner{max-width:1160px;margin:0 auto;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.tbp-ctaTitle{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0 0 6px}.tbp-ctaBody{font-size:14px;color:var(--mut);margin:0;max-width:520px}.tbp-ctaLink{background:var(--tx);color:var(--bg);padding:13px 20px;border-radius:10px;font-size:14px;font-weight:600;white-space:nowrap}.tb-grid{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.tb-controls{display:flex;flex-direction:column;gap:18px}.tb-modeRow{display:flex;gap:6px}.tb-modeBtn{flex:1;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--mut2);background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px;min-height:40px;cursor:pointer}.tb-modeBtn[data-on]{color:var(--tx);border-color:var(--ac)}.tb-field{display:block}.tb-fieldLabel{display:block;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--dim);letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.tb-fieldRow{display:flex;gap:8px}.tb-color{width:44px;height:40px;padding:0;border:1px solid var(--line2);border-radius:8px;background:transparent;cursor:pointer;flex-shrink:0}.tb-hex,.tb-name{flex:1;width:100%;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--tx);background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;min-height:40px}.tb-hex:focus-visible,.tb-name:focus-visible{outline:2px solid var(--ac);outline-offset:1px}.tb-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--mut);line-height:1.5;cursor:pointer}.tb-check input{margin-top:2px;accent-color:var(--ac);width:16px;height:16px;flex-shrink:0}.tb-checkNote{display:block;font-size:12px;color:var(--dim);margin-top:3px}.tb-ratios{border:1px solid var(--line);border-radius:10px;padding:4px 12px;background:var(--panel)}.tb-ratio{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--hair);font-size:12px}.tb-ratio:last-child{border-bottom:none}.tb-ratioLabel{color:var(--mut2)}.tb-ratioValue{font-family:IBM Plex Mono,monospace;white-space:nowrap}.tb-actions{display:flex;gap:8px}.tb-apply{flex:1;background:var(--ac);color:var(--onAccent);border:none;border-radius:9px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.tb-reset{background:transparent;color:var(--mut2);border:1px solid var(--line3);border-radius:9px;padding:12px 14px;font-size:13px;cursor:pointer;min-height:44px;white-space:nowrap}.tb-startsLabel{display:block;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--dim);letter-spacing:.1em;margin-bottom:8px}.tb-startsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tb-start{display:flex;align-items:center;gap:6px;border:1px solid;border-radius:8px;padding:8px;cursor:pointer;min-height:36px;overflow:hidden}.tb-startDot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.tb-startName{font-family:IBM Plex Mono,monospace;font-size:10px;color:#fff;mix-blend-mode:difference;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-preview{background:var(--bg);border:1px solid var(--line2);border-radius:14px;overflow:hidden;color:var(--tx);min-height:100%}.tb-previewInner{padding:22px 24px 24px}.tb-pvHead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.tb-pvTitle{font-size:24px;font-weight:600;letter-spacing:-.9px}.tb-pvMeta,.tb-pvShields{font-family:IBM Plex Mono,monospace;font-size:11px}.tb-pvMeta{color:var(--dim);margin-top:3px}.tb-pvShields{color:var(--ac);font-size:12px}.tb-pvRow{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--hair)}.tb-pvBox{width:20px;height:20px;border-radius:6px;border:1px solid var(--strong);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.tb-pvBox[data-done]{background:var(--ac);border-color:transparent;color:var(--onAccent)}.tb-pvName{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tb-pvName b{font-size:14px;font-weight:500}.tb-pvName i{font-family:IBM Plex Mono,monospace;font-size:11px;font-style:normal;color:var(--dim)}.tb-pvVal{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--dim)}.tb-pvVal[data-done]{color:var(--ac)}.tb-pvGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,1fr));grid-template-columns:repeat(25,1fr);gap:3px;margin:20px 0 18px}.tb-pvCell{aspect-ratio:1;border-radius:2px}.tb-pvFoot{display:flex;align-items:center;gap:14px}.tb-pvCta{background:var(--ac);color:var(--onAccent);border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.tb-pvNeg{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--neg)}.tb-out{margin-top:22px;border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:var(--panel)}.tb-outHead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tb-tabs{display:flex;gap:4px}.tb-tab{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--mut2);background:transparent;border:1px solid transparent;border-radius:7px;padding:8px 12px;cursor:pointer;min-height:36px}.tb-tab[data-on]{color:var(--tx);border-color:var(--line3);background:var(--bg2)}.tb-copy{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--tx);background:var(--bg2);border:1px solid var(--line3);border-radius:7px;padding:8px 14px;cursor:pointer;min-height:36px}.tb-outNote{font-size:13px;line-height:1.6;color:var(--mut);margin:0;padding:14px 14px 0;text-wrap:pretty}.tb-code{display:block;width:100%;border:none;background:transparent;color:var(--mut);font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.65;padding:14px;resize:vertical;white-space:pre;overflow:auto}.tb-code:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}@media(max-width:940px){.tb-grid{grid-template-columns:1fr}.tbp-notesInner{grid-template-columns:1fr;gap:28px}}@media(max-width:720px){.tbp-heroInner,.tbp-tool,.tbp-notesInner,.tbp-ctaInner{padding-left:20px;padding-right:20px}.tbp-h1{font-size:32px;letter-spacing:-1.2px}.tb-startsRow{grid-template-columns:repeat(2,1fr)}}