.xm-panel{max-width:1000px;color:var(--x3-text,inherit);min-width:0;margin:auto;padding:clamp(16px,3vw,36px)}.xm-panel h2{letter-spacing:-.04em;margin:.5em 0;font-size:clamp(24px,4vw,40px)}.xm-panel header small{letter-spacing:.16em;opacity:.6;font-size:10px}.xm-lenses,.xm-actions,.xm-fields{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.xm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.xm-cell{color:inherit;background:color-mix(in srgb,currentColor 3%,transparent);border:1px solid color-mix(in srgb,currentColor 15%,transparent);text-align:left;cursor:pointer;border-radius:12px;min-width:0;padding:clamp(12px,3vw,30px) 8px}.xm-cell strong{letter-spacing:-.04em;font-size:clamp(22px,4vw,48px);font-weight:400;display:block}.xm-cell span{opacity:.65;margin-top:12px;font-size:11px;display:block}.xm-cell[aria-pressed=true]{outline:1px solid}.xm-cell[data-live]{background:color-mix(in srgb,var(--teal,#79aaa3) 24%,transparent);box-shadow:inset 0 0 0 1px var(--teal,#79aaa3)}.xm-rootline{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.xm-rootline>span{opacity:.3;border:1px solid;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.xm-rootline>span[data-active]{opacity:1;background:color-mix(in srgb,var(--teal,#79aaa3) 25%,transparent)}.xm-controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.xm-controls label{flex-direction:column;gap:8px;font-size:12px;display:flex}.xm-controls input,.xm-controls select{color:inherit;border:1px solid color-mix(in srgb,currentColor 20%,transparent);box-sizing:border-box;background:0 0;border-radius:7px;width:100%;min-width:0;padding:8px}.xm-controls option{color:#222;background:#eee}.xm-lighting{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin:24px 0 8px;display:grid}.xm-lighting span{border-radius:5px;height:32px;transition:background 1.2s linear,opacity 1.2s linear}.xm-note{opacity:.65;font-size:12px;line-height:1.6}.xm-inspect{border:1px solid color-mix(in srgb,currentColor 15%,transparent);white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;padding:16px;font-size:11px;overflow:auto}.xm-panel button:focus-visible{outline-offset:3px;outline:2px solid}.xc-list{height:min(65vh,800px);min-height:300px}.xc-row{text-align:left;width:100%;height:100%;color:inherit;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);cursor:pointer;background:0 0;align-items:center;gap:14px;padding:8px 14px;display:flex}.xc-row span{flex:1;min-width:0}.xc-row strong,.xc-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.xc-row small{opacity:.6;margin-top:6px}.xc-search{box-sizing:border-box;width:100%;margin:12px 0;padding:12px}.xc-detail{overflow-wrap:anywhere;padding:20px}.xc-media{flex-wrap:wrap;gap:10px;display:flex}.xc-media button{padding:14px}@media (prefers-reduced-motion:reduce){.xm-lighting span{transition:none}}@media (max-width:500px){.xm-cell span{font-size:9px}.xm-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-panel{padding:12px}.xm-actions button{flex:1 0 40%}}