.tr{display:flex;flex-direction:column;gap:20px;padding-bottom:32px}.tr-loading,.tr-empty{color:var(--text-dim);font-size:var(--fs-sm)}.tr-empty a,.tr-note a,.tr-msg a{color:var(--accent)}.tr-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.tr-title{margin:0;font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text)}.tr-lead{margin:6px 0 0;max-width:640px;font-size:var(--fs-base);line-height:1.5;color:var(--text-soft)}.tr-history-link{flex:none;color:var(--accent);font-size:var(--fs-sm);font-weight:700;text-decoration:none}.tr-history-link:hover{color:var(--accent-hover, var(--accent));text-decoration:underline}.tr-overview{display:flex;flex-direction:column;gap:20px}.tr-home-section,.tr-gallery-section{display:flex;flex-direction:column;gap:10px}.tr-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tr-section-head h2{margin:0;font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em;color:var(--text)}.tr-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;padding:0 6px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-xs);vertical-align:2px}.tr-active-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tr-active-card{display:grid;grid-template-columns:64px minmax(0,1fr) 14px;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:inherit;text-decoration:none;transition:transform var(--dur, .14s) ease,border-color var(--dur, .14s) ease}.tr-active-card:hover{transform:translateY(-1px);border-color:var(--border-strong);text-decoration:none}.tr-active-media{display:block;width:64px;height:80px;overflow:hidden;border-radius:10px;background:var(--bg-deep)}.tr-active-media img,.tr-active-media video{display:block;width:100%;height:100%;object-fit:cover}.tr-active-media audio{width:100%}.tr-active-body{display:flex;min-width:0;flex-direction:column;gap:8px}.tr-active-title{overflow:hidden;color:var(--text);font-size:var(--fs-sm);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.tr-active-bar{display:block;height:6px;overflow:hidden;border-radius:3px;background:var(--elev-2)}.tr-active-bar span{display:block;height:100%;border-radius:inherit;background:var(--brand-grad);transition:width .6s ease}.tr-active-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-dim);font-size:var(--fs-micro);font-variant-numeric:tabular-nums}.tr-active-meta b{color:var(--warn);font-weight:700}.tr-active-arrow{color:var(--text-dim);font-size:24px;line-height:1}.tr-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tr-recent-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:inherit;text-decoration:none;transition:transform var(--dur, .14s) ease,border-color var(--dur, .14s) ease}.tr-recent-card:hover{transform:translateY(-2px);border-color:var(--border-strong);text-decoration:none}.tr-recent-media{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-deep)}.tr-recent-media img,.tr-recent-media video{display:block;width:100%;height:100%;object-fit:cover}.tr-recent-media audio{position:absolute;left:8px;right:8px;bottom:8px;width:calc(100% - 16px)}.tr-recent-ready{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--radius-pill);background:#07150fc7;color:#baf2d1;font-size:var(--fs-micro);font-weight:700;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.tr-recent-body{display:flex;min-width:0;flex-direction:column;gap:3px;padding:9px 10px 10px}.tr-recent-body b{overflow:hidden;color:var(--text);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.tr-recent-body span,.tr-recent-body small{overflow:hidden;color:var(--text-dim);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap}.tr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.tr-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:inherit;text-decoration:none;transition:transform var(--dur, .14s) ease,border-color var(--dur, .14s) ease}.tr-card:hover{transform:translateY(-2px);border-color:var(--border-strong);text-decoration:none}.tr-card-media{position:relative;display:block;aspect-ratio:9 / 16;background:var(--bg-deep);overflow:hidden}.tr-card-media img,.tr-card-media video{display:block;width:100%;height:100%;object-fit:cover}.tr-card-media .tr-card-preview{position:absolute;inset:0;opacity:0;pointer-events:none}.tr-card.is-previewing .tr-card-preview{opacity:1}.tr-card-preview-badge,.tr-stage-example-label{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:var(--radius-pill);background:#000000a6;color:#fff;font-size:var(--fs-xs);font-weight:600;pointer-events:none}.tr-card.is-previewing .tr-card-preview-badge{opacity:0}.tr-stage-example-label{top:10px;bottom:auto}.tr-card-run .tr-card-media{aspect-ratio:4 / 5}.tr-media-empty{display:block;width:100%;height:100%;background:linear-gradient(160deg,var(--elev-2),var(--elev-1))}.tr-card-body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}.tr-card-title{font-size:var(--fs-base);font-weight:700;color:var(--text);line-height:1.3}.tr-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-dim)}.tr-card-price{margin-left:auto;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.tr-card-date{font-variant-numeric:tabular-nums}.tr-card-price s{color:var(--text-dim);font-weight:600}.tr-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-micro);font-weight:700}.tr-status{font-weight:600}.tr-status-run{color:var(--warn)}.tr-status-ok{color:var(--success)}.tr-status-bad{color:var(--danger)}.tr-back{align-self:flex-start;font-size:var(--fs-sm);color:var(--text-dim);text-decoration:none}.tr-back:hover{color:var(--text)}.tr-detail{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:start}.tr-detail-media{position:sticky;top:16px;aspect-ratio:9 / 16;max-height:calc(100dvh - 120px);border-radius:var(--radius-panel, 18px);overflow:hidden;background:var(--bg-deep);border:1px solid var(--border)}.tr-detail-media img,.tr-detail-media video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.tr-detail-media audio{position:absolute;left:12px;right:12px;bottom:12px;width:calc(100% - 24px)}.tr-detail-side{display:flex;flex-direction:column;gap:14px;max-width:560px}.tr-title-row{display:flex;align-items:center;gap:10px}.tr-title-row .tr-title{min-width:0}.tr-share{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--elev-1);color:var(--text-soft);cursor:pointer;transition:color .14s ease,border-color .14s ease}.tr-share:hover{color:var(--accent);border-color:var(--border-strong)}.tr-share:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tr-share svg{width:18px;height:18px}.tr-share.is-done{color:var(--success);border-color:var(--success)}.tr-ssr{margin:0;padding-left:18px;color:var(--text-soft);line-height:1.8}.tr-ssr a{color:var(--accent)}.tr-form{display:flex;flex-direction:column;gap:14px}.tr-slot{display:flex;flex-direction:column;gap:6px}.tr-slot-label{font-size:var(--fs-sm);font-weight:700;color:var(--text)}.tr-slot-label i{font-style:normal;font-weight:500;color:var(--text-dim);margin-left:4px}.tr-slot-desc{margin-top:-2px;font-size:var(--fs-xs);line-height:1.45;color:var(--text-dim)}.tr-drop{display:flex;align-items:center;gap:14px;min-height:92px;padding:12px 14px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--elev-1);cursor:pointer;transition:background .14s ease,border-color .14s ease}.tr-drop:hover,.tr-drop.is-over,.tr-drop:focus-visible{background:var(--accent-soft);border-color:var(--accent);outline:none}.tr-drop.is-busy{opacity:.55;pointer-events:none}.tr-drop.is-busy .tr-drop-text:after{content:" \b7  \437\430\433\440\443\436\430\44e\2026";color:var(--text-dim);font-weight:500}.tr-drop-icon{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:28px;font-weight:300}.tr-drop-preview{flex:none;width:68px;height:68px;border-radius:10px;overflow:hidden;background:var(--bg-deep)}.tr-drop-preview img,.tr-drop-preview video{width:100%;height:100%;object-fit:cover;display:block}.tr-drop-text{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-sm);font-weight:600;color:var(--text)}.tr-drop-text small{font-size:var(--fs-xs);font-weight:500;color:var(--text-dim)}.tr-slot.has-file .tr-drop{border-style:solid;border-color:var(--border)}.tr-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.tr-variant{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-card);background:var(--elev-1);color:var(--text);text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease}.tr-variant:hover{border-color:var(--border-strong)}.tr-variant:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tr-variant.is-on{border-color:var(--accent);background:var(--accent-soft)}.tr-variant-label{font-size:var(--fs-sm);font-weight:700}.tr-variant-price{font-size:var(--fs-xs);font-weight:600;color:var(--text-dim)}.tr-variant.is-on .tr-variant-price{color:var(--accent)}.tr-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--accent);font-size:var(--fs-xs);font-weight:600;cursor:pointer}.tr-input{height:44px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--elev-1);color:var(--text);font-size:var(--fs-base)}.tr-input:focus{outline:none;border-color:var(--border-strong)}.tr-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap, 44px);padding:0 22px;border:0;border-radius:var(--radius);background:linear-gradient(180deg,var(--accent-fill-from),var(--accent-fill-to));color:var(--accent-ink);font-size:var(--fs-base);font-weight:800;text-decoration:none;cursor:pointer}.tr-form .tr-go{width:100%}.tr-go:hover{filter:brightness(1.05);text-decoration:none}.tr-go:disabled{opacity:.45;cursor:not-allowed;filter:none}.tr-secondary{display:inline-flex;align-items:center;min-height:var(--tap, 44px);padding:0 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--elev-1);color:var(--text);font-size:var(--fs-base);font-weight:700;cursor:pointer}.tr-secondary:hover{background:var(--elev-2)}.tr-note{margin:0;font-size:var(--fs-xs);line-height:1.5;color:var(--text-dim)}.tr-msg{margin:0;padding:10px 12px;border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm)}.tr-run{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface)}.tr-run-title{margin:0;font-size:var(--fs-lg);font-weight:800;color:var(--text)}.tr-run-ok .tr-run-title{color:var(--success)}.tr-run-bad .tr-run-title{color:var(--danger)}.tr-run-meta{margin:0;font-size:var(--fs-sm);color:var(--text-soft);font-variant-numeric:tabular-nums}.tr-bar{height:8px;border-radius:4px;background:var(--elev-2);overflow:hidden}.tr-bar span{display:block;height:100%;border-radius:4px;background:var(--brand-grad);transition:width .6s ease;position:relative}.tr-bar span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:tr-shine 1.6s linear infinite}@keyframes tr-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tr-actions{display:flex;gap:8px;flex-wrap:wrap}.tr-outs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.tr-out{padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;aspect-ratio:1;background:var(--bg-deep);cursor:pointer}.tr-out img,.tr-out video{width:100%;height:100%;object-fit:cover;display:block}.tr-example{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.tr-example-title{margin:0;font-size:var(--fs-base);font-weight:700;color:var(--text)}.tr-ex-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:start}.tr-ex-flow>.tr-ex-side:only-child{grid-column:1 / -1;max-width:280px}.tr-ex-side{display:flex;flex-direction:column;gap:6px;min-width:0}.tr-ex-cap{font-size:var(--fs-micro);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.tr-ex-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.tr-ex-item{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0}.tr-ex-item figcaption{overflow:hidden;font-size:var(--fs-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap}.tr-ex-media{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-deep)}.tr-ex-media img,.tr-ex-media video{display:block;width:100%;height:100%;object-fit:cover}.tr-ex-result img,.tr-ex-result video{object-fit:contain;background:#000}.tr-ex-media:has(audio){aspect-ratio:auto;border:0;background:none}.tr-ex-media audio{display:block;width:100%}.tr-ex-sound{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 10px;border:0;border-radius:var(--radius-pill);background:#0009;color:#fff;font:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tr-ex-sound svg{width:16px;height:16px;flex:none}.tr-ex-sound[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.tr-ex-sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tr-ex-text blockquote{margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--elev-1);font-size:var(--fs-sm);line-height:1.4;color:var(--text);overflow-wrap:anywhere}.tr-ex-arrow{align-self:center;font-size:20px;line-height:1;color:var(--text-dim)}@media(max-width:560px){.tr-ex-flow{gap:8px}.tr-ex-inputs{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.tr-ex-arrow{font-size:16px}.tr-ex-sound{right:6px;bottom:6px;min-height:36px;padding:0 10px}.tr-ex-sound span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media(max-width:760px){.tr-title{font-size:var(--fs-xl)}.tr-history-link{padding:4px 0}.tr-active-grid{grid-template-columns:minmax(0,1fr)}.tr-active-card{grid-template-columns:60px minmax(0,1fr) 12px;gap:10px}.tr-active-media{width:60px;height:74px}.tr-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-recent-card:nth-child(n+3){display:none}.tr-recent-body b{font-size:var(--fs-xs)}.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tr-card-body{padding:8px 10px 10px}.tr-card-title{font-size:var(--fs-sm)}.tr-detail{grid-template-columns:minmax(0,1fr);gap:16px}.tr-detail-media{position:relative;top:0;max-height:42dvh;justify-self:center;width:min(100%,23.625dvh)}}