.skill-panel{min-width:0;padding-top:19px;border-top:1px solid #35413d;margin-top:23px;text-align:left}
.skill-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.skill-eyebrow{display:block;color:#769e8b;font-size:8px;letter-spacing:1.7px;margin-bottom:7px}
.skill-panel-head h3,.skill-panel>h3{font-size:14px!important;color:#dce7e0;margin:0!important;font-weight:550}
.skill-count{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid #3c4a43;border-radius:7px;color:#a5beae;font-size:10px}
.skill-panel-note{font-size:10px;color:#8eaaa0;line-height:1.8;margin:12px 0}
.skill-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}
.skill-panel-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3f5248;border-radius:8px;background:#29362f;padding:9px 6px;color:#c9ddd0;font-size:10px}
.skill-panel-actions>button:last-child{background:#282f36;border-color:#3f4b58;color:#c1cddd}
.skill-panel-actions svg{width:13px;height:13px}
.skill-panel-actions>button:hover{filter:brightness(1.14)}
.skill-card-list{display:flex;flex-direction:column;gap:10px}
.skill-card{border:1px solid #3a4740;border-radius:10px;background:#202b25;overflow:hidden}
.skill-card.is-disabled{background:#23272b;border-color:#3a4147}
.skill-card-main{padding:13px 12px 10px;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}
.skill-card-main:hover{background:#ffffff04}
.skill-card-title{display:flex;align-items:center;gap:7px;width:100%}
.skill-card-title>svg{width:14px;height:14px;color:#8fb8a0;flex:none}
.skill-card-title strong{font-size:11px;font-weight:550;line-height:1.6;color:#d5e6db;flex:1;min-width:0;overflow-wrap:anywhere}
.skill-card-title em{font-size:9px;font-style:normal;color:#95aa9e;flex:none}
.skill-card-description{font-size:10px;line-height:1.8;color:#a0b1a7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.skill-card-time{font-size:9px;line-height:1.6;color:#7f9689}
.skill-card-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #34433a;padding:8px 11px}
.skill-card-footer>button{font-size:9px;color:#a1b9aa;display:flex;align-items:center;gap:2px}
.skill-card-footer>button:hover{color:#d6ebdf}
.skill-card-footer>button:disabled{opacity:.5;cursor:wait}
.skill-card-footer>button>svg{width:12px;height:12px}
.skill-status{display:flex;align-items:center;gap:5px;font-size:9px;color:#89959b;margin-right:auto}
.skill-status>i{width:5px;height:5px;border-radius:50%;background:#69747a}
.skill-status.is-enabled{color:#9dcab0}.skill-status.is-enabled>i{background:#8dbda1}
.skill-empty{border:1px dashed #3d4d43;border-radius:10px;padding:23px 13px;text-align:center}
.skill-empty>svg{width:24px;height:24px;color:#779585;margin-bottom:13px}
.skill-empty strong{display:block;color:#c6d6cd;font-size:11px;font-weight:500;line-height:1.8}
.skill-empty p{color:#8c9e93;font-size:10px;line-height:1.9;margin:8px 0 0}
.skill-empty>button{margin:12px auto 0}
.skill-panel-footnote{font-size:9px;color:#71897a;line-height:1.9;margin:14px 0 0}
.skill-form{display:flex;flex-direction:column;gap:16px}
.skill-field{display:flex;flex-direction:column;gap:9px;min-width:0}
.skill-field>span{font-size:11px;font-weight:500;color:#bdcbd3}
.skill-field input,.skill-field textarea{width:100%;min-width:0;resize:vertical;line-height:1.8!important}
.skill-field textarea[name="content"]{font-family:ui-monospace,SFMono-Regular,Menlo,"PingFang SC",monospace;font-size:12px!important;tab-size:2}
.skill-form-error{border:1px solid #875b48;background:#3c2c25;color:#e0b398;border-radius:8px;padding:11px 13px;font-size:11px;line-height:1.8;margin:0}
.skill-dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #39464f;padding-top:17px;margin-top:1px;flex-wrap:wrap}
.skill-dialog-actions .primary-button{min-height:36px}
.skill-upload-zone{position:relative;display:block;border:1px dashed #65816e;background:#25322a;border-radius:12px;text-align:center;padding:25px 18px;cursor:pointer}
.skill-upload-zone>span{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.skill-upload-zone svg{width:25px;height:25px;color:#9bbb9e}
.skill-upload-zone strong{font-size:13px;color:#d3e3d7;font-weight:550}
.skill-upload-zone small{font-size:10px;color:#8ba28f}
.skill-upload-zone input[type="file"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.skill-upload-zone:focus-within{outline:2px solid #92bda3;outline-offset:3px}
.skill-file-name{font-size:10px;color:#8fa798;line-height:1.8;margin:-6px 0 0;overflow-wrap:anywhere}
.skill-upload-or{display:flex;align-items:center;gap:10px;color:#82959f;font-size:10px}
.skill-upload-or>span{height:1px;background:#35444b;flex:1}
.skill-checkbox{display:flex;gap:9px;align-items:flex-start;color:#c5d7cc;font-size:11px;line-height:1.8;cursor:pointer}
.skill-checkbox input[type="checkbox"]{appearance:auto;width:15px!important;height:15px!important;flex:none;margin:3px 0 0;padding:0;accent-color:#80ae92}
.skill-dialog-note{font-size:10px;color:#89a099;line-height:1.9;margin:0}
.skill-generation-hint{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #485b50;border-radius:9px;background:#283930;color:#adcab7;font-size:11px;line-height:1.9}
.skill-generation-hint>svg{width:16px;height:16px;flex:none;margin-top:2px}
.skill-draft-warning{border:1px solid #77633f;border-radius:9px;background:#3b3325;color:#d8c69d;padding:12px 14px;font-size:11px;line-height:1.9}
.skill-editor-top{display:flex;align-items:flex-end;gap:15px}
.skill-editor-top>.skill-field{flex:1}
.skill-source-tag{font-size:10px;color:#90aa9b;background:#26372e;border:1px solid #425c4a;padding:8px 10px;border-radius:6px;white-space:nowrap;margin-bottom:4px}
.skill-editor-tools{display:flex;flex-wrap:wrap;gap:8px}
.skill-editor-tools button{font-size:10px}
.skill-history-slot{border:1px solid #43534b;background:#1e2923;border-radius:10px;padding:13px}
.skill-history-slot h4{font-size:11px;color:#bfd6c8;margin:0 0 12px}
.skill-history-slot>details{border-top:1px solid #35473c;padding:11px 0}
.skill-history-slot summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;color:#bdd0c4;font-size:10px;line-height:1.8}
.skill-history-slot summary>span{font-weight:550}.skill-history-slot summary>small{font-size:9px;color:#879e8e;flex:none}
.skill-history-slot details>p{font-size:10px;line-height:1.8;color:#91a899}
.skill-history-slot pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9bcb0;border-radius:7px;background:#17201a;padding:12px;max-height:350px;overflow:auto}
.skill-resource-list{border-top:1px solid #36434c;padding-top:12px;color:#8aa295;font-size:10px;line-height:1.8}
.skill-resource-list summary{cursor:pointer;color:#aec7b9}
.skill-resource-list>div{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid #303e36;overflow-wrap:anywhere}
.skill-resource-list>div>small{font-size:9px;color:#799182}
.skill-workspace{border:0;margin:0 auto;padding:8px 0 22px;max-width:1320px}
.skill-workspace-header{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:27px}
.skill-workspace .skill-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:13px;color:#8caf9b}
.skill-workspace-header h2{font-size:28px;font-weight:560;letter-spacing:-.7px;color:#e5ece7;margin:0}
.skill-workspace-header p{font-size:12px;color:#94a79b;line-height:1.9;margin:12px 0 0;max-width:640px}
.skill-workspace .skill-panel-actions{display:flex;flex:none;gap:10px;margin:0}
.skill-workspace .skill-panel-actions>button{font-size:12px;padding:11px 15px;border-radius:9px;gap:8px;white-space:nowrap}
.skill-workspace .skill-panel-actions svg{width:15px;height:15px}
.skill-workspace-summary{display:flex;align-items:center;gap:23px;padding:15px 0 19px;border-top:1px solid #2b3730;color:#9caf9f;font-size:11px;line-height:1.8;margin-bottom:10px}
.skill-workspace-summary>span{display:flex;align-items:center;gap:7px}
.skill-workspace-summary svg{width:14px;height:14px;color:#8ba18f}
.skill-workspace-summary strong{font-size:12px;font-weight:550;color:#d1e0d5}
.skill-workspace-summary small{margin-left:auto;font-size:10px;color:#718b79}
.skill-summary-dot{width:5px;height:5px;border-radius:50%;background:#87b799}
.skill-workspace .skill-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}
.skill-workspace .skill-card{display:flex;flex-direction:column;min-width:0;border-color:#36453b;background:linear-gradient(145deg,#202b24,#1c2520);border-radius:13px;box-shadow:0 10px 25px #0000000d}
.skill-workspace .skill-card.is-disabled{background:#22272a;border-color:#394047}
.skill-workspace .skill-card-main{padding:21px 21px 17px;gap:13px;flex:1;min-height:278px}
.skill-workspace .skill-card-title{align-items:flex-start;gap:10px}
.skill-workspace .skill-card-title>svg{width:19px;height:19px;margin-top:3px;color:#96bda2}
.skill-workspace .skill-card-title strong{font-size:16px;line-height:1.7;color:#dceae0;letter-spacing:-.15px}
.skill-workspace .skill-card-title em{font-size:10px;padding:3px 6px;background:#2a3b2e;border:1px solid #405345;border-radius:5px;margin-top:3px;color:#a7bfae}
.skill-workspace .skill-card-description{font-size:12px;line-height:1.95;color:#9eb1a3;-webkit-line-clamp:6;margin-bottom:auto;min-height:70px}
.skill-workspace .skill-card-source{display:block;color:#90a995;font-size:10px;line-height:1.6;border-top:1px solid #34443a;padding-top:13px;margin-top:5px}
.skill-workspace .skill-card-time{font-size:10px;line-height:1.7;color:#819889}
.skill-workspace .skill-card-main>.skill-card-time+.skill-card-time{margin-top:-9px}
.skill-workspace .skill-card-footer{padding:13px 20px;gap:15px;background:#17231b33}
.skill-workspace .skill-status,.skill-workspace .skill-card-footer>button{font-size:11px}
.skill-workspace .skill-card-footer>button>svg{width:14px;height:14px}
.skill-workspace .skill-empty{padding:54px 30px;max-width:100%;background:#1d282111;min-height:260px}
.skill-workspace .skill-empty>svg{width:36px;height:36px;margin-bottom:20px}
.skill-workspace .skill-empty strong{font-size:16px;font-weight:550}
.skill-workspace .skill-empty p{font-size:12px;max-width:500px;margin:10px auto 0;line-height:1.9}
.skill-workspace .skill-empty>button{margin-top:22px;display:inline-flex;align-items:center;gap:7px;font-size:11px}
.skill-workspace .skill-empty>button svg{width:14px;height:14px}
.skill-workspace .skill-panel-footnote{display:flex;align-items:center;gap:7px;font-size:10px;color:#748d7c;margin-top:22px}
.skill-workspace .skill-panel-footnote>svg{width:13px;height:13px;flex:none}
@media(max-width:1350px){
 .skill-workspace .skill-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .skill-workspace-header{align-items:flex-start;gap:20px}
 .skill-workspace-header h2{font-size:26px}
 .skill-workspace .skill-panel-actions>button{font-size:11px;padding:10px 12px}
 .skill-workspace .skill-card-main{min-height:255px}
}
@media(max-width:760px){
 .skill-panel-actions>button{font-size:11px;padding:10px}
 .skill-card-title strong{font-size:12px}
 .skill-card-description{font-size:11px}
 .skill-card-time,.skill-card-footer>button,.skill-status{font-size:10px}
 .skill-editor-top{gap:10px;align-items:flex-start;flex-direction:column}
 .skill-editor-top>.skill-field{width:100%}
 .skill-source-tag{margin:0}
 .skill-dialog-actions>.primary-button{flex:1;justify-content:center}
 .skill-dialog-actions>.secondary-button{min-width:66px;justify-content:center}
 .skill-field textarea[name="content"]{font-size:11px!important;min-height:230px}
 .skill-history-slot summary{align-items:flex-start;flex-direction:column;gap:3px}
 .skill-workspace{padding:2px 0 18px}
 .skill-workspace-header{flex-direction:column;gap:19px;margin-bottom:21px}
 .skill-workspace-header h2{font-size:25px}
 .skill-workspace-header p{font-size:11px;margin-top:9px}
 .skill-workspace .skill-panel-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .skill-workspace .skill-panel-actions>button{padding:11px 10px;font-size:11px}
 .skill-workspace-summary{gap:19px;padding:13px 0 16px;margin-bottom:5px}
 .skill-workspace-summary small{display:none}
 .skill-workspace .skill-card-list{grid-template-columns:1fr;gap:14px}
 .skill-workspace .skill-card-main{padding:18px 17px 15px;min-height:235px;gap:12px}
 .skill-workspace .skill-card-title strong{font-size:15px}
 .skill-workspace .skill-card-description{font-size:12px;-webkit-line-clamp:7;min-height:58px}
 .skill-workspace .skill-card-footer{padding:12px 16px}
 .skill-workspace .skill-panel-footnote{align-items:flex-start;font-size:9px;line-height:1.9}
 .skill-workspace .skill-panel-footnote>svg{margin-top:3px}
 .skill-workspace .skill-empty{padding:37px 19px;min-height:245px}
 .skill-workspace .skill-empty strong{font-size:15px}
 .skill-workspace .skill-empty p{font-size:11px}
}

@media(min-width:1100px){.skill-workspace .skill-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}}
@media(min-width:1100px) and (max-height:820px){.skill-workspace-header{margin-bottom:18px}.skill-workspace-summary{padding:10px 0 13px}.skill-workspace .skill-card-main{padding:17px 16px 14px;gap:9px;min-height:248px}.skill-workspace .skill-card-description{-webkit-line-clamp:5;line-height:1.8;font-size:11px}.skill-workspace .skill-card-source{padding-top:9px}.skill-workspace .skill-card-footer{padding:10px 15px}}

.skill-usage-slot{background:#18231d;border:1px solid #3a4d40;border-radius:12px;padding:18px;margin-bottom:5px;min-width:0}
.skill-usage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.skill-usage-head h4,.skill-usage-slot>h4{margin:0;color:#d1e2d7;font-size:15px;font-weight:550}
.skill-usage-head .skill-eyebrow{margin-bottom:7px;font-size:8px}
.skill-usage-head button{font-size:10px;white-space:nowrap}
.skill-usage-head button svg{width:12px;height:12px}
.skill-usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.skill-usage-metrics>div{display:flex;flex-direction:column;gap:7px;border:1px solid #314537;border-radius:8px;padding:13px 11px;background:#223027}
.skill-usage-metrics strong{font-size:21px;color:#dcecdf;font-weight:550;line-height:1.4}
.skill-usage-metrics span{font-size:9px;line-height:1.8;color:#91ab98}
.skill-usage-definition,.skill-usage-last{font-size:10px;line-height:1.9;color:#809d88;margin:12px 0}
.skill-usage-counts{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:10px;color:#b2c6b9}
.skill-usage-records{border-top:1px solid #334739;padding-top:12px;font-size:11px;color:#adc5b6}
.skill-usage-records>summary{cursor:pointer;line-height:1.8}
.skill-usage-table-wrap{overflow:auto;margin-top:12px;max-height:380px}
.skill-usage-table{width:100%;border-collapse:collapse;min-width:610px;text-align:left}
.skill-usage-table th{font-size:9px;color:#84a18c;font-weight:500;padding:9px;border-bottom:1px solid #405544;white-space:nowrap}
.skill-usage-table td{font-size:10px;color:#b8cdbe;vertical-align:top;border-bottom:1px solid #2b4032;padding:12px 9px;line-height:1.8;max-width:240px;overflow-wrap:anywhere}
.skill-usage-table small{display:block;font-size:9px;color:#7f9b88;margin-top:4px}
.skill-usage-link{color:#bbd9c5;display:inline-flex;align-items:center;gap:3px;text-align:left;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.skill-usage-link svg,.skill-related-flows svg{width:11px;height:11px;flex:none}
.skill-usage-table .is-failed{color:#d1a188}.skill-usage-table .is-running{color:#b8caa3}.skill-usage-table .is-completed{color:#8fbea0}
.skill-usage-error{font-size:9px;color:#c7a28b;margin-top:5px}.skill-usage-error summary{cursor:pointer}.skill-usage-error span{display:block;max-width:200px}
.skill-usage-empty{font-size:10px;line-height:1.9;color:#8ca494;margin:12px 0 0}
.skill-related-flows{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #334739;padding-top:13px;margin-top:14px}
.skill-related-flows>span{font-size:9px;color:#7e9b86;margin-right:4px}
.skill-related-flows>button{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#b9d1c0;border:1px solid #3a5341;background:#24372a;border-radius:6px;padding:6px 9px;max-width:100%;overflow-wrap:anywhere;text-align:left}
@media(max-width:760px){.skill-usage-slot{padding:13px}.skill-usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skill-usage-head h4{font-size:14px}.skill-usage-metrics strong{font-size:19px}.skill-workspace .skill-card-footer{gap:10px;flex-wrap:wrap}.skill-workspace .skill-card-footer>button{font-size:10px}}