.skills-page{padding-top:58px;padding-bottom:90px;min-height:75vh;color:#f2f1e9}.skills-page[hidden],.skills-page [hidden]{display:none!important}.skills-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.skills-head h2{font-size:clamp(34px,5vw,58px);margin:10px 0}.skills-head p{color:#a2a398;margin:0;max-width:600px;line-height:1.7}.skills-head-actions{display:flex;gap:10px;flex-wrap:wrap}.skills-local-note{padding:13px 16px;border:1px solid #33352d;border-radius:12px;background:#171813;color:#c3c4b8;display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0 25px}.skills-local-note span:last-child{color:#85877d}.skill-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.skill-search{display:flex;align-items:center;gap:10px;width:min(380px,100%);padding:0 14px;border:1px solid #393b32;border-radius:9px;color:#b8c85a;background:#171813}.skill-search input{width:100%;height:44px;color:#eee;background:transparent;border:0;outline:0}.skill-filters{display:flex;gap:7px;flex-wrap:wrap}.skill-filter{border:1px solid #393b32;border-radius:999px;padding:9px 14px;color:#a8aa9f;background:#171813;cursor:pointer}.skill-filter.active,.skill-filter:hover{color:#d9ef62;border-color:#83933d;background:#24281a}.skill-filter span{font-size:11px;color:#85877d}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.skill-card{min-height:245px;border:1px solid #303229;border-radius:14px;background:linear-gradient(145deg,#1a1b16,#141510);padding:20px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,border-color .2s}.skill-card:hover{transform:translateY(-3px);border-color:#8b9b43}.skill-card-top{display:flex;justify-content:space-between;align-items:center;color:#8f9287;font:11px ui-monospace,monospace;letter-spacing:.08em}.skill-lane{border:1px solid #45473b;border-radius:99px;padding:5px 9px;color:#cbd88b;font:11px sans-serif;letter-spacing:0}.skill-card h3{font-size:21px;margin:20px 0 9px}.skill-card p{font-size:13px;color:#a4a69a;line-height:1.65;margin:0 0 14px}.skill-card .skill-requirement{font-size:12px;color:#777a70;margin-top:auto}.skill-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid #2e3028;color:#95978d;font-size:11px}.skill-status{color:#b7c84d}.skill-empty{padding:60px 15px;text-align:center;color:#a4a69a}.skill-detail-view,.skill-wizard-view,.skill-builder-view{margin-top:26px}.skill-back{margin-bottom:18px}.skill-detail-hero,.wizard-shell,.builder-shell{border:1px solid #34362d;border-radius:16px;background:#181914;padding:clamp(20px,4vw,38px)}.skill-detail-hero h2{font-size:clamp(30px,4vw,46px);margin:12px 0}.skill-detail-hero>p{max-width:800px;color:#b3b5a9;line-height:1.8}.skill-meta{display:flex;gap:9px;flex-wrap:wrap}.skill-chip{border:1px solid #3e4036;border-radius:99px;padding:6px 10px;color:#c6c8ba;font-size:12px}.skill-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.skill-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.skill-info{border:1px solid #303229;border-radius:12px;background:#171813;padding:19px}.skill-info h3{font-size:15px;margin:0 0 12px;color:#ddeb8b}.skill-info p,.skill-info li{color:#b2b4a8;font-size:13px;line-height:1.75}.skill-info ul{padding-left:20px;margin:0}.workflow-list{display:grid;gap:9px}.workflow-row{display:grid;grid-template-columns:34px 1fr;gap:11px;color:#bec0b5;font-size:13px;line-height:1.6}.workflow-row b{color:#d8ec67}.wizard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.wizard-top h2,.builder-shell h2{margin:7px 0 4px;font-size:30px}.wizard-progress{height:5px;border-radius:5px;background:#303229;margin:18px 0 24px;overflow:hidden}.wizard-progress i{height:100%;display:block;background:#d7e962;transition:width .2s}.wizard-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:15px}.wizard-card,.artifact-card{border:1px solid #32342b;border-radius:12px;background:#151611;padding:20px}.wizard-card h3,.artifact-card h3{margin:0 0 12px}.wizard-card p,.artifact-card p{font-size:13px;line-height:1.65;color:#aeb0a4}.skill-form-field{display:grid;gap:7px;margin:13px 0;color:#d7d8ce;font-size:13px}.skill-form-field input,.skill-form-field textarea,.skill-form-field select{width:100%;border:1px solid #3b3d33;background:#10110d;border-radius:8px;color:#eee;padding:11px;font:inherit;outline-color:#a9bd50}.skill-form-field textarea{min-height:86px;resize:vertical;line-height:1.6}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.wizard-notice{font-size:12px;color:#8f9287;line-height:1.65;margin-top:12px}.artifact-card{border-color:#586031;background:#1b1e15}.artifact-card pre{white-space:pre-wrap;color:#c6c9b9;font:inherit;font-size:12px;line-height:1.7;margin:0}.confirm-check{display:flex;gap:9px;align-items:flex-start;color:#d6d8ca;font-size:13px;margin-top:16px}.builder-help{font-size:13px;color:#9da094;line-height:1.7}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.builder-grid .wide{grid-column:1/-1}.builder-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.builder-item{padding:8px 10px;border:1px solid #383a30;border-radius:8px;color:#c4c6b8;font-size:12px}.builder-item button{margin-left:9px;color:#cadc62;background:none;border:0;cursor:pointer}.builder-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.builder-error{color:#ffb2a6;font-size:12px;margin-top:10px;line-height:1.6}.builder-success{color:#dcec76;font-size:12px;margin-top:10px}@media(max-width:900px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-controls{align-items:stretch;flex-direction:column}.skill-search{width:100%}}@media(max-width:620px){.skills-page{padding-top:32px}.skills-head{align-items:flex-start;flex-direction:column}.skills-head-actions{width:100%}.skills-head-actions>*{flex:1}.skill-grid{grid-template-columns:1fr}.skill-detail-grid,.wizard-layout,.builder-grid{grid-template-columns:1fr}.builder-grid .wide{grid-column:auto}.skill-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.skill-filter{white-space:nowrap}.wizard-top{flex-direction:column}.wizard-actions>*{flex:1}.skills-local-note{align-items:flex-start;flex-wrap:wrap}}
.skill-tag-row{display:flex;align-items:flex-start;gap:12px;margin:14px 0 0}.skill-tag-row>span{color:#85877d;font-size:12px;padding:9px 0;white-space:nowrap}.skill-tag-row .skill-filters{gap:6px}.skill-tag-row .skill-filter{font-size:11px;padding:7px 10px}

.local-media-preview{display:block;width:min(100%,560px);max-height:320px;object-fit:contain;background:#090a08;border:1px solid #34362d;border-radius:9px;margin:10px 0}
