.tb-root,.tb-mob{--tb-card:#fff;--tb-card-2:#f5f5f4;--tb-card-3:#ededeb;--tb-text:#18181b;--tb-text-2:#52525b;--tb-text-3:#a1a1aa;--tb-accent:#ff7b10;--tb-accent-2:#e56a02;--tb-accent-soft:#fff4eb;--tb-border:#e7e5e4;--tb-border-2:#d4d4d8;--tb-pitch:#2f7d4d;--tb-s1:0 1px 2px #18181b0a,0 1px 1px #18181b05;--tb-s2:0 8px 24px -8px #18181b1a,0 2px 6px #18181b0a;--tb-s3:0 18px 48px -12px #18181b38;--tb-r-sm:6px;--tb-r-md:10px;--tb-r-lg:14px;--tb-r-xl:20px;--p-gk:#16a34a;--p-def:#2563eb;--p-mid:#f59e0b;--p-att:#dc2626}.dark .tb-root,.dark .tb-mob{--tb-card:#18181b;--tb-card-2:#1f1f22;--tb-card-3:#27272a;--tb-text:#fafaf9;--tb-text-2:#a1a1aa;--tb-text-3:#71717a;--tb-accent-2:#ff9442;--tb-accent-soft:#ff7b1021;--tb-border:#27272a;--tb-border-2:#3f3f46;--tb-pitch:#1f5a38;--tb-s1:0 1px 2px #0006;--tb-s2:0 8px 24px -8px #0009;--tb-s3:0 18px 48px -12px #000000b3}.tb-root{color:var(--tb-text);font-size:14px;line-height:1.5}.tb-root *,.tb-root :before,.tb-root :after{box-sizing:border-box}.tb-frame{max-width:none;margin:0;padding:8px max(12px,min(2.2vw,48px)) 40px}.tb-mono{font-family:JetBrains Mono,ui-monospace,monospace}.tb-btn{font:inherit;cursor:pointer;border-radius:var(--tb-r-md);white-space:nowrap;color:var(--tb-text);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:transform .12s,filter .12s,background .12s,border-color .12s;display:inline-flex}.tb-btn svg{width:16px;height:16px}.tb-btn.primary{background:var(--tb-accent);color:#fff;box-shadow:var(--tb-s1)}.tb-btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.tb-btn.ghost{background:var(--tb-card);color:var(--tb-text);border-color:var(--tb-border-2)}.tb-btn.ghost:hover{background:var(--tb-card-2)}.tb-btn.soft{background:var(--tb-card-2);color:var(--tb-text-2);border-color:var(--tb-border)}.tb-btn.soft:hover{color:var(--tb-text);border-color:var(--tb-border-2)}.tb-btn.icon{width:38px;padding:9px}.tb-btn:disabled{opacity:.5;cursor:default;filter:none;transform:none}.tb-strap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;max-width:104vh;margin:6px auto 14px;display:flex}.tb-strap .crumb{letter-spacing:.12em;text-transform:uppercase;color:var(--tb-text-3);margin-bottom:7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.tb-strap .crumb b{color:var(--tb-accent);font-weight:700}.tb-strap h1{letter-spacing:-.025em;align-items:center;gap:10px;margin:0;font-size:27px;font-weight:800;line-height:1.1;display:flex}.tb-strap h1 .em{color:var(--tb-accent)}.tb-strap .sub{color:var(--tb-text-2);max-width:60ch;margin:5px 0 0;font-size:13.5px}.tb-strap .sub a{color:var(--tb-accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.tb-board{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-r-lg);box-shadow:var(--tb-s1);max-width:104vh;margin-inline-start:auto;margin-inline-end:auto;overflow:hidden}.tb-skel-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--tb-r-lg,14px);width:100%;box-shadow:var(--shadow-sm);margin:0 auto;overflow:hidden}.tb-skel-card.is-viewer{max-width:104vh}.tb-skel-bar{border-bottom:1px solid var(--color-border);height:57px}.tb-skel-tools{border-bottom:1px solid var(--color-border);height:116px}.tb-skel-pitch{width:100%;aspect-ratio:var(--tb-ar-p,.7692);background:var(--color-input-bg,var(--background));max-height:80vh}.tb-skel-rail{border-top:1px solid var(--color-border);height:48px}@media (min-width:900px) and (orientation:landscape){.tb-skel-card{max-width:104vh}.tb-skel-pitch{aspect-ratio:var(--tb-ar-l,1.3)}.tb-skel-tools{height:58px}.tb-skel-rail{height:57px}}.tb-actbar{border-bottom:1px solid var(--tb-border);background:var(--tb-card);align-items:center;gap:14px;padding:12px 16px;display:flex}.tb-actbar .title{letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.tb-actbar .title .emoji{font-size:19px}.tb-actbar .spacer{flex:1}.tb-actbar .acts{gap:8px;display:flex}.tb-export{display:inline-flex;position:relative}.tb-pop{z-index:30;background:var(--tb-card);border:1px solid var(--tb-border-2);border-radius:var(--tb-r-md);min-width:244px;box-shadow:var(--tb-s3);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.tb-pop-h{letter-spacing:.12em;text-transform:uppercase;color:var(--tb-text-3);padding:6px 8px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:700}.tb-pop-item{border-radius:var(--tb-r-sm);cursor:pointer;width:100%;color:var(--tb-text);font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;display:flex}.tb-pop-item:hover{background:var(--tb-card-2)}.tb-pop-item .t{font-size:13px;font-weight:600}.tb-pop-item .d{color:var(--tb-text-3);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.tb-resume{background:var(--tb-card-2);border-bottom:1px solid var(--tb-border);flex-wrap:wrap;align-items:center;gap:12px;padding:9px 16px;font-size:12.5px;display:flex}.tb-resume .status{color:var(--tb-text-2);align-items:center;gap:7px;display:inline-flex}.tb-resume .status .check{color:#16a34a;font-weight:700}.tb-saved-dot{background:#16a34a;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 3px #16a34a2e}.tb-resume .link{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:999px;align-items:center;gap:6px;max-width:380px;margin-left:auto;padding:4px 4px 4px 12px;display:flex}.tb-resume .link input{font:inherit;color:var(--tb-text-2);background:0 0;border:0;outline:none;width:210px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.tb-resume .link button{background:var(--tb-accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.tb-resume .link button svg{width:13px;height:13px}.tb-toolbar{border-bottom:1px solid var(--tb-border);background:var(--tb-card-2);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.tb-tgroup{align-items:center;gap:6px;display:flex}.tb-tdiv{background:var(--tb-border-2);align-self:stretch;width:1px;margin:2px 4px}.tb-actions-inline{align-items:center;gap:6px;margin-left:auto;display:flex}.tb-formation{cursor:pointer;white-space:nowrap;background:var(--tb-card);border:1px solid var(--tb-border-2);border-radius:var(--tb-r-md);color:var(--tb-text);font-size:13px;font-weight:600;font:inherit;align-items:center;gap:8px;padding:7px 10px 7px 12px;display:inline-flex}.tb-formation:hover{border-color:var(--tb-accent)}.tb-formation .tb-grouplbl{letter-spacing:.1em}.tb-formation select{font:inherit;color:var(--tb-text);cursor:pointer;background:0 0;border:0;outline:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.tb-tool{cursor:pointer;background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-r-sm);width:38px;height:38px;color:var(--tb-text-2);justify-content:center;align-items:center;padding:8px;transition:all .12s;display:inline-flex}.tb-tool svg{width:17px;height:17px}.tb-tool:hover{border-color:var(--tb-border-2);color:var(--tb-text);background:var(--tb-card-2)}.tb-tool.on{background:var(--tb-accent-soft);border-color:var(--tb-accent);color:var(--tb-accent-2)}.dark .tb-tool.on{color:var(--tb-accent)}.tb-colors{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tb-swatch{cursor:pointer;border:2px solid var(--tb-card);width:24px;height:24px;box-shadow:0 0 0 1px var(--tb-border-2);border-radius:99px;padding:0;transition:transform .1s}.tb-swatch:hover{transform:scale(1.12)}.tb-swatch.on{box-shadow:0 0 0 2px var(--tb-accent);transform:scale(1.12)}.tb-swatch.custom{position:relative;overflow:hidden}.tb-swatch.custom input{cursor:pointer;border:0;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.tb-grouplbl{letter-spacing:.13em;text-transform:uppercase;color:var(--tb-text-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:700}.tb-pitch-wrap{background:var(--tb-pitch);width:100%;position:relative}.tb-pitch-wrap .tb-zoom{z-index:4;border:1px solid var(--tb-border);border-radius:var(--tb-r-md);box-shadow:var(--tb-s2);flex-direction:column;gap:1px;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden}.tb-zoom button{background:var(--tb-card);width:34px;height:32px;color:var(--tb-text);cursor:pointer;border:0;place-items:center;font-size:15px;font-weight:600;display:grid}.tb-zoom button:hover{background:var(--tb-card-2);color:var(--tb-accent)}.tb-zoom button:disabled{opacity:.4;cursor:default}.tb-zoom button svg{width:15px;height:15px}.tb-steprail{border-top:1px solid var(--tb-border);background:var(--tb-card-2);align-items:center;gap:10px;padding:11px 16px;display:flex}.tb-steprail .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--tb-text-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700}.tb-steps{align-items:center;gap:6px;display:flex;overflow-x:auto}.tb-step{cursor:pointer;border:1px solid var(--tb-border-2);background:var(--tb-card);min-width:30px;height:30px;color:var(--tb-text-2);border-radius:8px;flex-shrink:0;place-items:center;padding:0 4px;font-size:13px;font-weight:700;display:grid}.tb-step.on{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff;box-shadow:var(--tb-s1)}.tb-step-add,.tb-step-del{cursor:pointer;border:1px dashed var(--tb-border-2);width:30px;height:30px;color:var(--tb-text-2);background:0 0;border-radius:8px;flex-shrink:0;place-items:center;font-size:16px;display:grid}.tb-step-add:hover{border-color:var(--tb-accent);color:var(--tb-accent)}.tb-step-del:hover{border-color:var(--p-att);color:var(--p-att)}.tb-steprail .rsep{flex:1}.tb-savemsg{color:var(--tb-text-2);background:var(--tb-card-2);border-bottom:1px solid var(--tb-border);padding:8px 16px;font-size:12.5px}.tb-mob{width:100%;color:var(--tb-text)}.tb-mob .m-actbar{border:1px solid var(--tb-border);border-radius:var(--tb-r-lg)var(--tb-r-lg)0 0;background:var(--tb-card);align-items:center;gap:8px;padding:9px 12px;display:flex}.tb-mob .m-actbar .title{align-items:center;gap:7px;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.tb-mob .m-actbar .sp{flex:1}.tb-mob .m-iconbtn{border-radius:var(--tb-r-md);border:1px solid var(--tb-border-2);background:var(--tb-card);width:38px;height:38px;color:var(--tb-text-2);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.tb-mob .m-iconbtn:disabled{opacity:.5}.tb-mob .m-iconbtn.primary{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}.tb-mob .m-iconbtn svg{width:17px;height:17px}.tb-mob .m-toolbar{background:var(--tb-card);border-left:1px solid var(--tb-border);border-right:1px solid var(--tb-border);border-bottom:1px solid var(--tb-border)}.tb-mob .m-bar-top{border-bottom:1px solid var(--tb-border);align-items:center;gap:8px;padding:9px 12px;display:flex}.tb-mob .m-bar-top .tb-formation{flex-shrink:0}.tb-mob .m-tools-scroll{align-items:center;gap:7px;padding:10px 12px;display:flex;overflow-x:auto}.tb-mob .m-tool{border-radius:var(--tb-r-md);border:1px solid var(--tb-border);background:var(--tb-card-2);min-width:46px;height:46px;color:var(--tb-text-2);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:0 6px;display:flex}.tb-mob .m-tool svg{width:18px;height:18px}.tb-mob .m-tool .l{font-size:8.5px;font-weight:700}.tb-mob .m-tool.on{background:var(--tb-accent-soft);border-color:var(--tb-accent);color:var(--tb-accent-2)}.dark .tb-mob .m-tool.on{color:var(--tb-accent)}.tb-mob .m-pitchzone{border-left:1px solid var(--tb-border);border-right:1px solid var(--tb-border);background:var(--tb-pitch)}.tb-mob .m-steprail{border:1px solid var(--tb-border);background:var(--tb-card-2);align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.tb-mob .m-resume{background:var(--tb-card-2);border:1px solid var(--tb-border);border-radius:0 0 var(--tb-r-lg)var(--tb-r-lg);color:var(--tb-text-2);border-top:0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.tb-mob .m-resume .check{color:#16a34a;font-weight:700}.tb-mob .m-resume .link{cursor:pointer;color:var(--tb-accent);align-items:center;gap:5px;margin-left:auto;font-weight:600;display:inline-flex}.tb-mob .m-swatch{border:2px solid var(--tb-card);width:28px;height:28px;box-shadow:0 0 0 1px var(--tb-border-2);cursor:pointer;border-radius:99px;flex-shrink:0;padding:0}.tb-mob .m-swatch.on{box-shadow:0 0 0 2px var(--tb-accent)}.tb-seo{max-width:104vh;margin:30px auto 0}.tb-seo .seo-head{border-top:1px solid var(--tb-border);padding-top:30px}.tb-seo h2.seo-h1{letter-spacing:-.03em;max-width:22ch;color:var(--tb-text);margin:0;font-size:max(28px,min(3.4vw,40px));font-weight:800;line-height:1.05}.tb-seo h2.seo-h1 em{color:var(--tb-accent);font-style:normal}.tb-seo .intro{color:var(--tb-text-2);max-width:66ch;margin:14px 0 0;font-size:15px;line-height:1.7}.tb-seo .intro b{color:var(--tb-text);font-weight:600}.tb-seo .seo-eb{letter-spacing:.14em;text-transform:uppercase;color:var(--tb-accent);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:700;display:inline-block}.tb-seo h3.seo-h2{letter-spacing:-.02em;color:var(--tb-text);margin:0 0 16px;font-size:24px;font-weight:800}.tb-howto{margin-top:36px}.tb-howto-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tb-howto-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:var(--tb-r-lg);box-shadow:var(--tb-s1);padding:20px}.tb-howto-card .num{letter-spacing:.1em;color:var(--tb-text-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700}.tb-howto-card .ico{background:var(--tb-accent-soft);width:34px;height:34px;color:var(--tb-accent);border-radius:9px;place-items:center;margin:10px 0 12px;display:grid}.tb-howto-card .ico svg{width:18px;height:18px}.tb-howto-card h4{letter-spacing:-.01em;color:var(--tb-text);margin:0 0 6px;font-size:16px;font-weight:700}.tb-howto-card p{color:var(--tb-text-2);margin:0;font-size:13px;line-height:1.55}.tb-faq{max-width:820px;margin-top:36px}.tb-faq details{border-top:1px solid var(--tb-border);padding:15px 0}.tb-faq details:last-child{border-bottom:1px solid var(--tb-border)}.tb-faq summary{cursor:pointer;letter-spacing:-.01em;color:var(--tb-text);justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:700;list-style:none;display:flex}.tb-faq summary::-webkit-details-marker{display:none}.tb-faq summary:after{content:"+";color:var(--tb-accent);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:20px;font-weight:400;transition:transform .2s}.tb-faq details[open] summary:after{transform:rotate(45deg)}.tb-faq .ans{color:var(--tb-text-2);margin:11px 0 0;padding-right:18px;font-size:13.5px;line-height:1.7}.tb-faq .ans b{color:var(--tb-text);font-weight:600}.tb-faq .ans a{color:var(--tb-accent);font-weight:600}.tb-links{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.tb-links a{background:var(--tb-card);border:1px solid var(--tb-border);color:var(--tb-text-2);border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.tb-links a:hover{border-color:var(--tb-accent);color:var(--tb-accent)}.tb-links a .arr{color:var(--tb-text-3)}@media (max-width:900px){.tb-howto-grid{grid-template-columns:repeat(2,1fr)}}