:root{--font-sans: "Inter", "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-display: "Inter", "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-number: "DIN Alternate", "Segoe UI", "Roboto Mono", Consolas, monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-title: 24px;--leading-tight: 1.25;--leading-snug: 1.38;--leading-normal: 1.55;--leading-relaxed: 1.7;font-family:var(--font-sans);font-size:var(--text-base);color:#13203a;background:radial-gradient(circle at top left,rgba(107,145,255,.14),transparent 30%),linear-gradient(180deg,#eef3ff,#f8fbff);line-height:var(--leading-normal);font-weight:400;color-scheme:light;font-synthesis:none;font-feature-settings:"kern";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:0}button,input,textarea,select{font:inherit;letter-spacing:0}::placeholder{color:#8a98b5}textarea{resize:none}button{cursor:pointer}#app{height:100vh}.page-shell{display:grid;grid-template-columns:184px 1fr;height:100vh;background:linear-gradient(180deg,#ffffffc7,#f0f4ffeb);overflow:hidden}.sidebar{position:relative;padding:22px 10px 20px;border-right:1px solid rgba(162,177,214,.24);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{position:absolute;inset:0 auto 0 0;width:1px;height:100%;background:linear-gradient(180deg,rgba(75,123,255,.25),transparent 18%)}.menu{display:flex;flex-direction:column;gap:12px;margin-top:168px}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#284067;text-align:left;line-height:var(--leading-snug);transition:.2s ease}.menu-item strong,.menu-item small{display:block}.menu-item strong{color:#213f6c;font-family:var(--font-display);font-size:var(--text-lg);font-weight:720;letter-spacing:0;line-height:var(--leading-tight)}.menu-item small{margin-top:1px;font-size:var(--text-sm);line-height:var(--leading-tight);color:#6c7ca1}.menu-item.active strong,.menu-group.active>.menu-item strong{color:#315be8}.menu-item.active{border-color:#7e9fff59;background:linear-gradient(135deg,#dbe5fff2,#eff4ffe6);box-shadow:inset 0 1px #fffc}.menu-group{display:grid;gap:8px}.menu-group.active>.menu-item,.menu-item-business{position:relative}.menu-group.active>.menu-item{border-color:#7e9fff59;background:linear-gradient(135deg,#dbe5fff2,#eff4ffe6);box-shadow:inset 0 1px #fffc}.menu-text{min-width:0;flex:1}.menu-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #4f6798;transform:rotate(-90deg);transform-origin:center;transition:transform .2s ease,opacity .2s ease;opacity:.88}.menu-arrow.expanded{transform:rotate(0)}.submenu{display:grid;gap:6px;padding:0 10px 4px 46px;max-height:260px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height .24s ease,opacity .18s ease,transform .18s ease,padding .18s ease}.submenu.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-6px);pointer-events:none}.submenu-item{padding:10px 12px;border:1px solid transparent;border-radius:10px;background:#ffffffa8;color:#284067;font-size:var(--text-base);font-weight:560;line-height:var(--leading-snug);text-align:left;transition:.18s ease}.submenu-item:hover{border-color:#7e9fff3d;background:#f3f7ffeb}.submenu-item.active{border-color:#7e9fff6b;background:linear-gradient(135deg,#e4ecfffa,#f4f7fff0);box-shadow:0 10px 20px #9fb2e029}.menu-dot{width:8px;height:8px;border-radius:50%;background:#6f8eff;box-shadow:0 0 0 4px #6f8eff1f}.workspace{display:flex;flex-direction:column;min-width:0;padding:20px 20px 16px 12px;overflow:hidden}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.toolbar h1{margin:0;font-family:var(--font-display);font-size:var(--text-title);color:#173a68;font-weight:760;letter-spacing:0;line-height:var(--leading-tight)}.toolbar p{margin:4px 0 0;font-size:var(--text-base);line-height:var(--leading-normal);color:#60708f}.toolbar-actions,.panel-actions,.modal-actions,.pagination-actions{display:flex;gap:12px;align-items:center}.primary-btn,.secondary-btn,.danger-btn,.icon-btn,.toggle,.pagination button,.small-btn{border:1px solid rgba(123,141,188,.2);border-radius:10px;padding:8px 14px;font-size:var(--text-base);font-weight:650;line-height:var(--leading-tight);transition:.2s ease}.primary-btn{color:#fff;background:linear-gradient(135deg,#4c73ff,#3c63f1);box-shadow:0 10px 30px #4c73ff33}.secondary-btn,.pagination button,.icon-btn,.small-btn{background:#ffffffdb;color:#1d335d}.danger-btn,.small-btn.danger{color:#c93b3b;background:#fff2f2e6}.small-btn{padding:4px 8px}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled,.pagination button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 318px;flex:1;gap:10px;min-height:0;overflow:hidden}.role-grid{grid-template-columns:minmax(0,1fr) 286px}.canvas-panel,.inspector,.modal-card{border:1px solid rgba(190,202,229,.5);border-radius:22px;background:#ffffffd1;box-shadow:0 18px 50px #a0b2db33,inset 0 1px #ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-panel{display:flex;flex-direction:column;overflow:hidden}.editor-panel{padding-bottom:14px}.canvas-surface{position:relative;flex:1;min-height:0;padding:34px 18px 18px 48px;background:radial-gradient(circle,rgba(95,130,255,.26) 1px,transparent 1px),linear-gradient(180deg,#ffffffad,#f4f7ffbd);background-size:16px 16px,auto;overflow:auto}.editor-canvas-surface{padding:20px}.editor-canvas-frame{position:relative}.editor-canvas{position:relative;transform-origin:top left}.edge-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.edge-path{fill:none;stroke:#31486feb;stroke-width:2.2}.edge-path.preview{stroke-dasharray:8 6;opacity:.65}.canvas-tools{position:absolute;left:14px;bottom:84px;display:flex;flex-direction:column;gap:8px;z-index:4}.canvas-tools button{width:34px;height:34px;border:1px solid rgba(180,194,229,.5);border-radius:10px;background:#ffffffeb;color:#5770a0;font-size:var(--text-base);font-weight:700}.card-grid{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start}.model-card,.skill-card,.role-card{width:202px;min-height:120px;padding:12px;border:1px solid rgba(204,214,238,.8);border-radius:16px;background:linear-gradient(145deg,#fffffff5,#f7f9ffe6),radial-gradient(circle at top right,rgba(93,134,255,.08),transparent 30%);text-align:left;box-shadow:0 12px 32px #bbc7e52e}.skill-card{width:246px}.role-card,.business-card{position:relative;display:flex;flex-direction:column;width:320px;min-height:176px;padding:14px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.role-card:before,.business-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(74,115,255,.18),transparent 36%);opacity:0;transition:opacity .22s ease}.role-card:hover,.business-card:hover{transform:translateY(-4px);border-color:#5479f2b8;background:linear-gradient(150deg,#fff,#f1f6fffa),radial-gradient(circle at top right,rgba(76,115,255,.16),transparent 40%);box-shadow:0 18px 36px #708bd338,0 0 0 3px #5479f214}.role-card:hover:before,.business-card:hover:before{opacity:1}.role-card .card-head,.business-card .card-head{position:relative;z-index:1}.role-card-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex:0 0 auto;white-space:nowrap}.role-card-meta span:not(.status-dot){display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border:1px solid rgba(184,199,232,.88);border-radius:999px;background:#f8fbffeb;color:#55709b;font-size:var(--text-xs);font-weight:650;line-height:1}.role-card-meta .status-dot{flex:0 0 auto;margin-left:2px}.role-card:hover .role-card-meta span:not(.status-dot),.business-card:hover .role-card-meta span:not(.status-dot){border-color:#6a8bf261;background:#eff4fff5;color:#3f61d8}.role-card h3,.business-card h3{display:-webkit-box;position:relative;z-index:1;min-height:50px;padding-right:6px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-card p,.business-card p{display:-webkit-box;position:relative;z-index:1;min-height:60px;color:#5f7397;line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.role-card:hover p,.business-card:hover p{color:#526b96}.model-card.selected{border-color:#7293ffe6;box-shadow:0 18px 36px #7b94ff29,0 0 0 3px #7293ff1f}.business-card.selected{border-color:#7293ffe0;box-shadow:0 18px 36px #7b94ff2e,0 0 0 3px #7293ff1f}.card-head,.inspector-top,.role-atom-head,.role-node-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:999px;font-size:var(--text-xs);font-weight:700;line-height:var(--leading-tight);letter-spacing:0;color:#4466ea;background:#ebf0fff2}.badge.ghost{color:#6178c4}.status-dot{width:8px;height:8px;border-radius:50%;background:#26c485}.model-card h3,.skill-card h3,.role-card h3,.inspector h2,.modal-head h2,.role-node h3{margin:12px 0 4px;font-family:var(--font-display);font-size:var(--text-xl);color:#17365f;font-weight:760;letter-spacing:0;line-height:var(--leading-snug)}.model-card h3,.skill-card h3,.role-card h3,.role-node h3,.business-node h3,.model-card.selected h3,.skill-card:hover h3,.role-card:hover h3,.business-card.selected h3{color:#111827}.model-card p,.skill-card p,.role-card p,.inspector-desc,.modal-head p,.role-node p,.role-atom-card p{margin:0;font-size:var(--text-base);font-weight:450;line-height:var(--leading-normal);color:#60759b}.inspector h2{color:#15365f}.inspector-desc{line-height:var(--leading-relaxed)}.role-atom-card strong,.node-head strong,.info-item strong,.list-card-head strong{color:#111827;font-family:var(--font-display);font-weight:720;letter-spacing:0}.card-tags,.skill-stats,.role-node-tags,.role-atom-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.card-tags span,.skill-stats span,.role-node-tags span,.role-atom-tags span{padding:3px 8px;border-radius:999px;font-size:var(--text-xs);font-weight:600;line-height:var(--leading-tight);color:#617090;border:1px solid rgba(194,206,235,.8);background:#fcfdfff0}.skill-time{font-family:var(--font-number);font-size:var(--text-xs);line-height:var(--leading-tight);color:#7e8fb3}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid rgba(204,214,235,.45);background:#f8faffeb;font-size:var(--text-base);line-height:var(--leading-snug);color:#62718f}.inspector{padding:14px 14px 12px;overflow:auto}.form-section{margin-top:14px}.form-section h3{margin:0 0 10px;font-family:var(--font-display);font-size:var(--text-lg);font-weight:720;line-height:var(--leading-snug);color:#1d3e69}.field{display:block;margin-bottom:10px}.field span{display:block;margin-bottom:6px;font-size:var(--text-sm);font-weight:650;line-height:var(--leading-tight);color:#5d6f93}.field input,.field textarea,.select-field{width:100%;padding:10px 12px;border:1px solid rgba(198,209,235,.85);border-radius:12px;font-size:var(--text-base);font-weight:500;line-height:var(--leading-snug);color:#14233f;background:linear-gradient(180deg,#f9fbfff5,#f3f7ffe6);outline:none}.field textarea{min-height:84px}.field input:focus,.field textarea:focus,.select-field:focus{border-color:#5f80f1d9;box-shadow:0 0 0 3px #5f80f11f}.inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(225,232,246,.8);font-size:var(--text-base);line-height:var(--leading-snug)}.switch-row:last-child{border-bottom:none}.toggle{min-width:64px;padding:6px 10px;color:#7890be;background:#f1f5ffe6}.toggle.on{color:#0d8457;background:#ddfbeef2;border-color:#59c8954d}.panel-actions{margin-top:18px;justify-content:space-between}.panel-actions-center{justify-content:center}.empty-state{display:grid;place-items:center;min-height:260px;color:#7182a4;font-size:var(--text-base);line-height:var(--leading-normal);text-align:center}.inspector-empty{min-height:100%}.error-banner{margin-bottom:10px;padding:10px 14px;border:1px solid rgba(232,120,120,.28);border-radius:12px;font-size:var(--text-base);font-weight:560;line-height:var(--leading-snug);color:#b73c3c;background:#fff3f3eb}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0c162847;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{width:min(560px,100%);padding:18px;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.business-modal-mask{z-index:25}.business-modal-card{width:min(620px,100%);background:linear-gradient(180deg,#fffffff0,#f4f8ffeb),radial-gradient(circle at top,rgba(112,157,255,.14),transparent 38%)}.business-modal-body{display:grid;gap:2px}.role-create-modal-card{width:min(560px,100%);background:linear-gradient(180deg,#fffffff2,#f4f8ffeb),radial-gradient(circle at top right,rgba(90,130,255,.12),transparent 36%)}.role-create-modal-body{display:grid;gap:4px}.role-create-modal-body textarea{min-height:84px;max-height:160px;overflow-y:auto}.role-create-modal-body .role-create-capability-textarea{min-height:150px;max-height:220px;overflow-y:auto}.modal-error{margin-bottom:14px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal-body{flex:1 1 auto;padding-top:2px;padding-bottom:18px;overflow-y:auto;padding-right:4px;min-height:0}.modal-head,.modal-actions{flex-shrink:0}.capability-modal-mask{z-index:36;background:radial-gradient(circle at center,rgba(225,235,255,.48),transparent 42%),#0c162857}.capability-modal-card{width:min(760px,calc(100vw - 48px));min-height:520px;padding:20px;background:linear-gradient(180deg,#fffffff5,#f4f8fff0),radial-gradient(circle at top right,rgba(90,130,255,.14),transparent 34%)}.capability-modal-head{margin-bottom:16px}.capability-modal-head h2{margin:8px 0 4px}.capability-modal-body{min-height:0;flex:1}.capability-preview-textarea{width:100%;height:360px;min-height:320px;padding:18px 20px;border:1px solid rgba(184,199,235,.86);border-radius:16px;color:#1b315b;background:linear-gradient(180deg,#fafcfffa,#f4f8fff0);box-shadow:inset 0 1px #ffffffeb;font-size:var(--text-md);line-height:var(--leading-relaxed);outline:none;overflow-y:auto;white-space:pre-wrap}.capability-modal-actions{justify-content:flex-end;margin-top:16px}.icon-btn{width:34px;height:34px;padding:0;font-size:20px;line-height:1}.switch-group{display:flex;gap:18px;margin:12px 0 18px;font-size:var(--text-base);line-height:var(--leading-snug)}.check-row{display:inline-flex;align-items:center;gap:10px;color:#4b5d84}.skill-toolbar{gap:24px}.skill-title-wrap{min-width:0;flex:1}.skill-title-input,.skill-subtitle-input{width:100%;border:none;background:transparent;color:#0f1f3f;outline:none}.skill-title-input{padding:2px 0;font-family:var(--font-display);font-size:var(--text-title);font-weight:760;line-height:var(--leading-tight)}.skill-subtitle-input{min-height:48px;margin-top:6px;font-size:var(--text-base);line-height:var(--leading-normal);color:#60708f}.editor-node{position:absolute;border:1px solid rgba(176,193,235,.88);border-radius:20px;background:linear-gradient(145deg,#fffffffa,#f3f7ffed),radial-gradient(circle at top right,rgba(93,134,255,.1),transparent 36%);box-shadow:0 18px 36px #abbae138;z-index:2;-webkit-user-select:none;user-select:none}.editor-node.selected{border-color:#4c73fff2;box-shadow:0 20px 38px #7b94ff2e,0 0 0 3px #7293ff1f}.editor-node.connecting{border-style:dashed}.skill-node{width:196px;min-height:104px;padding:14px 14px 16px}.skill-node p{margin-top:10px;min-height:30px;font-size:var(--text-xs);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-node{width:216px;min-height:112px;padding:14px 14px 16px}.node-head{display:flex;align-items:center;gap:10px}.node-head strong,.node-head small{display:block}.node-head strong{font-size:var(--text-lg);line-height:var(--leading-snug)}.node-head div{min-width:0;flex:1}.node-head small{font-size:var(--text-xs);line-height:var(--leading-tight);color:#7082a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-icon,.atom-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;padding:0 8px;border-radius:10px;font-family:var(--font-number);font-size:var(--text-2xs);font-weight:700;line-height:1;color:#fff}.node-port{position:absolute;top:44px;width:20px;height:20px;padding:0;border:none;background:transparent}.node-port span{display:block;width:12px;height:12px;margin:4px;border-radius:50%;background:#4f7dff;box-shadow:0 0 0 4px #4f7dff24}.node-port.input{left:-10px}.node-port.output{right:-10px}.node-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:#fff4f4f2;color:#be4040;font-size:16px;font-weight:700;line-height:1}.editor-node .node-remove{opacity:0;pointer-events:none;transform:scale(.86);transition:opacity .16s ease,transform .16s ease,background .16s ease}.editor-node.selected .node-remove{opacity:1;pointer-events:auto;transform:scale(1)}.drawer-shell{flex-shrink:0;margin:0 14px;border:1px solid rgba(194,206,235,.85);border-radius:18px;background:#fffffff0;box-shadow:0 14px 36px #99acd829;overflow:hidden}.drawer-shell.collapsed{min-height:52px;box-shadow:0 10px 24px #99acd81f}.drawer-shell.collapsed .drawer-handle{border-radius:18px}.drawer-handle{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 16px;border:none;background:#5a709629;color:#2b4677;font-size:var(--text-md);font-weight:720;line-height:1.2}.drawer-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-rows:50px;gap:10px 12px;height:206px;padding:16px 18px 18px;overflow-y:auto;overflow-x:hidden;border-top:1px solid rgba(204,214,238,.72);align-content:start}.role-drawer-body{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:100px;height:224px;gap:10px}.atom-chip{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;height:50px;min-height:50px;padding:8px 14px;border:1px solid rgba(194,206,235,.85);border-radius:14px;background:linear-gradient(180deg,#fbfdfffa,#f1f6fff5);color:#1e3560;text-align:left;overflow:hidden}.atom-chip>span:last-child{display:-webkit-box;min-width:0;color:#203862;font-size:var(--text-base);font-weight:650;line-height:1.28;overflow:hidden;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.atom-chip .atom-icon{width:42px;min-width:42px;padding:0 6px}.role-atom-card{height:100%;padding:10px 12px;border:1px solid rgba(194,206,235,.85);border-radius:14px;background:linear-gradient(145deg,#fffffffa,#f3f7fff5),radial-gradient(circle at top right,rgba(92,136,255,.1),transparent 35%);text-align:left;color:#17315c;overflow:hidden}.role-atom-card strong{display:block;margin-top:8px;font-size:var(--text-md);line-height:var(--leading-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-atom-card p{margin-top:6px;min-height:32px;font-size:var(--text-xs);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.role-atom-head .badge{padding:2px 8px;font-size:var(--text-2xs)}.role-atom-head .skill-time{font-size:var(--text-2xs)}.role-atom-tags{margin-top:8px}.role-atom-tags span{padding:2px 7px;font-size:var(--text-2xs)}.drawer-empty{display:grid;place-items:center;min-height:100%;color:#7384a8;font-size:var(--text-base);line-height:var(--leading-normal)}.role-node-top{margin-bottom:10px}.role-node p{min-height:38px;font-size:var(--text-sm);line-height:var(--leading-normal)}.drawer-body::-webkit-scrollbar{width:8px}.drawer-body::-webkit-scrollbar-thumb{border-radius:999px;background:#6780bc6b}.drawer-body::-webkit-scrollbar-track{background:#ebf0fcd1}.list-card{margin:10px 0 14px;padding:12px;border:1px solid rgba(204,214,238,.8);border-radius:16px;background:#f8faffdb}.list-card-head,.relation-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.kv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;margin-top:10px}.kv-row input{width:100%;padding:8px 10px;border:1px solid rgba(198,209,235,.85);border-radius:10px;background:#ffffffeb}.field-tip{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:#7284a7}.info-list{display:grid;gap:10px}.info-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(204,214,238,.82);border-radius:14px;background:#f8faffe0}.info-item strong{font-size:var(--text-md);color:#1a315d}.info-item span{font-size:var(--text-sm);line-height:var(--leading-snug);color:#6b7ca0;text-align:right}.relation-list{display:grid;gap:8px}.relation-item{padding:10px 12px;border:1px solid rgba(204,214,238,.82);border-radius:12px;background:#f8faffe0;font-size:var(--text-sm);line-height:var(--leading-snug);color:#536680}.view-skill-btn{min-width:140px;font-size:var(--text-lg);font-weight:720}.business-canvas-surface{padding-right:24px}.business-canvas-surface-embed{padding:0}.business-card-grid{align-content:flex-start}.business-card{width:320px;min-height:176px;padding:14px}.business-embed-shell{height:100%;min-height:100%}.business-embed-frame-wrap{width:100%;height:100%;min-height:100%;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}.business-embed-frame{width:100%;height:100%;min-height:100%;border:0;background:#fff}.business-inspector-actions{justify-content:space-between;margin-top:22px}.business-meta-list{margin-top:10px}.render-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#e1edffd1,#ecf3fff0 46%,#f8fbfffa),#f4f8ffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.render-panel{position:relative;display:grid;place-items:center;width:min(640px,calc(100vw - 48px));min-height:520px;padding:54px 32px 40px;border:1px solid rgba(179,201,244,.55);border-radius:40px;overflow:hidden;background:radial-gradient(circle at center,rgba(195,218,255,.24),transparent 34%),linear-gradient(180deg,#ffffffd1,#f4f9ffeb);box-shadow:0 28px 90px #94b0ea42,inset 0 1px #fffffff5}.render-ambient{position:absolute;border-radius:50%;filter:blur(24px);opacity:.62}.render-ambient-a{width:280px;height:280px;background:#79aaff47;animation:renderFloatA 5.6s ease-in-out infinite}.render-ambient-b{width:360px;height:360px;background:#ddeeffd1;animation:renderFloatB 6.2s ease-in-out infinite}.render-core-shell{position:relative;display:grid;place-items:center;width:280px;height:280px}.render-core{position:relative;z-index:3;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff5,#a7c5ffe6 34%,#517afffa 78%);box-shadow:0 0 38px #6795ff85,0 0 92px #90bbff61}.render-core:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(circle,rgba(140,187,255,.36),transparent 68%);animation:renderPulse 2.2s ease-out infinite}.render-core-icon{position:relative;width:30px;height:30px;border-radius:12px;background:linear-gradient(180deg,#fffffff0,#cddeffe6);box-shadow:inset 0 -4px 8px #476fe033}.render-core-icon:before,.render-core-icon:after{content:"";position:absolute;left:7px;right:7px;height:2px;border-radius:999px;background:#6087ffe0}.render-core-icon:before{top:11px;box-shadow:0 6px #6087ff99}.render-core-icon:after{top:17px}.render-ring,.render-pulse,.render-orbit{position:absolute;border-radius:50%}.render-ring{border:1px solid rgba(135,170,255,.45)}.ring-inner{width:118px;height:118px;animation:renderSpin 3.8s linear infinite reverse}.ring-mid{width:164px;height:164px;border-style:dashed;animation:renderSpin 8s linear infinite}.ring-outer{width:214px;height:214px;border-color:#b6d1ff70;animation:renderSpin 10s linear infinite reverse}.render-pulse{top:50%;right:50%;bottom:50%;left:50%;border:1px solid rgba(118,162,255,.36);transform:translate(-50%,-50%)}.pulse-a{animation:renderWave 2.8s ease-out infinite}.pulse-b{animation:renderWave 2.8s ease-out 1.4s infinite}.render-orbit{top:22px;right:22px;bottom:22px;left:22px;border:1px dashed rgba(120,164,255,.22)}.orbit-a{animation:renderSpin 7.8s linear infinite}.orbit-b{top:36px;right:36px;bottom:36px;left:36px;animation:renderSpin 5.2s linear infinite reverse}.render-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#fffffff0,#83beffcc);box-shadow:0 0 18px #89c3ffb8}.particle-a{top:44px;left:38px;width:8px;height:8px;animation:renderParticleA 3.2s ease-in-out infinite}.particle-b{top:78px;right:48px;width:10px;height:10px;animation:renderParticleB 4.2s ease-in-out infinite}.particle-c{right:60px;bottom:56px;width:7px;height:7px;animation:renderParticleA 4.6s ease-in-out .8s infinite}.particle-d{left:52px;bottom:64px;width:9px;height:9px;animation:renderParticleB 3.6s ease-in-out .4s infinite}.render-panel h2{position:relative;z-index:1;margin:18px 0 6px;font-family:var(--font-display);font-size:32px;font-weight:760;line-height:var(--leading-tight);color:#32518d;letter-spacing:0}.render-subtitle{position:relative;z-index:1;margin:0;color:#7390c2;font-size:var(--text-lg);line-height:var(--leading-normal);text-align:center}@keyframes renderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes renderPulse{0%,to{transform:scale(.98);opacity:.48}50%{transform:scale(1.08);opacity:.92}}@keyframes renderWave{0%{width:86px;height:86px;opacity:.55}to{width:252px;height:252px;opacity:0}}@keyframes renderParticleA{0%,to{transform:translateZ(0) scale(.9)}50%{transform:translate3d(16px,-10px,0) scale(1.14)}}@keyframes renderParticleB{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-14px,12px,0) scale(.82)}}@keyframes renderFloatA{0%,to{transform:translate3d(-26px,-18px,0)}50%{transform:translate3d(34px,24px,0)}}@keyframes renderFloatB{0%,to{transform:translate3d(22px,28px,0)}50%{transform:translate3d(-28px,-20px,0)}}@media(max-width:1440px){.content-grid{grid-template-columns:minmax(0,1fr) 290px}.model-card{width:188px}.skill-card{width:220px}.role-card,.business-card{width:300px}}.business-grid{grid-template-columns:minmax(0,1fr) 286px}.business-node{width:216px;min-height:112px;padding:14px 14px 16px}.business-drawer-body{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:100px;height:224px;gap:10px}.model-category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;grid-column:1;grid-row:1;width:100%;margin:0}.model-category-tab{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:8px 13px;border:1px solid rgba(179,195,235,.78);border-radius:8px;background:#ffffffd1;color:#284067;font-size:var(--text-base);font-weight:650;line-height:var(--leading-tight);box-shadow:0 10px 24px #9eb0db1f;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.model-category-icon{width:19px;height:19px;flex:0 0 auto;color:#203454}.model-category-tab:hover{transform:translateY(-1px);border-color:#688af494;background:#f8fbfff5}.model-category-tab:hover .model-category-icon,.model-category-tab.active .model-category-icon{color:#315be8}.model-category-tab.active{border-color:#4c73ffb8;background:linear-gradient(135deg,#e8eefffa,#f7fafff5);box-shadow:0 14px 28px #7491e02e,inset 0 1px #ffffffeb}.model-category-tab strong{min-width:24px;padding:2px 7px;border-radius:999px;background:#496ef21a;color:#3d63e7;font-family:var(--font-number);font-size:var(--text-sm);line-height:var(--leading-tight);text-align:center}.model-content-grid{grid-template-rows:auto minmax(0,1fr);row-gap:12px}.model-content-grid>.canvas-panel{grid-column:1;grid-row:2}.model-content-grid>.model-inspector{grid-column:2;grid-row:2}.model-canvas-surface{padding:34px 18px 18px 48px}.model-canvas-surface .card-grid{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start}.model-canvas-surface .model-card{position:relative;display:flex;flex-direction:column;width:320px;min-height:176px;padding:14px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#fffffff5,#f7f9ffe6),radial-gradient(circle at top right,rgba(93,134,255,.08),transparent 30%);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.model-canvas-surface .model-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(74,115,255,.18),transparent 36%);opacity:0;transition:opacity .22s ease}.model-canvas-surface .model-card:hover{transform:translateY(-4px);border-color:#5479f2b8;background:linear-gradient(150deg,#fff,#f1f6fffa),radial-gradient(circle at top right,rgba(76,115,255,.16),transparent 40%);box-shadow:0 18px 36px #708bd338,0 0 0 3px #5479f214}.model-canvas-surface .model-card:hover:before{opacity:1}.model-canvas-surface .model-card.selected{transform:translateY(-2px)}.model-card .card-head{position:relative;z-index:1;align-items:center}.model-card-capabilities{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex:0 0 auto;white-space:nowrap}.model-card-capabilities span:not(.status-dot){display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border:1px solid rgba(184,199,232,.88);border-radius:999px;background:#f8fbffeb;color:#55709b;font-size:var(--text-xs);font-weight:650;line-height:1}.model-card-capabilities span.muted{border-color:#cdd6e8d1;background:#f5f8fce6;color:#8795ad}.model-card-capabilities .status-dot{flex:0 0 auto;margin-left:2px}.model-card:hover .model-card-capabilities span:not(.status-dot),.model-card.selected .model-card-capabilities span:not(.status-dot){border-color:#6a8bf261;background:#eff4fff5;color:#3f61d8}.model-card h3{display:-webkit-box;position:relative;z-index:1;min-height:50px;margin:12px 0 4px;padding-right:6px;color:#111827;font-size:var(--text-xl);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-card:hover h3,.model-card.selected h3{color:#111827}.model-remark-text{display:-webkit-box;position:relative;z-index:1;min-height:42px;margin-top:0;color:#5f7397;font-weight:450;line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.model-card:hover .model-remark-text{color:#526b96}@media(max-width:1440px){.model-canvas-surface .model-card{width:300px}}.model-content-grid .inspector h2{margin:10px 0;color:#111827}.model-inspector{display:flex;flex-direction:column;padding:16px 16px 14px}.model-inspector .inspector-top{flex-shrink:0}.model-form-section{display:grid;gap:8px;margin-top:0}.model-form-section .field{margin-bottom:0}.model-form-section .field textarea{min-height:66px}.model-capability-field{display:grid;gap:8px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.field .field-heading{margin-bottom:6px}.field-heading span{margin-bottom:0}.eye-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(185,200,236,.9);border-radius:10px;color:#526fab;background:#f7fafff0;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.eye-btn:hover{color:#365de8;border-color:#5b7eef8c;background:#eef4fffa;box-shadow:0 8px 18px #7a94dc29}.eye-glyph{position:relative;width:17px;height:11px;border:2px solid currentColor;border-radius:50%/62%}.eye-glyph:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.model-form-section .model-capability-field textarea{min-height:150px;max-height:150px;overflow-y:auto;line-height:var(--leading-normal)}.create-capability-field textarea{min-height:120px;max-height:120px;overflow-y:auto}.model-form-section .field input,.model-form-section .field textarea,.model-form-section .select-field{padding:8px 12px}.readonly-model-section input,.readonly-model-section textarea,.readonly-model-section .select-field{cursor:default;color:#385177;background:linear-gradient(180deg,#f8fbffd6,#f1f5fcd1)}.readonly-model-section input:focus,.readonly-model-section textarea:focus,.readonly-model-section .select-field:focus{border-color:#c6d1ebd9;box-shadow:none}.readonly-model-switch-section .toggle:disabled{opacity:1}.model-switch-section{display:grid;gap:0;margin-top:10px;padding:4px 0;border-top:1px solid rgba(204,214,238,.72);border-bottom:1px solid rgba(204,214,238,.72)}.model-switch-section .switch-row{padding:8px 0}.model-panel-actions{position:sticky;bottom:-14px;margin-top:10px;padding:10px 0 2px;background:linear-gradient(180deg,#fff0,#fffffff5 28%)}.model-list-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid rgba(204,214,235,.45);background:#f8faffeb;color:#62718f;font-size:var(--text-base);line-height:var(--leading-snug)}.model-list-footer strong{color:#2b4677;font-weight:720}