.tf-wrap[data-astro-cid-qdahdpma]{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.breadcrumb[data-astro-cid-qdahdpma]{font-size:.83rem;color:var(--muted);margin-bottom:1rem}.breadcrumb[data-astro-cid-qdahdpma] a[data-astro-cid-qdahdpma]{color:var(--muted);text-decoration:none}.breadcrumb[data-astro-cid-qdahdpma] a[data-astro-cid-qdahdpma]:hover{color:var(--brand)}h1[data-astro-cid-qdahdpma]{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 .5rem}.lead[data-astro-cid-qdahdpma]{color:var(--muted);margin:0 0 1.5rem;max-width:70ch;line-height:1.6}.lead[data-astro-cid-qdahdpma] code[data-astro-cid-qdahdpma],p[data-astro-cid-qdahdpma] code[data-astro-cid-qdahdpma],li[data-astro-cid-qdahdpma] code[data-astro-cid-qdahdpma],td[data-astro-cid-qdahdpma] code[data-astro-cid-qdahdpma]{background:var(--bg, #0a0e16);padding:.1em .35em;border-radius:3px;font-size:.85em}.tf-layout[data-astro-cid-qdahdpma]{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}@media(max-width:700px){.tf-layout[data-astro-cid-qdahdpma]{grid-template-columns:1fr}}.controls-col[data-astro-cid-qdahdpma]{background:var(--surface, #131928);border:1px solid var(--border, #2a3350);border-radius:10px;padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.9rem}.ctrl-group[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:.4rem}.ctrl-group[data-astro-cid-qdahdpma]>label[data-astro-cid-qdahdpma]{font-size:.83rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.ctrl-group[data-astro-cid-qdahdpma]>label[data-astro-cid-qdahdpma] strong[data-astro-cid-qdahdpma]{color:var(--text, #e8eaf0)}.ctrl-group[data-astro-cid-qdahdpma]>label[data-astro-cid-qdahdpma] .hint[data-astro-cid-qdahdpma]{text-transform:none;font-weight:400;opacity:.7}.range-input[data-astro-cid-qdahdpma]{width:100%;accent-color:var(--brand);cursor:pointer}.select-input[data-astro-cid-qdahdpma]{width:100%;background:var(--bg, #0a0e16);border:1px solid var(--border, #2a3350);color:var(--text, #e8eaf0);padding:.45rem .6rem;border-radius:6px;font-size:.9rem}.threed-details[data-astro-cid-qdahdpma]{border:1px solid var(--border, #2a3350);border-radius:8px;padding:.5rem .7rem;background:var(--bg, #0a0e16)}.threed-details[data-astro-cid-qdahdpma] summary[data-astro-cid-qdahdpma]{cursor:pointer;font-size:.83rem;font-weight:600;color:var(--text, #e8eaf0);text-transform:uppercase;letter-spacing:.04em}.threed-body[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:.8rem;margin-top:.8rem}.preset-header[data-astro-cid-qdahdpma]{display:flex;align-items:center;justify-content:space-between}.preset-header[data-astro-cid-qdahdpma] label[data-astro-cid-qdahdpma]{font-size:.83rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.btn-small[data-astro-cid-qdahdpma]{padding:.25rem .6rem;font-size:.8rem;background:var(--brand);color:#fff;border:none;border-radius:5px;cursor:pointer}.btn-small[data-astro-cid-qdahdpma].ghost{background:transparent;color:var(--muted);border:1px solid var(--border, #2a3350)}.btn-small[data-astro-cid-qdahdpma].ghost:hover{border-color:var(--brand);color:var(--brand)}.presets-grid[data-astro-cid-qdahdpma]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.preset-btn[data-astro-cid-qdahdpma]{padding:.45rem .4rem;font-size:.82rem;border-radius:6px;cursor:pointer;border:1px solid var(--border, #2a3350);background:var(--bg, #0a0e16);color:var(--text, #e8eaf0);transition:border-color .15s,color .15s}.preset-btn[data-astro-cid-qdahdpma]:hover{border-color:var(--brand);color:var(--brand)}.preview-col[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:1rem}.stage-toolbar[data-astro-cid-qdahdpma]{display:flex;align-items:center;gap:.45rem}.stage-toolbar-label[data-astro-cid-qdahdpma]{font-size:.78rem;color:var(--muted);margin-right:.2rem}.bg-btn[data-astro-cid-qdahdpma]{width:26px;height:26px;border-radius:5px;border:2px solid var(--border, #2a3350);cursor:pointer;padding:0}.bg-btn[data-astro-cid-qdahdpma].active{border-color:var(--brand)}.bg-btn[data-astro-cid-qdahdpma].checker{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-color:#fff}.tf-stage[data-astro-cid-qdahdpma]{width:100%;min-height:300px;border-radius:10px;border:1px solid var(--border, #2a3350);background:#eef1f6;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;transition:background .15s}.tf-stage[data-astro-cid-qdahdpma].checker{background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#fff}.tf-box[data-astro-cid-qdahdpma]{width:130px;height:130px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#3a7bff,#6f4bff);color:#fff;font-weight:700;font-size:1rem;box-shadow:0 8px 24px #3a7bff59;transform:none;transform-origin:center;user-select:none}.output-block[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:.4rem}.output-label[data-astro-cid-qdahdpma]{font-size:.83rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.output-row[data-astro-cid-qdahdpma]{display:flex;gap:.5rem;align-items:flex-start}.css-output[data-astro-cid-qdahdpma]{flex:1;background:var(--bg, #0a0e16);border:1px solid var(--border, #2a3350);color:var(--text, #e8eaf0);padding:.6rem .75rem;border-radius:6px;font-family:Fira Mono,Cascadia Code,monospace;font-size:.82rem;resize:none;line-height:1.55}.copy-btn[data-astro-cid-qdahdpma]{padding:.4rem .85rem;background:var(--surface, #131928);border:1px solid var(--border, #2a3350);color:var(--text, #e8eaf0);border-radius:6px;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.copy-btn[data-astro-cid-qdahdpma]:hover{border-color:var(--brand);color:var(--brand)}.copy-btn[data-astro-cid-qdahdpma].copied{border-color:var(--ok, #3ecf8e);color:var(--ok, #3ecf8e)}.prose-section[data-astro-cid-qdahdpma]{margin-top:2.5rem}.prose-section[data-astro-cid-qdahdpma] h2[data-astro-cid-qdahdpma]{font-size:1.3rem;margin:0 0 .8rem}.note[data-astro-cid-qdahdpma]{color:var(--muted);font-size:.9rem;margin:.7rem 0 0}.how-list[data-astro-cid-qdahdpma],.use-list[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:.5rem;padding-left:1.4rem}.how-list[data-astro-cid-qdahdpma] li[data-astro-cid-qdahdpma],.use-list[data-astro-cid-qdahdpma] li[data-astro-cid-qdahdpma]{line-height:1.6;color:var(--text)}.table-wrap[data-astro-cid-qdahdpma]{overflow-x:auto}.ref-table[data-astro-cid-qdahdpma]{width:100%;border-collapse:collapse;font-size:.88rem}.ref-table[data-astro-cid-qdahdpma] th[data-astro-cid-qdahdpma],.ref-table[data-astro-cid-qdahdpma] td[data-astro-cid-qdahdpma]{border:1px solid var(--border, #2a3350);padding:.55rem .75rem;text-align:left}.ref-table[data-astro-cid-qdahdpma] th[data-astro-cid-qdahdpma]{background:var(--surface, #131928);font-weight:600}.ref-table[data-astro-cid-qdahdpma] td[data-astro-cid-qdahdpma]:first-child{white-space:nowrap;font-weight:600}.faq[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:1.2rem}.faq-item[data-astro-cid-qdahdpma]{border-left:3px solid var(--brand);padding-left:1rem}.faq-q[data-astro-cid-qdahdpma]{margin:0 0 .3rem;font-size:1rem;font-weight:600}.faq-a[data-astro-cid-qdahdpma]{margin:0;color:var(--muted);line-height:1.6;font-size:.93rem}.related-list[data-astro-cid-qdahdpma]{display:flex;flex-direction:column;gap:.4rem;padding-left:1.2rem}.related-list[data-astro-cid-qdahdpma] a[data-astro-cid-qdahdpma]{color:var(--brand);text-decoration:none}.related-list[data-astro-cid-qdahdpma] a[data-astro-cid-qdahdpma]:hover{text-decoration:underline}