gazetta 0.2.0 → 0.4.0

package/admin-dist/assets/index-Bh_y1d_l.css

@@ -0,0 +1 @@
+.publish-content[data-v-a2ebf90d]{flex-direction:column;gap:1rem;display:flex}.publish-item[data-v-a2ebf90d]{align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.publish-empty[data-v-a2ebf90d]{color:var(--color-muted);font-size:.875rem}.publish-label[data-v-a2ebf90d]{text-transform:uppercase;color:var(--color-muted);letter-spacing:.03em;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.publish-label-hint[data-v-a2ebf90d]{text-transform:none;letter-spacing:0;color:var(--color-muted);font-size:.75rem;font-weight:400}.publish-select-all[data-v-a2ebf90d]{color:var(--color-primary);cursor:pointer;border-radius:var(--p-border-radius-sm);text-transform:none;letter-spacing:0;background:0 0;border:0;margin-left:auto;padding:.125rem .25rem;font-size:.75rem;font-weight:400}.publish-select-all[data-v-a2ebf90d]:hover{background:var(--color-hover-bg)}.publish-targets[data-v-a2ebf90d]{flex-direction:column;gap:.5rem;display:flex}.publish-target[data-v-a2ebf90d]{align-items:center;gap:.5rem;display:flex}.publish-target label[data-v-a2ebf90d]{cursor:pointer}.publish-warning[data-v-a2ebf90d]{border-radius:var(--p-border-radius-md);background:var(--color-danger-bg);color:var(--color-danger-fg);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.publish-firstpublish[data-v-a2ebf90d]{border-radius:var(--p-border-radius-md);background:var(--color-info-bg);color:var(--color-info-fg);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.publish-confirm-banner[data-v-a2ebf90d]{border-radius:var(--p-border-radius-md);background:var(--color-danger-bg);color:var(--color-danger-fg);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.publish-invalid-body[data-v-a2ebf90d]{flex-direction:column;flex:1;gap:.375rem;display:flex}.publish-invalid-body p[data-v-a2ebf90d]{margin:0}.publish-invalid-list[data-v-a2ebf90d]{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.publish-invalid-list li[data-v-a2ebf90d]{flex-direction:column;gap:.125rem;font-size:.8125rem;display:flex}.publish-invalid-name[data-v-a2ebf90d]{font-family:monospace;font-weight:600}.publish-invalid-error[data-v-a2ebf90d]{opacity:.85;font-size:.75rem}.publish-target-label[data-v-a2ebf90d]{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.publish-env-badge[data-v-a2ebf90d]{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--p-border-radius-sm);padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.publish-env-prod[data-v-a2ebf90d]{background:var(--color-env-prod-bg);color:var(--color-env-prod-fg)}.publish-env-staging[data-v-a2ebf90d]{background:var(--color-env-staging-bg);color:var(--color-env-staging-fg)}.publish-changes[data-v-a2ebf90d]{flex-direction:column;gap:.5rem;display:flex}.publish-nochanges[data-v-a2ebf90d]{color:var(--color-muted);font-size:.875rem}.publish-changes-group[data-v-a2ebf90d]{flex-direction:column;gap:.25rem;display:flex}.publish-changes-group+.publish-changes-group[data-v-a2ebf90d]{margin-top:.5rem}.publish-group-label[data-v-a2ebf90d]{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;margin:0 0 .125rem .25rem;font-size:.6875rem;font-weight:600}.publish-changes-list[data-v-a2ebf90d]{flex-direction:column;gap:.125rem;max-height:240px;display:flex;overflow-y:auto}.publish-change-row[data-v-a2ebf90d]{border-radius:var(--p-border-radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.publish-change-row[data-v-a2ebf90d]:hover{background:var(--color-hover-bg)}.publish-change-row-deleted[data-v-a2ebf90d]{cursor:default;opacity:.55}.publish-change-row-deleted[data-v-a2ebf90d]:hover{background:0 0}.publish-change-nocheckbox[data-v-a2ebf90d]{flex-shrink:0;width:20px;display:inline-block}.publish-change-mark[data-v-a2ebf90d]{text-align:center;width:10px;font-family:monospace;font-weight:700}.publish-change-mark.added[data-v-a2ebf90d]{color:var(--color-change-added)}.publish-change-mark.modified[data-v-a2ebf90d]{color:var(--color-change-modified)}.publish-change-mark.deleted[data-v-a2ebf90d]{color:var(--color-change-deleted)}.publish-change-icon[data-v-a2ebf90d]{color:var(--color-muted);font-size:.8rem}.publish-change-label[data-v-a2ebf90d]{font-size:.875rem}.publish-progress[data-v-a2ebf90d]{flex-direction:column;gap:.75rem;display:flex}.publish-progress-row[data-v-a2ebf90d]{flex-direction:column;gap:.25rem;display:flex}.publish-progress-header[data-v-a2ebf90d]{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.publish-progress-target[data-v-a2ebf90d]{font-weight:600}.publish-progress-count[data-v-a2ebf90d]{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.publish-progress-bar[data-v-a2ebf90d]{background:var(--color-hover-bg);border-radius:2px;height:4px;overflow:hidden}.publish-progress-fill[data-v-a2ebf90d]{background:var(--color-primary);height:100%;transition:width .2s}.publish-progress-label[data-v-a2ebf90d]{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.75rem;overflow:hidden}.publish-results[data-v-a2ebf90d]{flex-direction:column;gap:.5rem;display:flex}.publish-result[data-v-a2ebf90d]{border-radius:var(--p-border-radius-md);align-items:center;gap:.5rem;padding:.5rem;display:flex}.publish-result.success[data-v-a2ebf90d]{background:var(--color-success-bg);color:var(--color-success-fg)}.publish-result.error[data-v-a2ebf90d]{background:var(--color-danger-bg);color:var(--color-danger-fg)}.result-target[data-v-a2ebf90d]{font-weight:600}.result-detail[data-v-a2ebf90d]{opacity:.8;margin-left:auto;font-size:.875rem}.fetch-content[data-v-28aee561]{flex-direction:column;gap:1rem;display:flex}.fetch-empty[data-v-28aee561]{color:var(--color-muted);font-size:.875rem}.fetch-label[data-v-28aee561]{color:var(--color-muted);margin-bottom:.5rem;font-size:.875rem}.fetch-list[data-v-28aee561]{width:100%}.fetch-result[data-v-28aee561]{border-radius:var(--p-border-radius-md);align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.fetch-result.success[data-v-28aee561]{background:var(--color-success-bg);color:var(--color-success-fg)}.fetch-result.error[data-v-28aee561]{background:var(--color-danger-bg);color:var(--color-danger-fg)}.fetch-items[data-v-28aee561]{opacity:.7;margin-top:.25rem;font-size:.75rem}.changes-header[data-v-8918ea89]{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.changes-title[data-v-8918ea89]{font-size:1rem;font-weight:600}.changes-body[data-v-8918ea89]{flex-direction:column;gap:1rem;padding-top:.25rem;display:flex}.changes-empty[data-v-8918ea89]{color:var(--color-muted);font-size:.875rem}.changes-target-row[data-v-8918ea89]{align-items:center;gap:.75rem;display:flex}.changes-target[data-v-8918ea89]{flex:1;min-width:0}.changes-lastchecked[data-v-8918ea89]{color:var(--color-muted);white-space:nowrap;font-size:.75rem}.changes-loading[data-v-8918ea89]{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.changes-warning[data-v-8918ea89]{border-radius:var(--p-border-radius-md);background:var(--color-danger-bg);color:var(--color-danger-fg);gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.changes-warning-body[data-v-8918ea89]{flex-direction:column;flex:1;gap:.375rem;display:flex}.changes-warning-body p[data-v-8918ea89]{margin:0}.changes-warning-detail[data-v-8918ea89]{opacity:.8;font-size:.8125rem}.changes-state[data-v-8918ea89]{border-radius:var(--p-border-radius-md);background:var(--color-info-bg);color:var(--color-info-fg);align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.changes-state-sync[data-v-8918ea89]{background:var(--color-success-bg);color:var(--color-success-fg)}.changes-summary[data-v-8918ea89]{color:var(--color-muted);margin:0;font-size:.8125rem}.changes-list-wrapper[data-v-8918ea89]{flex-direction:column;gap:.75rem;display:flex}.changes-group[data-v-8918ea89]{flex-direction:column;gap:.25rem;display:flex}.changes-group-label[data-v-8918ea89]{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;margin:0 0 .125rem .25rem;font-size:.6875rem;font-weight:600}.changes-rows[data-v-8918ea89]{flex-direction:column;gap:.125rem;display:flex}.changes-row[data-v-8918ea89]{border-radius:var(--p-border-radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;display:flex}.changes-row[data-v-8918ea89]:hover{background:var(--color-hover-bg)}.changes-row-deleted[data-v-8918ea89]{cursor:default;opacity:.55}.changes-row-deleted[data-v-8918ea89]:hover{background:0 0}.changes-row-unchanged[data-v-8918ea89]{opacity:.75}.changes-mark[data-v-8918ea89]{text-align:center;flex-shrink:0;width:10px;font-family:monospace;font-weight:700}.changes-mark.added[data-v-8918ea89]{color:var(--color-change-added)}.changes-mark.modified[data-v-8918ea89]{color:var(--color-change-modified)}.changes-mark.deleted[data-v-8918ea89]{color:var(--color-change-deleted)}.changes-mark.unchanged[data-v-8918ea89]{color:var(--color-muted);font-weight:400}.changes-icon[data-v-8918ea89]{color:var(--color-muted);flex-shrink:0;font-size:.8rem}.changes-label[data-v-8918ea89]{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.changes-unchanged[data-v-8918ea89]{border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.changes-unchanged-toggle[data-v-8918ea89]{color:var(--color-muted);cursor:pointer;border-radius:var(--p-border-radius-sm);background:0 0;border:0;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.8125rem;display:flex}.changes-unchanged-toggle[data-v-8918ea89]:hover{background:var(--color-hover-bg);color:inherit}.changes-unchanged-body[data-v-8918ea89]{flex-direction:column;gap:.5rem;display:flex}.cms-toolbar[data-v-d907b333]{border-top:0;border-left:0;border-right:0;border-radius:0}.cms-logo[data-v-d907b333]{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:flex}.cms-site-name[data-v-d907b333]{color:var(--color-muted);margin-left:1rem;font-size:.875rem}.cms-btn[data-v-d907b333]{margin-left:.5rem}.cms-toast[data-v-d907b333]{align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.cms-toast-error[data-v-d907b333]{color:var(--color-danger-fg)}.fade-enter-active[data-v-d907b333],.fade-leave-active[data-v-d907b333]{transition:opacity .2s}.fade-enter-from[data-v-d907b333],.fade-leave-to[data-v-d907b333]{opacity:0}.unsaved-message[data-v-70fd0516]{color:#374151;margin:0;font-size:.875rem;line-height:1.5}.unsaved-actions[data-v-70fd0516]{justify-content:flex-end;gap:.5rem;width:100%;display:flex}*{box-sizing:border-box;margin:0;padding:0}html,body,#app,.cms-app{height:100%}body{color:var(--color-fg);background:var(--color-bg);font-family:system-ui,-apple-system,sans-serif}.cms-error{color:var(--color-danger-fg);padding:2rem}.cms-loading{color:var(--color-muted);padding:2rem}.global-toast{z-index:1001;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;align-items:center;gap:8px;max-width:400px;padding:8px 20px;font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-success{color:var(--color-success-fg)}.toast-error{color:var(--color-danger-fg)}.toast-link{color:inherit;text-decoration:underline}.toast-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;align-items:center;margin-left:4px;padding:2px 4px;display:flex}.toast-dismiss:hover{opacity:1}.toast-dismiss .pi{font-size:11px}.toast-enter-active{transition:transform .2s ease-out,opacity .2s ease-out}.toast-leave-active{transition:transform .15s ease-in,opacity .15s ease-in}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%)translateY(-100%)}.create-content[data-v-b4d1c25e]{flex-direction:column;gap:1rem;display:flex}.create-field[data-v-b4d1c25e]{flex-direction:column;gap:.375rem;display:flex}.create-field label[data-v-b4d1c25e]{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:.75rem}.create-input[data-v-b4d1c25e],.create-list[data-v-b4d1c25e]{width:100%}.create-hint[data-v-b4d1c25e]{color:#666;font-size:.75rem}.create-error[data-v-b4d1c25e]{color:#f87171;font-size:.875rem}.create-content[data-v-0b98775c]{flex-direction:column;gap:1rem;display:flex}.create-field[data-v-0b98775c]{flex-direction:column;gap:.375rem;display:flex}.create-field label[data-v-0b98775c]{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:.75rem}.create-input[data-v-0b98775c],.create-list[data-v-0b98775c]{width:100%}.create-error[data-v-0b98775c]{color:#f87171;font-size:.875rem}.site-tree[data-v-6b0b06db]{font-size:13px;line-height:22px}.section-label[data-v-6b0b06db]{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:4px 8px;font-size:11px;font-weight:600}.section-divider[data-v-6b0b06db]{border-top:1px solid #80808026;margin:4px 8px}.node-item[data-v-6b0b06db]{cursor:pointer;border-radius:3px;align-items:center;gap:4px;height:22px;margin:0 2px;padding:0 6px;display:flex}.node-item[data-v-6b0b06db]:hover{background:#80808014}.node-item.selected[data-v-6b0b06db]{background:#a78bfa26;box-shadow:inset 2px 0 #a78bfa}.node-icon[data-v-6b0b06db]{text-align:center;color:#999;flex-shrink:0;width:16px;font-size:10px}.node-label[data-v-6b0b06db]{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;flex:1;overflow:hidden}.node-item.selected .node-label[data-v-6b0b06db],.node-item:hover .node-label[data-v-6b0b06db]{color:#374151}.dark{color:#e4e4e7;background:#ffffff0d;border-top-color:#27272a}.node-dirty-dot[data-v-6b0b06db]{background:var(--color-warning-fg);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:2px}.node-delete[data-v-6b0b06db]{opacity:0;flex-shrink:0;transition:opacity .1s}.node-item:hover .node-delete[data-v-6b0b06db]{opacity:1}.new-btns[data-v-6b0b06db]{gap:.5rem;margin-top:8px;padding:0 6px;display:flex}.add-content[data-v-de3d43d5]{flex-direction:column;gap:1rem;display:flex}.add-field[data-v-de3d43d5]{flex-direction:column;gap:.375rem;display:flex}.add-field label[data-v-de3d43d5]{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:.75rem}.add-input[data-v-de3d43d5],.add-list[data-v-de3d43d5]{width:100%}.add-error[data-v-de3d43d5]{color:#f87171;font-size:.875rem}.component-tree[data-v-b1b905e2]{font-size:13px;line-height:22px}.empty[data-v-b1b905e2]{color:var(--color-muted)}.node-item[data-v-b1b905e2]{cursor:pointer;border-radius:3px;align-items:center;gap:4px;height:22px;margin:0 2px;padding:0 6px;display:flex}.node-item[data-v-b1b905e2]:hover,.node-item.hovered[data-v-b1b905e2]{background:var(--color-hover-bg)}.node-item.selected[data-v-b1b905e2]{box-shadow:inset 2px 0 0 var(--p-violet-400);background:#a78bfa26}.node-root[data-v-b1b905e2]{border-bottom:1px solid var(--color-border);border-radius:0;height:26px;margin:0 0 2px;padding:0 6px;font-weight:600;line-height:26px}.node-root.selected[data-v-b1b905e2]{box-shadow:none;border-bottom-color:var(--p-violet-400);background:#a78bfa1a}.node-icon[data-v-b1b905e2]{text-align:center;width:16px;color:var(--color-muted);flex-shrink:0;font-size:10px}.node-label[data-v-b1b905e2]{white-space:nowrap;text-overflow:ellipsis;color:var(--color-muted);flex:1;overflow:hidden}.node-item.selected .node-label[data-v-b1b905e2],.node-item:hover .node-label[data-v-b1b905e2],.node-item.hovered .node-label[data-v-b1b905e2],.node-root .node-label[data-v-b1b905e2]{color:var(--color-fg)}.node-error-icon[data-v-b1b905e2]{color:var(--color-danger-fg)}.node-dirty-dot[data-v-b1b905e2]{background:var(--color-warning-fg);border-radius:50%;flex-shrink:0;width:6px;height:6px}.node-revert[data-v-b1b905e2]{opacity:0;flex-shrink:0;width:18px;height:18px;transition:opacity .1s}.node-item:hover .node-revert[data-v-b1b905e2]{opacity:1}.node-actions[data-v-b1b905e2]{opacity:0;flex-shrink:0;gap:0;transition:opacity .1s;display:flex}.node-item:hover .node-actions[data-v-b1b905e2]{opacity:1}.add-btn[data-v-b1b905e2]{margin-top:6px}.editor-panel h3[data-v-1e2cf67e]{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem}.editor-error[data-v-1e2cf67e]{color:var(--color-danger-fg);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding-top:3rem;font-size:.875rem;display:flex}.editor-error .pi[data-v-1e2cf67e]{font-size:2rem}.editor-error p[data-v-1e2cf67e]{max-width:300px;line-height:1.5}.editor-empty[data-v-1e2cf67e]{color:var(--color-muted);flex-direction:column;align-items:center;padding-top:3rem;font-size:.875rem;display:flex}.editor-container[data-v-1e2cf67e]{font-size:.875rem}.editor-no-schema[data-v-1e2cf67e]{color:var(--color-muted);font-size:.875rem}.preview-panel[data-v-4aacb015]{flex-direction:column;height:100%;display:flex}.preview-panel.fullscreen[data-v-4aacb015]{z-index:1000;background:#f8f8fa;position:fixed;inset:0}.preview-empty[data-v-4aacb015]{color:#aaa;flex-direction:column;align-items:center;padding:3rem 1rem 1rem;font-size:.875rem;display:flex}.preview-toolbar[data-v-4aacb015]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.375rem .5rem;display:flex}.preview-devices[data-v-4aacb015],.preview-actions[data-v-4aacb015]{align-items:center;gap:.25rem;display:flex}.device-btn[data-v-4aacb015]{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.device-btn[data-v-4aacb015]:hover{color:#374151;border-color:#d1d5db}.device-btn.active[data-v-4aacb015]{color:#a78bfa;border-color:#a78bfa}.host-page-select[data-v-4aacb015]{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.2rem .4rem;font-size:.75rem}.preview-separator[data-v-4aacb015]{background:#d1d5db;width:1px;height:14px;margin-left:8px;margin-right:8px}.preview-route[data-v-4aacb015]{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:6px;height:24px;padding:2px 10px;font-family:ui-monospace,monospace;font-size:12px;display:inline-flex}.preview-route .pi[data-v-4aacb015]{color:#9ca3af;font-size:10px}.preview-frame-wrapper[data-v-4aacb015]{background:#e5e7eb;flex:1;justify-content:center;display:flex;overflow:auto}.preview-iframe[data-v-4aacb015]{background:#fff;border:0;flex:none;height:100%;transition:width .2s}.dark .preview-panel.fullscreen{background:#09090b}.dark .preview-toolbar{border-bottom-color:#27272a}.dark .device-btn{color:#71717a}.dark .device-btn:hover{color:#e4e4e7;border-color:#3f3f46}.dark .host-page-select{color:#e0e0e0;background:#1e1e2e;border-color:#3f3f46}.dark .preview-separator{background:#3f3f46}.dark .preview-route{color:#a1a1aa;background:#18181b;border-color:#27272a}.dark .preview-route .pi{color:#52525b}.dark .preview-frame-wrapper{background:#1a1a2e}.cms-editor[data-v-f9c0172b]{height:calc(100% - 60px);display:flex}.cms-left[data-v-f9c0172b]{border-right:1px solid #27272a;flex-shrink:0;width:250px;overflow:auto}.cms-left-wide[data-v-f9c0172b]{width:55%;max-width:900px;overflow:hidden}.cms-splitter[data-v-f9c0172b]{border:0;border-radius:0;height:100%}.cms-preview[data-v-f9c0172b]{flex:1;min-width:0;overflow:hidden}.cms-panel[data-v-f9c0172b]{overflow:auto}.cms-panel-content[data-v-f9c0172b]{padding:1rem}.playground[data-v-073d12d3]{height:calc(100% - 60px);display:flex}.playground-sidebar[data-v-073d12d3]{border-right:1px solid #e5e7eb;flex-shrink:0;width:220px;padding:.75rem 0;overflow-y:auto}.sidebar-header[data-v-073d12d3]{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.75rem;padding:0 1rem;font-size:.75rem;font-weight:700}.sidebar-loading[data-v-073d12d3]{color:#9ca3af;padding:1rem;font-size:.8125rem}.sidebar-section[data-v-073d12d3]{margin-bottom:.5rem}.section-label[data-v-073d12d3]{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:.375rem 1rem;font-size:.625rem;font-weight:600}.section-label-toggle[data-v-073d12d3]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;display:flex}.section-label-toggle[data-v-073d12d3]:hover{color:#6b7280}.toggle-icon[data-v-073d12d3]{font-size:.5rem}.sidebar-item[data-v-073d12d3]{cursor:pointer;color:#6b7280;align-items:center;gap:.5rem;padding:.3125rem 1rem;font-size:.8125rem;display:flex}.sidebar-item[data-v-073d12d3]:hover{color:#374151;background:#80808014}.sidebar-item.active[data-v-073d12d3]{color:#667eea;background:#667eea1a}.item-icon[data-v-073d12d3]{text-align:center;flex-shrink:0;width:14px;font-size:.6875rem}.item-name[data-v-073d12d3]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-empty[data-v-073d12d3]{color:#9ca3af;padding:1.5rem 1rem;font-size:.8125rem;line-height:1.6}.sidebar-empty .hint[data-v-073d12d3]{margin-top:.75rem}.sidebar-empty code[data-v-073d12d3]{background:#8080801a;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.75rem}.playground-main[data-v-073d12d3]{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-empty[data-v-073d12d3]{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:.875rem;display:flex}.main-toolbar[data-v-073d12d3]{border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.toolbar-label[data-v-073d12d3]{color:#6b7280;flex:1;align-items:baseline;gap:.5rem;display:flex}.toolbar-type[data-v-073d12d3]{text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem}.toolbar-label strong[data-v-073d12d3]{color:#374151;font-size:.875rem}.toolbar-hint[data-v-073d12d3]{color:#9ca3af;font-size:.6875rem;font-style:italic}.toolbar-btn[data-v-073d12d3]{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;display:flex}.toolbar-btn[data-v-073d12d3]:hover{color:#374151;background:#80808014}.main-body[data-v-073d12d3]{flex:1;display:flex;overflow:hidden}.main-content[data-v-073d12d3]{flex:1;min-width:0;padding:1.5rem;overflow-y:auto}.mount-container[data-v-073d12d3]{max-width:600px}.mount-error[data-v-073d12d3]{color:#dc2626;background:#dc262614;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:.8125rem}.value-inspector[data-v-073d12d3]{border-left:1px solid #e5e7eb;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.inspector-header[data-v-073d12d3]{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:.5rem .75rem;font-size:.625rem;font-weight:600}.inspector-value[data-v-073d12d3]{color:#374151;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:.75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.7}.inspector-value .jv-key[data-v-073d12d3]{color:#6b7280}.inspector-value .jv-str[data-v-073d12d3]{color:#16a34a}.inspector-value .jv-num[data-v-073d12d3]{color:#d97706}.inspector-value .jv-bool[data-v-073d12d3]{color:#7c3aed}.inspector-value .jv-null[data-v-073d12d3]{color:#9ca3af}.dark .playground-sidebar{border-right-color:#27272a}.dark .sidebar-header{color:#666}.dark .section-label{color:#555}.dark .section-label-toggle:hover{color:#999}.dark .sidebar-item{color:#bbb}.dark .sidebar-item:hover{color:#e4e4e7;background:#ffffff0d}.dark .sidebar-item.active{color:#667eea;background:#667eea26}.dark .main-toolbar{border-bottom-color:#27272a}.dark .toolbar-label{color:#999}.dark .toolbar-label strong{color:#e4e4e7}.dark .toolbar-hint{color:#555}.dark .toolbar-btn{color:#999;border-color:#333}.dark .toolbar-btn:hover{color:#e4e4e7;background:#ffffff0d}.dark .mount-error{color:#f87171;background:#f8717114}.dark .value-inspector{background:#0c0c14;border-left-color:#27272a}.dark .inspector-header{color:#666;border-bottom-color:#27272a}.dark .inspector-value{color:#e4e4e7}.dark .inspector-value .jv-key{color:#8888a0}.dark .inspector-value .jv-str{color:#4ade80}.dark .inspector-value .jv-num{color:#fbbf24}.dark .inspector-value .jv-bool{color:#a78bfa}.dark .inspector-value .jv-null{color:#52525b}:root{--color-bg:var(--p-content-background);--color-fg:var(--p-text-color);--color-muted:var(--p-text-muted-color);--color-border:var(--p-content-border-color);--color-hover-bg:var(--p-content-hover-background);--color-input-bg:var(--p-form-field-background);--color-input-border:var(--p-form-field-border-color);--color-primary:var(--p-primary-color);--color-danger-bg:var(--p-red-50);--color-danger-fg:var(--p-red-700);--color-success-bg:var(--p-green-50);--color-success-fg:var(--p-green-700);--color-warning-bg:var(--p-amber-50);--color-warning-fg:var(--p-amber-900);--color-info-bg:var(--p-blue-50);--color-info-fg:var(--p-blue-900);--color-env-prod-bg:var(--p-red-100);--color-env-prod-fg:var(--p-red-800);--color-env-staging-bg:var(--p-amber-100);--color-env-staging-fg:var(--p-amber-800);--color-change-added:var(--p-green-700);--color-change-modified:var(--p-amber-700);--color-change-deleted:var(--p-gray-500);--color-bg-code:var(--p-surface-100);--color-bg-chip:var(--p-content-hover-background)}.dark{--color-danger-bg:var(--p-red-950);--color-danger-fg:var(--p-red-300);--color-success-bg:var(--p-green-950);--color-success-fg:var(--p-green-400);--color-warning-bg:var(--p-amber-950);--color-warning-fg:var(--p-amber-300);--color-info-bg:var(--p-blue-950);--color-info-fg:var(--p-blue-300);--color-env-prod-bg:var(--p-red-950);--color-env-prod-fg:var(--p-red-300);--color-env-staging-bg:var(--p-amber-950);--color-env-staging-fg:var(--p-amber-300);--color-change-added:var(--p-green-400);--color-change-modified:var(--p-amber-400);--color-change-deleted:var(--p-gray-400);--color-bg-code:var(--p-surface-900)}