.page[data-v-5b49e8e1]{height:100vh;color:var(--fg);flex-direction:column;transition:background .2s;display:flex;overflow:hidden}.topbar[data-v-5b49e8e1]{background:var(--surface);border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:14px;padding:12px 20px;display:flex}.brand[data-v-5b49e8e1]{align-items:center;gap:9px;display:flex}.brand-logo[data-v-5b49e8e1]{border-radius:6px;width:24px;height:24px;display:block}.brand-name[data-v-5b49e8e1]{letter-spacing:-.01em;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:700}.spacer[data-v-5b49e8e1]{flex:1}.btn[data-v-5b49e8e1]{background:var(--panel);border:1px solid var(--panel-border);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn[data-v-5b49e8e1]:hover{background:var(--panel-hover)}.btn[data-v-5b49e8e1]:active{transform:translateY(1px)}.btn-primary[data-v-5b49e8e1]{background:var(--accent);color:#fff;border-color:#0000}.btn-primary[data-v-5b49e8e1]:hover{background:var(--accent-strong)}.icon[data-v-5b49e8e1]{flex:none;width:16px;height:16px}.toolbar[data-v-5b49e8e1]{align-items:center;gap:10px;display:flex}.group[data-v-5b49e8e1]{background:var(--panel);border:1px solid var(--panel-border);border-radius:11px;align-items:center;gap:2px;padding:3px;display:flex}.group.disabled[data-v-5b49e8e1]{opacity:.5}.seg[data-v-5b49e8e1]{appearance:none;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.seg[data-v-5b49e8e1]:hover:not(:disabled){color:var(--fg);background:var(--hover)}.seg.active[data-v-5b49e8e1]{color:var(--fg);background:var(--panel-hover);font-weight:600}.seg[data-v-5b49e8e1]:disabled{cursor:default}.seg-icon[data-v-5b49e8e1]{padding:5px 9px;font-size:14px}.seg-select[data-v-5b49e8e1]{color:var(--fg)}.workspace[data-v-5b49e8e1]{flex:1;gap:20px;min-height:0;padding:20px;display:flex}.editor-panel[data-v-5b49e8e1]{flex:none;width:440px;transition:margin-left .36s cubic-bezier(.4,0,.2,1),transform .36s cubic-bezier(.4,0,.2,1),opacity .24s}.editor-panel.closed[data-v-5b49e8e1]{opacity:0;pointer-events:none;margin-left:-460px;transform:translate(-18px)}.editor-card[data-v-5b49e8e1]{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;height:100%;padding:14px;display:flex}.editor-head[data-v-5b49e8e1]{align-items:center;gap:8px;display:flex}.editor-title[data-v-5b49e8e1]{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:600}.icon-btn[data-v-5b49e8e1]{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:3px 6px;font-size:13px}.icon-btn[data-v-5b49e8e1]:hover{color:var(--fg);background:var(--hover)}.textarea[data-v-5b49e8e1]{resize:none;background:var(--panel);border:1px solid var(--panel-border);width:100%;color:var(--fg);border-radius:10px;outline:none;flex:1;padding:12px;font-family:ui-monospace,monospace;font-size:12.5px;line-height:1.55}.textarea[data-v-5b49e8e1]:focus{border-color:var(--ring)}.textarea[data-v-5b49e8e1],.preview[data-v-5b49e8e1]{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.textarea[data-v-5b49e8e1]::-webkit-scrollbar{width:10px;height:10px}.preview[data-v-5b49e8e1]::-webkit-scrollbar{width:10px;height:10px}.textarea[data-v-5b49e8e1]::-webkit-scrollbar-track{background:0 0}.preview[data-v-5b49e8e1]::-webkit-scrollbar-track{background:0 0}.textarea[data-v-5b49e8e1]::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.preview[data-v-5b49e8e1]::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.textarea[data-v-5b49e8e1]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.preview[data-v-5b49e8e1]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.preview[data-v-5b49e8e1]{flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex;overflow:auto}.stage[data-v-5b49e8e1]{width:100%;max-width:1080px}.preview-error[data-v-5b49e8e1]{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;margin-top:12vh;display:flex}.preview-error-msg[data-v-5b49e8e1]{color:var(--fg);margin:0;font-size:15px;font-weight:600}.preview-error-detail[data-v-5b49e8e1]{max-width:520px;margin:0;font-family:ui-monospace,monospace;font-size:12.5px}.error[data-v-5b49e8e1]{color:#fb7185;margin:0;font-family:ui-monospace,monospace;font-size:12px}.note[data-v-5b49e8e1]{color:var(--muted);margin:0;font-family:ui-monospace,monospace;font-size:12px}.badge[data-v-5b49e8e1]{border:1px solid var(--panel-border);color:var(--fg);background:var(--panel);border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:600}.badge-otlp[data-v-5b49e8e1]{color:#818cf8;background:#6366f11a;border-color:#6366f155}.badge-sentry[data-v-5b49e8e1]{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e55}.badge-native[data-v-5b49e8e1]{color:#10b981;background:#10b9811a;border-color:#10b98155}