.ux-canvas{color:#0f172a;background:#f5f5f7;grid-template-columns:180px 1fr 200px;height:clamp(440px,56vh,540px);display:grid}[data-theme=dark] .ux-canvas{color:#e2e8f0;background:#1a1d28}.ux-layers{background:#fff9;border-right:1px solid #0f172a14;padding:10px 6px;overflow:hidden}[data-theme=dark] .ux-layers{background:#ffffff06;border-right-color:#ffffff0f}.ux-layers-head{letter-spacing:.6px;text-transform:uppercase;color:#0f172a73;padding:0 6px 8px;font-size:9px;font-weight:700}[data-theme=dark] .ux-layers-head{color:#e2e8f073}.ux-layer{color:#0f172ab3;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:10px;font-weight:500;display:flex;overflow:hidden}[data-theme=dark] .ux-layer{color:#e2e8f0b3}.ux-layer-active{color:#6366f1;background:#6366f11f;font-weight:600}[data-theme=dark] .ux-layer-active{color:#a5b4fc;background:#818cf81f}.ux-board{background:radial-gradient(circle at 25% 25%,#6366f10a,#0000 50%),linear-gradient(#f5f5f7 0%,#ebecf2 100%);padding:18px 22px;position:relative;overflow:auto}[data-theme=dark] .ux-board{background:radial-gradient(circle at 25% 25%,#6366f10f,#0000 50%),linear-gradient(#1a1d28 0%,#14161e 100%)}.ux-frame-title{letter-spacing:.4px;color:#0f172a8c;margin-bottom:6px;font-size:9px;font-weight:600}[data-theme=dark] .ux-frame-title{color:#e2e8f08c}.ux-frame-dim{font-variant-numeric:tabular-nums;color:#0f172a66;margin-left:6px;font-weight:500}[data-theme=dark] .ux-frame-dim{color:#e2e8f066}.ux-frame{background:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex;box-shadow:inset 0 1px #fff9,0 1px 2px #0f172a0f,0 0 0 1px #0f172a0f}[data-theme=dark] .ux-frame{background:#ffffff0a;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0006,0 0 0 1px #ffffff0f}.ux-art-top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.ux-art-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.ux-art-search{background:#0f172a0d;border-radius:6px;height:22px}[data-theme=dark] .ux-art-search{background:#ffffff0d}.ux-art-avatar{background:linear-gradient(135deg,#f59e0b,#ec4899);border-radius:50%;width:22px;height:22px}.ux-art-h1{letter-spacing:-.4px;font-size:16px;font-weight:700}.ux-art-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ux-art-kpi{background:#0f172a08;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}[data-theme=dark] .ux-art-kpi{background:#ffffff0a}.ux-art-kpi-lbl{letter-spacing:.4px;text-transform:uppercase;color:#0f172a80;font-size:8px;font-weight:600}[data-theme=dark] .ux-art-kpi-lbl{color:#e2e8f080}.ux-art-kpi-val{letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.ux-art-kpi-delta{font-size:8px;font-weight:600}.ux-art-chart{background:#6366f10a;border-radius:8px;height:70px;overflow:hidden}[data-theme=dark] .ux-art-chart{background:#6366f10f}.ux-art-chart-svg{width:100%;height:100%;display:block}.ux-art-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.ux-art-swatch{flex-direction:column;align-items:center;gap:4px;display:flex}.ux-art-swatch-color{border-radius:6px;width:100%;height:24px;box-shadow:inset 0 0 0 1px #0f172a0f}.ux-art-swatch-name{letter-spacing:.2px;color:#0f172a99;font-size:7.5px;font-weight:600;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace)}[data-theme=dark] .ux-art-swatch-name{color:#e2e8f099}.ux-inspector{background:#fff9;border-left:1px solid #0f172a14;flex-direction:column;gap:12px;padding:10px;display:flex;overflow:hidden}[data-theme=dark] .ux-inspector{background:#ffffff06;border-left-color:#ffffff0f}.ux-inspector-head{letter-spacing:-.1px;border-bottom:1px solid #0f172a0f;padding:0 4px 4px;font-size:10px;font-weight:700}[data-theme=dark] .ux-inspector-head{border-bottom-color:#ffffff0f}.ux-inspector-section{flex-direction:column;gap:6px;display:flex}.ux-inspector-row{font-variant-numeric:tabular-nums;color:#0f172a99;align-items:center;gap:6px;padding:0 4px;font-size:9px;font-weight:500;display:inline-flex}[data-theme=dark] .ux-inspector-row{color:#e2e8f099}.ux-inspector-row b{color:#0f172a;font-weight:700}[data-theme=dark] .ux-inspector-row b{color:#e2e8f0}.ux-inspector-label{letter-spacing:.5px;text-transform:uppercase;color:#0f172a73;padding:0 4px;font-size:8px;font-weight:700}[data-theme=dark] .ux-inspector-label{color:#e2e8f073}.ux-inspector-token{background:#0f172a08;border-radius:5px;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:4px 6px;font-size:9px;display:grid}[data-theme=dark] .ux-inspector-token{background:#ffffff0a}.ux-inspector-token-icon{color:#6366f1;background:#6366f11f;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.ux-inspector-token-lbl{font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);color:#0f172ab3;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}[data-theme=dark] .ux-inspector-token-lbl{color:#e2e8f0b3}.ux-inspector-token-val{font-variant-numeric:tabular-nums;color:#0f172ae6;font-weight:700;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);font-size:8.5px}[data-theme=dark] .ux-inspector-token-val{color:#e2e8f0e6}@media (max-width:880px){.ux-canvas{grid-template-columns:1fr;height:auto}.ux-layers,.ux-inspector{display:none}.ux-art-kpis{grid-template-columns:1fr}.ux-art-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}