html{height:100%}body,html{margin:0;padding:0;overflow:hidden}body{height:100vh}*{box-sizing:border-box}a{cursor:pointer!important}.app-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.app-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(800px);-webkit-filter:blur(800px);transform:scale(1.2)}.app-content{position:relative;z-index:2;height:100vh;overflow:hidden}.app-layout{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.header-area{width:100%}.layout{gap:24px;padding:8px}.layout,.layout-content{display:flex;flex:1 1;min-width:0;min-height:0}.layout-content{overflow-x:hidden;flex-direction:column}.sidemenu{width:215px;flex-shrink:0;align-self:stretch;display:flex;flex-direction:column}.content{flex-grow:1}@media (max-width:768px){.layout{flex-direction:column}.sidemenu{width:calc(100% - 32px)}}.table,.table td,.table th{border:1px solid;border-collapse:collapse;padding:5px}.errmessage{color:red}.logout-btn{margin:100px}.data-model-page{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:24px;gap:12px}.data-model-toolbar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.data-model-title{margin:0;font-size:18px;font-weight:700;color:#223670}.data-model-sub{margin:4px 0 0;font-size:12px;color:#666}.data-model-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0}.data-model-layout-controls{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid #eee;border-radius:8px;background:#fff;font-size:12px;flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-model-layout-controls--inactive{visibility:hidden;pointer-events:none}.data-model-segmented,.data-model-toolbar-right>.data-model-btn{flex-shrink:0}.data-model-layout-controls input[type=range]{width:100px;accent-color:#1e9296}.data-model-val{flex:0 0 3rem;width:3rem;text-align:right;font-weight:700;color:#223670;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-model-sep{color:#ddd}.data-model-segmented{display:inline-flex;border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff}.data-model-segmented button{border:none;background:transparent;padding:8px 16px;min-width:4.5em;font-size:13px;font-weight:600;cursor:pointer;color:#666;box-sizing:border-box}.data-model-segmented button.active{background:#223670;color:#fff}.data-model-btn{border:1px solid #eee;background:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.data-model-btn:disabled{opacity:.45;cursor:not-allowed}.data-model-btn-icon{width:32px;padding:0}.data-model-btn-primary{background:#1e9296;color:#fff;border-color:#1e9296}.data-model-warnings{padding:10px 12px;background:#fff8e1;border:1px solid #d0a900;border-radius:8px;font-size:12px}.data-model-body{flex:1 1;min-height:0;position:relative}.data-model-workspace{display:flex;flex:1 1;min-height:0;gap:0;border-radius:12px;border:1px solid #eee;overflow:hidden;background:#f4f6f9}.data-model-schema-panel{width:220px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:#e8eaed;border-right:1px solid #d5d9e0}.data-model-schema-tabs{display:flex;flex-shrink:0;border-bottom:1px solid #d5d9e0;background:#dfe3e8}.data-model-schema-tabs button{flex:1 1;background:transparent;padding:10px 8px;font-size:12px;font-weight:700;color:#555;cursor:pointer;border:none;border-top:3px solid transparent}.data-model-schema-tabs button.active{background:#f4f6f9;color:#223670;border-top-color:#1e9296}.data-model-schema-body{flex:1 1;min-height:0;overflow-y:auto;padding:10px 12px 14px;background:#f4f6f9}.data-model-schema-hint{margin:0 0 10px;font-size:11px;line-height:1.45;color:#666}.data-model-schema-search{width:100%;box-sizing:border-box;height:32px;padding:0 10px;margin-bottom:8px;border:1px solid #ccc;border-radius:4px;font-size:12px;background:#fff}.data-model-schema-bulk{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px}.data-model-schema-bulk button{border:none;background:none;padding:0;color:#1e9296;font-size:11px;font-weight:600;cursor:pointer;text-decoration:underline}.data-model-schema-bulk span{color:#ccc}.data-model-schema-section-title{margin:12px 0 6px;font-size:11px;font-weight:700;color:#223670}.data-model-schema-list{list-style:none;margin:0;padding:0}.data-model-schema-list li{margin:0;border-bottom:1px solid #e8eaed}.data-model-schema-list-compact li{border-bottom:none}.data-model-schema-check{display:flex;align-items:flex-start;gap:8px;padding:6px 4px;font-size:12px;color:#333;cursor:pointer}.data-model-schema-check input{margin-top:2px;flex-shrink:0;accent-color:#1e9296}.data-model-schema-check span{line-height:1.35;word-break:break-word}.data-model-schema-empty{margin:8px 0 0;font-size:11px;color:#888}.data-model-workspace .data-model-flow-wrap{flex:1 1;min-width:0;border:none;border-radius:0;height:calc(100vh - 280px)}.data-model-flow-wrap{position:relative;display:flex;flex-direction:column;height:calc(100vh - 280px);min-height:480px;border-radius:12px;border:1px solid #eee;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#f8fbfc 0,#eef2f6 100%)}.data-model-flow-canvas{flex:1 1;min-height:0;position:relative}.data-model-flow-canvas .react-flow{width:100%;height:100%}.data-model-flow-canvas .react-flow__edgelabel-renderer{z-index:4}.data-model-flow-canvas .data-model-edge-label{z-index:1}.data-model-flow-empty{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px;font-size:13px;color:#5c6b7a;text-align:center}.data-model-mermaid-host{flex:1 1;min-height:0;overflow:auto;padding:16px 20px 24px;cursor:grab}.data-model-mermaid-host:active{cursor:grabbing}.data-model-mermaid-error,.data-model-mermaid-loading{padding:12px 0;font-size:13px;color:#5c6b7a}.data-model-mermaid-error{color:#b42318}.data-model-mermaid-svg{display:inline-block;min-width:min-content;padding:8px 4px 24px}.data-model-mermaid-svg svg{display:block;max-width:none;width:auto;height:auto}.data-model-flow-wrap .data-model-minimap-header-panel{z-index:6;margin:0;padding:0;background:transparent;border:none;box-shadow:none;pointer-events:auto}.data-model-minimap-header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:100%;padding:0 10px;box-sizing:border-box;background:rgba(255,255,255,.97);border:1px solid #d0dae4;border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -2px 12px rgba(34,54,112,.06)}.data-model-minimap-title{font-size:11px;font-weight:700;color:#223670;letter-spacing:.02em}.data-model-flow-wrap .react-flow__minimap.data-model-minimap-map{z-index:5;border:1px solid #d0dae4;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 4px 18px rgba(34,54,112,.12);overflow:hidden;transition:width .22s ease,height .22s ease}.data-model-flow-wrap .data-model-minimap-map .react-flow__minimap-svg{display:block}.data-model-flow-wrap .data-model-minimap-pulse-panel{z-index:7;background:transparent;border:none;box-shadow:none;pointer-events:none}.data-model-minimap-actions{display:flex;align-items:center;gap:6px}.data-model-minimap-btn,.data-model-minimap-reopen{height:22px;padding:0 8px;border:1px solid #d0dae4;border-radius:4px;background:#f4f8fa;color:#223670;font-size:11px;font-weight:700;line-height:1;cursor:pointer}.data-model-minimap-btn:hover,.data-model-minimap-reopen:hover{border-color:#1e9296;color:#1e9296}.data-model-flow-wrap .data-model-minimap-reopen-panel{z-index:6;margin:0;padding:0;background:transparent;border:none;box-shadow:none;pointer-events:auto}.data-model-minimap-reopen{height:28px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(34,54,112,.12)}.data-model-minimap-pulse-panel{overflow:visible}.data-model-minimap-pulse{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#1e9296;box-shadow:0 0 0 4px rgba(30,146,150,.35);pointer-events:none;animation:data-model-minimap-pulse .52s ease-out forwards}@keyframes data-model-minimap-pulse{0%{opacity:.95;transform:scale(.35)}55%{opacity:.75;transform:scale(1.35)}to{opacity:0;transform:scale(1.8)}}.data-model-legend{position:absolute;top:12px;right:12px;z-index:10;background:rgba(255,255,255,.96);border:1px solid #eee;border-radius:10px;padding:12px 14px;font-size:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);pointer-events:none}.data-model-legend-title{font-weight:700;color:#223670;font-size:11px}.data-model-legend-row{display:flex;align-items:center;gap:8px;margin:5px 0}.data-model-legend .swatch{width:32px;height:14px;border-radius:4px;border:2px solid;display:inline-block}.swatch-none{background:#fffdf8;border-color:#d0d0d0}.swatch-table{background:#c5e1fc;border-color:#223670}.swatch-record{background:#ffe8cc;border-color:#d0a900}.data-model-code{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 280px);min-height:400px}.data-model-code-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.data-model-copy-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.data-model-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #eee;border-radius:8px;background:#fff;color:#223670;cursor:pointer}.data-model-copy-btn:hover{background:#f4f8fa;border-color:#1e9296;color:#1e9296}.data-model-copy-flash{position:absolute;right:calc(100% + 8px);top:50%;margin-top:-.6em;padding:4px 10px;border-radius:6px;background:#1e9296;color:#fff;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;animation:data-model-copy-flash 1s ease-out forwards;box-shadow:0 2px 8px rgba(30,146,150,.35)}@keyframes data-model-copy-flash{0%{opacity:0;transform:translateX(6px) scale(.92)}12%{opacity:1;transform:translateX(0) scale(1)}70%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(0) scale(.96)}}.data-model-pre{flex:1 1;margin:0;padding:16px;background:#1a1d23;color:#e6edf3;border-radius:10px;overflow:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.55;white-space:pre}.er-node{width:220px;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px rgba(34,54,112,.1);border:2px solid;background:#fff;font-size:11px}.er-header{padding:8px 10px;font-weight:700;font-size:12px}.er-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid #f4f4f4}.er-column-handles{display:contents}.er-row-linked{background:#f4f9ff;box-shadow:inset 3px 0 0 #3d6ea8}.er-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.er-type{color:#888;font-size:10px;font-family:ui-monospace,monospace}.er-footer{font-size:10px;color:#666;padding:5px 10px;border-top:1px dashed #e8e8e8;background:#fafafa}.data-model-edge-cardinality{pointer-events:none;font-size:12px;font-weight:700;font-family:ui-monospace,monospace;color:#2a5080;line-height:1;background:none;padding:0}.data-model-edge-cardinality.is-representative{color:#8a6910}