.app[data-v-fb0c5a68]{height:100%;display:flex;flex-direction:column;gap:var(--mx-space-sm);padding:var(--mx-space-sm)}.app__header[data-v-fb0c5a68]{display:flex;align-items:center;gap:var(--mx-space-sm);height:var(--mx-size-lg);padding:0 var(--mx-space-md);background:var(--mx-color-panel);border:1px solid var(--mx-color-border);border-radius:var(--mx-radius-md);flex:none}.app__logo[data-v-fb0c5a68]{display:inline-flex;align-items:center;justify-content:center;width:var(--mx-size-sm);height:var(--mx-size-sm);color:var(--mx-color-primary);background:var(--mx-color-primary-soft);border:1px solid var(--mx-color-primary);border-radius:var(--mx-radius-sm)}.app__name[data-v-fb0c5a68]{font-size:var(--mx-font-lg)}.app__slogan[data-v-fb0c5a68]{color:var(--mx-color-text-secondary);font-size:var(--mx-font-sm)}.app__main[data-v-fb0c5a68]{flex:1;min-height:0;display:flex}:root{--mx-radius-sm: 5px;--mx-radius-md: 5px;--mx-radius-lg: 8px;--mx-radius-full: 9999px;--mx-size-xs: 20px;--mx-size-sm: 28px;--mx-size-md: 36px;--mx-size-lg: 44px;--mx-space-xs: 4px;--mx-space-sm: 8px;--mx-space-md: 16px;--mx-space-lg: 24px;--mx-font-sm: 12px;--mx-font-md: 14px;--mx-font-lg: 16px;--mx-color-primary: #4f6ef7;--mx-color-primary-soft: #eef1fe;--mx-color-danger: #f56c6c;--mx-color-danger-soft: #fdf0f0;--mx-color-success: #2ba471;--mx-color-success-soft: #eaf7f1;--mx-color-text: #303133;--mx-color-text-secondary: #909399;--mx-color-border: #dcdfe6;--mx-color-bg: #f5f7fa;--mx-color-panel: #ffffff;--mx-color-grid: #e9edf4;--mx-json-key: #4f6ef7;--mx-json-string: #2ba471;--mx-json-number: #c2761f;--mx-json-bool: #9333ea;--mx-json-null: #909399;--mx-shadow-md: 0 4px 16px rgba(48, 49, 51, .08);--mx-transition: .2s ease;--mx-z-dropdown: 1000;--mx-z-dialog: 2000;--mx-z-message: 3000}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{color:var(--mx-color-text);font-size:var(--mx-font-md);line-height:1.6;background-color:var(--mx-color-bg);background-image:linear-gradient(var(--mx-color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--mx-color-grid) 1px,transparent 1px);background-size:var(--mx-space-lg) var(--mx-space-lg)}::selection{background:var(--mx-color-primary-soft)}.mx-message-container{position:fixed;top:var(--mx-space-md);left:50%;transform:translate(-50%);z-index:var(--mx-z-message);display:flex;flex-direction:column;align-items:center;gap:var(--mx-space-sm);pointer-events:none}