.uml-body{background:radial-gradient(circle at 15% 0,rgba(34,216,239,.08),transparent 32%),radial-gradient(circle at 92% 14%,rgba(137,107,255,.08),transparent 28%),#020d16}
.uml-shell{width:min(1600px,calc(100% - 26px));margin:0 auto;padding:125px 0 120px}
.uml-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:end;padding:45px 10px 38px}
.uml-hero>div>span{color:var(--cyan);font-size:9px;letter-spacing:.13em}.uml-hero h1{font-size:clamp(52px,7vw,96px);line-height:.98;letter-spacing:-.055em;margin:18px 0}
.uml-hero h1 em{font-style:normal;background:linear-gradient(90deg,#2ee1ed,#498eff,#896bff);background-clip:text;-webkit-background-clip:text;color:transparent}.uml-hero p{max-width:860px;color:var(--muted);font-size:18px;line-height:1.75}
.uml-catalog-status{padding:25px;border-radius:21px}.uml-catalog-status>span{color:var(--cyan);font-size:9px}.uml-catalog-status strong{display:block;font-size:44px;margin:14px 0 5px}.uml-catalog-status small{color:var(--muted)}.uml-catalog-status div{margin-top:18px;padding:9px;border:1px solid var(--line);border-radius:10px;color:#a9bec7;font-size:10px}
.uml-toolbar{display:grid;grid-template-columns:1.5fr repeat(3,.75fr);gap:10px;padding:12px;border-radius:18px}.uml-toolbar label{display:grid;gap:6px}.uml-toolbar label>span{font-size:8px;color:var(--cyan)}.uml-toolbar input,.uml-toolbar select{height:44px;border:1px solid var(--line);border-radius:11px;background:#061825;color:#e7f2f5;padding:0 12px}
.uml-workspace{display:grid;grid-template-columns:370px 1fr;gap:15px;margin-top:15px;min-height:760px}.uml-model-list{border-radius:21px;overflow:hidden}.uml-model-list>header{display:flex;justify-content:space-between;padding:19px;border-bottom:1px solid var(--line)}.uml-model-list>header span{font-size:9px;color:var(--cyan)}#umlList{max-height:760px;overflow:auto;padding:9px}
.uml-list-item{width:100%;display:block;text-align:left;padding:14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#dce9ee;cursor:pointer}.uml-list-item:hover,.uml-list-item.active{background:rgba(34,216,239,.07);border-color:rgba(34,216,239,.14)}.uml-list-item strong{display:block;font-size:13px;margin-bottom:6px}.uml-list-item small{display:block;color:#78929d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uml-list-meta{display:flex;gap:6px;margin-top:9px}.uml-list-meta span{padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.04);font-size:7px;color:#9eb3bc}.uml-empty-list{padding:30px 14px;text-align:center;color:var(--muted)}
.uml-viewer-panel{border-radius:21px;overflow:hidden;min-width:0}.uml-viewer-head{display:flex;justify-content:space-between;gap:18px;padding:23px;border-bottom:1px solid var(--line)}.uml-viewer-head>div>span{font-size:8px;color:var(--cyan)}.uml-viewer-head h2{font-size:29px;margin:8px 0}.uml-viewer-head p{margin:0;color:var(--muted);font-size:11px}.uml-navigation{display:flex;align-items:center;gap:7px}.uml-navigation button{height:38px;border:1px solid var(--line);border-radius:10px;background:transparent;color:#c5d6dd;padding:0 11px}.uml-navigation button:disabled{opacity:.35}
.uml-view-tabs{display:flex;gap:5px;padding:8px;border-bottom:1px solid var(--line)}.uml-view-tabs button{height:38px;border:0;border-radius:9px;background:transparent;color:#879fa9;padding:0 13px}.uml-view-tabs button.active{color:#fff;background:rgba(34,216,239,.08)}
.uml-tab-panel{display:none;min-height:600px}.uml-tab-panel.active{display:block}#umlPreviewPanel{padding:18px}.uml-preview-empty,.uml-preview-missing{min-height:560px;display:grid;place-content:center;text-align:center;color:var(--muted)}.uml-preview-image{width:100%;height:600px;object-fit:contain;background:#fff;border-radius:13px}
#umlRawPanel pre{margin:0;min-height:600px;max-height:700px;overflow:auto;padding:24px;background:#03101a;color:#bde9ef;font:12px/1.65 ui-monospace,Consolas,monospace}#umlProvenancePanel{padding:22px}.uml-provenance-grid{display:grid;grid-template-columns:180px 1fr;gap:1px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.uml-provenance-grid dt,.uml-provenance-grid dd{margin:0;padding:12px;background:rgba(255,255,255,.018)}.uml-provenance-grid dt{color:var(--cyan);font-size:9px}.uml-provenance-grid dd{color:#b9cbd2;font-size:11px;overflow-wrap:anywhere}.uml-model-actions{display:flex;gap:9px;padding:14px 20px;border-top:1px solid var(--line)}
@media(max-width:1100px){.uml-hero{grid-template-columns:1fr}.uml-toolbar{grid-template-columns:1fr 1fr}.uml-workspace{grid-template-columns:310px 1fr}}
@media(max-width:800px){.uml-shell{width:min(100% - 12px,1600px);padding-top:100px}.uml-toolbar{grid-template-columns:1fr}.uml-workspace{grid-template-columns:1fr}.uml-model-list{max-height:380px}#umlList{max-height:315px}.uml-viewer-head{flex-direction:column}.uml-tab-panel{min-height:470px}.uml-preview-image{height:470px}.uml-preview-empty,.uml-preview-missing{min-height:430px}}