.tl-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:30px}.tl-tile{position:relative;display:grid;align-content:start;gap:10px;padding:24px 24px 26px;min-height:190px;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.2,.6,.2,1),border-color var(--dur-fast)}.tl-tile>*{position:relative}.tl-tile h2{margin:6px 0 0;font-size:21px}.tl-tile p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.tl-tile__go{margin-top:auto;padding-top:8px;color:var(--gxd-accent);font-weight:600;font-size:14px}a.tl-tile:hover{transform:translateY(-3px);border-color:rgb(var(--gxd-accent-rgb) / .5)}.tl-tile.is-soon{opacity:.72}.tl-grid{display:grid;gap:18px;margin:28px 0 60px;align-items:start}.tl-grid--siren{grid-template-columns:270px minmax(0,1fr) 290px}.tl-grid>*,.tl-side>*{min-width:0}.tl-grid--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width: 1200px){.tl-grid--siren{grid-template-columns:1fr 1fr}.tl-grid--siren .tl-main{grid-column:1 / -1;order:-1}}@media (max-width: 760px){.tl-grid--siren,.tl-grid--two{grid-template-columns:1fr}}.tl-side{display:grid;gap:18px}.tl-card{padding:20px 22px}.tl-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:14px}.tl-card__head h2{margin:0;font-size:18px}.tl-card h3{margin:0 0 6px;font-size:16px}.tl-fine{color:var(--muted);font-size:12.5px;line-height:1.5;margin:10px 0 0}.tl-fine code{font-family:var(--font-mono);font-size:12px}.tl-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.tl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.tl-actions .btn[disabled]{opacity:.45;cursor:not-allowed}.tl-msg{margin:0 0 12px;padding:9px 12px;border-radius:8px;font-size:13.5px;border:1px solid}.tl-msg--ok{border-color:rgb(var(--gxd-accent-rgb) / .4);background:rgb(var(--gxd-accent-rgb) / .08)}.tl-msg--warn{border-color:#f0a82e80;background:#f0a82e1a}.tl-msg--err{border-color:#ff5a5a80;background:#ff5a5a1a}.tl-problems{margin:0 0 12px;padding:10px 12px 10px 26px;border-radius:8px;background:#ff5a5a14;border:1px solid rgba(255,90,90,.3);font-size:13px;color:#ffd0d0}.tl-problems--warn{background:#f0a82e14;border-color:#f0a82e59;color:#ffe3b3}.tl-field{display:grid;gap:4px;margin-bottom:10px}.tl-field label,.tl-filters label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tl-field input,.tl-field select,.tl-filters select,.tl-bpm input,.tl-seq__bone select,.tl-text{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--hairline-strong);background:#060e16b3;color:var(--text);font:inherit;font-size:13.5px}.tl-field input:focus-visible,.tl-field select:focus-visible,.tl-text:focus-visible,.tl-seq__bone select:focus-visible{outline:2px solid var(--gxd-accent);outline-offset:1px}.tl-text{min-height:220px;margin-top:12px;font-family:var(--font-mono);font-size:12px;resize:vertical}.tl-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.tl-filters label{display:grid;gap:4px}.tl-file{position:relative;overflow:hidden;cursor:pointer}.tl-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.tl-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tl-chip{padding:6px 11px;border-radius:999px;border:1px solid var(--hairline-strong);background:#0a16228c;color:var(--muted);font:600 12.5px var(--font);cursor:pointer}.tl-chip.is-on{color:#06121c;background:var(--gxd-accent);border-color:var(--gxd-accent)}.tl-kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--hairline);margin-bottom:12px;font-size:14px}.tl-cap{margin:0 0 12px;padding:10px 12px;border-radius:8px;font-size:13.5px;border:1px solid var(--hairline-strong)}.tl-cap--supported{border-color:#2bd96b73;background:#2bd96b14}.tl-cap--approximate{border-color:#f0a82e80;background:#f0a82e1a}.tl-cap--cannotconvert{border-color:#ff5a5a80;background:#ff5a5a14}.tl-check{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;margin:10px 0}.tl-details{margin-top:16px;font-size:13.5px;color:var(--muted)}.tl-details summary{cursor:pointer;color:var(--text);font-weight:600}.tl-cta{background:radial-gradient(80% 80% at 100% 0%,rgb(var(--gxd-accent-rgb) / .12),transparent 70%)!important}.tl-cta p{color:var(--muted);font-size:13.5px;margin:0 0 12px}.tl-presets{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.tl-preset{display:grid;gap:4px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--hairline);background:#0a162280;color:inherit;cursor:pointer;font:inherit;transition:border-color var(--dur-fast),background var(--dur-fast)}.tl-preset:hover{border-color:var(--hairline-strong);background:#0e1e2cb3}.tl-preset.is-on{border-color:rgb(var(--gxd-accent-rgb) / .7);background:rgb(var(--gxd-accent-rgb) / .1)}.tl-preset strong{font-size:13.5px}.tl-preset small{color:var(--muted);font-size:12px;line-height:1.4}.tl-preset__dots{display:flex;gap:4px}.tl-preset__dots i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.tl-transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tl-bpm{display:inline-flex;align-items:center;gap:6px;font-size:13px}.tl-bpm input{width:84px;padding:6px 8px}.tl-step{font-family:var(--font-mono);font-size:12px;color:var(--muted);min-width:80px}.tl-board{position:relative;height:240px;margin:4px 0 10px;border-radius:12px;background:radial-gradient(60% 80% at 50% 50%,rgba(255,255,255,.04),transparent 70%),#040a1099;border:1px solid var(--hairline);overflow:hidden}.tl-carwrap{position:absolute;left:50%;top:50%;width:250px;height:210px;transform:translate(-50%,-50%)}.tl-car{position:absolute;left:50%;top:50%;width:150px;height:200px;transform:translate(-50%,-50%);border-radius:40px 40px 34px 34px/48px 48px 30px 30px;background:linear-gradient(180deg,#788ca038,#3c506429);border:1px solid rgba(160,190,210,.3)}.tl-car__cab{position:absolute;left:14%;right:14%;top:24%;height:36%;border-radius:14px;background:#0a141e8c;border:1px solid rgba(160,190,210,.2)}.tl-lamp{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);transition:background .04s,box-shadow .04s}.tl-lamp.is-on{background:var(--c);box-shadow:0 0 10px 2px var(--c),0 0 30px 8px color-mix(in srgb,var(--c) 55%,transparent);border-color:#fff}.tl-board__tag{position:absolute;left:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.tl-board__tag--f{top:10px}.tl-board__tag--r{bottom:10px}.tl-board__extra{position:absolute;right:12px;bottom:10px;display:flex;gap:8px}.tl-lamp--inline{position:static;margin:0}.tl-paint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.tl-gridwrap{overflow:auto;border:1px solid var(--hairline);border-radius:10px}.tl-seq{border-collapse:separate;border-spacing:0;width:100%;min-width:820px;font-size:12px}.tl-seq th,.tl-seq td{padding:0;height:30px;text-align:center;border-bottom:1px solid var(--hairline)}.tl-seq thead th{font-family:var(--font-mono);font-weight:500;color:var(--dim);font-size:10.5px;height:24px;background:#060e16cc;position:sticky;top:0}.tl-seq th.is-now,.tl-seq td.is-now{background:#ffffff0f}.tl-seq .is-bar{border-left:1px solid var(--hairline-strong)}.tl-seq__lamp{width:176px;text-align:left!important;padding:0 8px!important;font-weight:500;white-space:nowrap}.tl-seq__lampin{display:flex;align-items:center;gap:6px}.tl-inline{width:96px;padding:4px 6px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text);font:inherit;font-size:12.5px}.tl-inline:hover,.tl-inline:focus-visible{border-color:var(--hairline-strong);background:#060e16b3;outline:none}.tl-color{width:68px;padding:4px;border-radius:6px;border:1px solid var(--hairline);background:#060e16b3;color:var(--text);font:inherit;font-size:11.5px;border-left:4px solid var(--c)}.tl-seq__bone{width:100px;padding:0 6px!important}.tl-seq__bone select{min-width:86px;padding:4px 6px;font-size:12px}.tl-cell{width:19px;cursor:crosshair;user-select:none}.tl-cell:before{content:"";display:block;width:14px;height:14px;margin:0 auto;border-radius:4px;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.tl-cell.is-on:before{background:var(--c);border-color:#fff;box-shadow:0 0 8px var(--c)}.tl-cell:hover:before{border-color:#fff}.tl-seq__act{width:84px;white-space:nowrap}.tl-mini{width:24px;height:24px;margin:0 1px;border-radius:6px;border:1px solid var(--hairline);background:#0a162299;color:var(--muted);cursor:pointer;font-size:14px;line-height:1}.tl-mini:hover{color:#fff;border-color:var(--hairline-strong)}.tl-adv{margin:4px 0 8px;padding:0;border:0;background:none;color:var(--gxd-accent);font:600 13px var(--font);cursor:pointer}.tl-advbody{padding:10px 12px;border-radius:8px;background:#060e1680;border:1px solid var(--hairline);margin-bottom:10px}.tl-bits{margin:6px 0 10px;padding:0;list-style:none;font-size:12.5px;display:grid;gap:4px}.tl-bits code{font-family:var(--font-mono);color:var(--gxd-accent)}.tl-bits small{color:var(--dim)}@media (prefers-reduced-motion: reduce){.tl-lamp,.tl-tile{transition:none}}.beta-note{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,176,60,.35);background:#ffb03c12;color:#e6edf1;font-size:13.5px;line-height:1.5}.beta-note p{margin:0}.beta-note a{color:#ffc46b}.beta-note__chip{flex:0 0 auto;margin-top:1px;padding:3px 8px;border-radius:4px;background:#ffb03c;color:#1a1006;font:800 10.5px/1.3 var(--font);letter-spacing:.12em;text-transform:uppercase}.h1-tag{display:block;margin-top:8px;font:500 clamp(14px,1.4vw,17px)/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--muted)}.tool-gate{margin:28px 0 36px;padding:36px 32px;border-radius:12px}.tool-gate--wait{padding:48px;text-align:center;color:var(--muted)}.tool-gate__in{max-width:62ch}.tool-gate h2{margin:10px 0;font-size:clamp(22px,2.4vw,30px)}.tool-gate p{color:var(--muted);line-height:1.6}.tool-gate__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.tool-gate__actions .btn{display:inline-flex;align-items:center;gap:8px}.ut{display:grid;gap:14px}.ut--two{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start}@media (max-width: 900px){.ut--two{grid-template-columns:1fr}}.ut-panel{padding:16px 18px 18px;border-radius:14px;background:#0a141db8;border:1px solid rgba(159,179,195,.16);display:grid;gap:12px}.ut-panel>h2{margin:0;font:700 11.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--gxd-accent)}.ut-field{display:grid;gap:5px;font-size:12px;color:var(--dim)}.ut-field small{color:var(--dim);font-weight:400;margin-left:4px}.ut-field input,.ut-field select{min-width:0;text-overflow:ellipsis;height:36px;padding:0 10px;border-radius:9px;border:1px solid rgba(159,179,195,.26);background:#070f17;color:var(--text);font-size:13.5px}.ut-field input[type=color]{padding:2px 4px;width:100%}.ut-field input[type=range]{padding:0;accent-color:var(--gxd-accent);width:100%;min-width:0}.ut-field{min-width:0}.ut-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ut-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.ut-check input{accent-color:var(--gxd-accent);width:15px;height:15px}.ut-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 12px}.ut-actions{display:flex;flex-wrap:wrap;gap:8px}.ut-btn{height:36px;min-height:min-content;padding:0 14px;border-radius:9px;border:1px solid rgba(159,179,195,.3);background:#ffffff0a;color:var(--text);font:600 13px var(--font);cursor:pointer}.ut-btn:hover:not(:disabled){border-color:rgb(var(--gxd-accent-rgb) / .6)}.ut-btn:disabled{opacity:.45;cursor:default}.ut-btn--primary{background:var(--gxd-accent);color:#021018;border-color:transparent}.ut-btn--sm{height:26px;padding:0 9px;font-size:11.5px}.ut-drop{position:relative;display:grid;gap:3px;padding:18px 16px;border-radius:12px;border:1px dashed rgba(159,179,195,.35);background:#ffffff05;cursor:pointer;text-align:center}.ut-drop:hover{border-color:rgb(var(--gxd-accent-rgb) / .6)}.ut-drop span{font-weight:700}.ut-drop small{color:var(--dim)}.ut-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.ut-code{width:100%;min-height:220px;padding:10px 12px;border-radius:10px;border:1px solid rgba(159,179,195,.22);background:#070f17;color:#d7e2ea;font:12.5px/1.5 var(--font-mono);resize:vertical}.ut-table{width:100%;border-collapse:collapse;font-size:12.5px}.ut-table th,.ut-table td{padding:7px 10px;text-align:left;border-bottom:1px solid rgba(159,179,195,.12);vertical-align:top}.ut-table th{color:var(--dim);font-weight:600}.ut-table tr.is-changed td{color:#ffd9a8}.ut-mono{font-family:var(--font-mono);font-size:12px;word-break:break-all}.ut-scroll{max-height:360px;overflow:auto;border-radius:10px;border:1px solid rgba(159,179,195,.12)}.ut-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ut-stats>div{padding:12px;border-radius:10px;background:#ffffff08;display:grid}.ut-stats b{font-size:22px}.ut-stats span{color:var(--dim);font-size:12px}.ut-warnings{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;color:#ffd9a8}.ut-msg{margin:0;padding:8px 11px;border-radius:9px;font-size:12.5px}.ut-msg--ok{background:#50c8781f;color:#9fe3b4}.ut-msg--err{background:#ff5a5a1f;color:#ffb3b3}.ut-msg--info{background:#ffffff0d;color:var(--text)}.ut-note{margin:0;font-size:12px;color:var(--dim);line-height:1.5}.ut-tabs{display:inline-flex;flex-wrap:wrap;max-width:100%;gap:3px;padding:3px;border-radius:10px;background:#070f17;border:1px solid rgba(159,179,195,.16)}.ut-tabs button{height:32px;min-height:min-content;padding:0 14px;border:0;border-radius:8px;background:none;color:var(--dim);font:600 13px var(--font);cursor:pointer}.ut-tabs button.is-on{background:rgb(var(--gxd-accent-rgb) / .16);color:var(--text)}.ut-canvas{width:100%;height:auto;border-radius:10px;border:1px solid rgba(159,179,195,.2);background:#000}.tl-pconly{margin-top:18px;padding:22px 20px;border-radius:14px;display:grid;gap:10px}.tl-pconly h2{margin:2px 0 0;font-size:20px}.tl-pconly p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.tl-pconly__url{font-family:var(--font-mono);font-size:13px;color:var(--text);word-break:break-all}.tl-pconly__row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.tl-pconly{margin-top:10px;padding:8px 12px;border-radius:10px;border:1px solid rgba(160,190,210,.16);background:#ffffff08;font-size:13px;color:var(--muted);display:inline-block}.tl-pconly b{color:var(--text)}.tl-pconly.is-mobile{border-color:#ffb03c73;background:#ffb03c14;color:#ffd79a}.tl-pconly.is-mobile b{color:#ffc46b}