.layout{display:flex;height:100vh}.sidebar{width:200px;flex-shrink:0;background:#1e293b;display:flex;flex-direction:column;border-right:1px solid #334155}.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid #334155}.sidebar-title{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.sidebar ul{list-style:none;padding:.5rem 0;flex:1}.sidebar ul li a{display:block;padding:.6rem 1rem;color:#cbd5e1;text-decoration:none;font-size:.9rem;border-left:3px solid transparent;transition:background .15s,color .15s}.sidebar ul li a:hover{background:#334155;color:#f1f5f9}.sidebar ul li a.active{border-left-color:#38bdf8;color:#38bdf8;background:#0f172a}.sidebar-footer{padding:1rem;border-top:1px solid #334155;font-size:.8rem}.sidebar-footer a{color:#64748b;text-decoration:none}.sidebar-footer a:hover{color:#94a3b8}.content{flex:1;min-width:0;overflow:auto;padding:2rem}.ff-root[data-v-696de55f]{position:relative;overflow:hidden;border-radius:8px;background:#fff}.ff-root canvas[data-v-696de55f]:first-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.ff-loading[data-v-696de55f]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;z-index:10}.ff-gauge[data-v-696de55f]{position:absolute;top:10px;right:10px;width:260px;height:115px;z-index:5;pointer-events:none}.ff-label[data-v-696de55f]{position:absolute;font-family:monospace;font-size:12px;font-weight:700;pointer-events:none;z-index:6;text-shadow:0 0 4px white,0 0 8px white;transform:translate(-50%,-50%)}.ff-bar[data-v-696de55f]{position:absolute;bottom:8px;left:8px;right:8px;display:flex;z-index:10;background:#0a0f1ebf;border:1px solid #1e293b;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ff-cell[data-v-696de55f]{flex:1;display:flex;align-items:center;gap:8px;padding:7px 10px;color:#e2e8f0;font-size:12px;font-family:monospace;border-right:1px solid #1e293b}.ff-cell[data-v-696de55f]:last-child{border-right:none}.ff-cell input[type=range][data-v-696de55f]{flex:1;accent-color:#475569;cursor:pointer}.ff-cell-label[data-v-696de55f]{font-weight:700;white-space:nowrap;color:#94a3b8}.ff-cell-value[data-v-696de55f]{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.page[data-v-f7c82e27]{max-width:900px}h1[data-v-f7c82e27]{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem}h2[data-v-f7c82e27]{font-size:1.1rem;font-weight:600;color:#94a3b8;margin:1.75rem 0 .6rem;text-transform:uppercase;letter-spacing:.05em}.description[data-v-f7c82e27]{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;max-width:70ch}.demo-container[data-v-f7c82e27]{border-radius:12px;overflow:hidden;margin-bottom:2rem}.code[data-v-f7c82e27]{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;font-size:.85rem;line-height:1.6;color:#7dd3fc}table[data-v-f7c82e27]{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:1rem}th[data-v-f7c82e27]{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #334155;color:#64748b;font-weight:600}td[data-v-f7c82e27]{padding:.5rem .75rem;border-bottom:1px solid #1e293b;color:#cbd5e1}code[data-v-f7c82e27]{font-family:monospace;background:#1e293b;padding:.1em .35em;border-radius:3px;font-size:.88em;color:#7dd3fc}