/* HDcmsRw 1.21.0 · Coding Studio IDE User Workspace + Language Learning */
.hd1210-studio-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#0b1b33;border-top:1px solid #284264;border-bottom:1px solid #284264}
.hd1210-studio-nav a,.hd1210-studio-nav span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid #395a80;border-radius:9px;color:#dfeeff;text-decoration:none;font-weight:800;font-size:12px;background:#112845}.hd1210-studio-nav a:hover,.hd1210-studio-nav a.is-active{background:#225dc9;border-color:#4f85e9;color:#fff}.hd1210-studio-nav span[aria-disabled=true]{opacity:.65}
.hd1210-edit-main{margin-left:auto;border:1px solid #527aa8;background:#17365e;color:#fff;border-radius:8px;padding:6px 10px;font-weight:800;cursor:pointer}
.hd1210-workspace,.hd1210-language-learning{width:min(1600px,calc(100vw - 24px));margin:28px auto;padding:20px;border:1px solid #d6e1ef;border-radius:20px;background:#fff;box-shadow:0 18px 60px #10204012;color:#142033}
.hd1210-workspace-head,.hd1210-language-learning>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.hd1210-workspace-head span,.hd1210-language-learning>header span,.hd1210-edit-area>header span,.hd1210-projects>header span,.hd1210-capability>header span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#185db8;text-transform:uppercase}.hd1210-workspace-head h2,.hd1210-language-learning h2{margin:5px 0 4px;font-size:clamp(26px,4vw,42px)}.hd1210-workspace-head p,.hd1210-language-learning>header p{max-width:900px;margin:0;color:#52657c}.hd1210-workspace-head nav{display:flex;gap:8px;flex-wrap:wrap}.hd1210-workspace button,.hd1210-language-learning button{border:1px solid #8aa4c0;background:#f7fbff;color:#173355;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.hd1210-workspace button:hover,.hd1210-language-learning button:hover{border-color:#376be6;background:#eef4ff}.hd1210-session{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid #cbd8e8;border-radius:12px;background:#f7faff;margin:12px 0}.hd1210-session b{color:#1558b0}.hd1210-session span{flex:1;color:#52657c}
.hd1210-context{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;padding:14px;border:1px solid #cbd8e8;border-radius:14px;background:#f8fbff;margin:14px 0}.hd1210-context label{display:grid;gap:6px;font-size:12px;font-weight:850;color:#25415f}.hd1210-context input,.hd1210-context select{width:100%;min-height:42px;border:1px solid #aabbd0;border-radius:9px;background:#fff;padding:9px 10px;color:#152a45}
.hd1210-protected{border:1px solid #173457;border-radius:16px;overflow:hidden;background:#07172f;color:#eff7ff;margin:16px 0}.hd1210-protected>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 18px;background:#0d2342;border-bottom:1px solid #29415f}.hd1210-protected>header span{display:block;color:#70d9ff;font-size:11px;font-weight:900;letter-spacing:.1em}.hd1210-protected h3{margin:3px 0;color:#fff}.hd1210-protected>header button{background:#2d67d9;color:#fff;border-color:#5d8eea}.hd1210-protected-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.hd1210-protected-grid article{min-width:0}.hd1210-protected-grid b{display:block;margin-bottom:7px;color:#9ed7ff}.hd1210-protected-grid pre{height:clamp(360px,48vh,720px);overflow:auto;margin:0;padding:14px;border:1px solid #29415f;border-radius:10px;background:#020915;color:#f5f9ff;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
.hd1210-edit-area{margin:18px 0;padding:16px;border:2px solid #3168d0;border-radius:18px;background:#f7faff}.hd1210-edit-area>header h3,.hd1210-projects h3,.hd1210-capability h3{margin:4px 0}.hd1210-edit-area>header p,.hd1210-projects header p,.hd1210-capability header p{margin:0;color:#60728a}.hd1210-editor-card{margin-top:16px;border:1px solid #29415f;border-radius:14px;overflow:hidden;background:#07172f}.hd1210-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#0d2342;color:#fff}.hd1210-editor-head small{display:block;color:#76d9ff;font-weight:900}.hd1210-editor-head b{font-size:17px}.hd1210-editor-head>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.hd1210-editor-head button{background:#15365f;color:#fff;border-color:#54779e}.hd1210-editor-card textarea{display:block;width:100%;height:clamp(520px,64vh,980px);min-height:520px;resize:vertical;border:0;border-top:1px solid #29415f;background:#020915;color:#f7fbff;padding:16px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto}.hd1210-result{padding:9px 12px;background:#0f2340;color:#cfe0f5;font-size:12px;border-top:1px solid #29415f}.hd1210-result[data-tone=green]{background:#0d2d24;color:#c8ffe2}.hd1210-result[data-tone=amber]{background:#3b2c0d;color:#ffe7a4}.hd1210-result[data-tone=red]{background:#421d26;color:#ffd9df}.hd1210-workspace-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.hd1210-workspace-actions button:nth-child(3),.hd1210-workspace-actions button:nth-child(4){background:#1d67d6;color:#fff;border-color:#4e84e8}.hd1210-compare{overflow:auto;border:1px solid #cbd8e8;border-radius:12px;padding:10px;background:#fff}.hd1210-compare table{border-collapse:collapse;width:100%;min-width:900px}.hd1210-compare th,.hd1210-compare td{border:1px solid #dbe3ed;padding:6px;vertical-align:top}.hd1210-compare pre{margin:0;white-space:pre-wrap;font:12px/1.45 ui-monospace,monospace}.hd1210-compare tr.changed{background:#fff7dc}.hd1210-compare tr.added{background:#e9faef}.hd1210-compare tr.removed{background:#fff0f0}
.hd1210-projects{margin:18px 0;padding:16px;border:1px solid #c9d8ea;border-radius:16px;background:#fbfdff}.hd1210-project-table{display:grid;gap:8px;margin-top:12px}.hd1210-project-table article{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid #d8e2ef;border-radius:11px;background:#fff}.hd1210-project-table article>div:first-child{display:grid;gap:3px}.hd1210-project-table small,.hd1210-project-table span{color:#60728a}.hd1210-project-table article>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.hd1210-version-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e4eaf2}.hd1210-governance{padding:12px 14px;border-radius:11px;background:#f1f6fc;color:#475f79}.hd1210-error{color:#a51d2d;font-weight:750}
.hd1210-learning-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #d4e0ed;border-radius:14px;background:#f7faff}.hd1210-learning-selectors label{display:grid;gap:6px;font-weight:850;color:#23415f}.hd1210-learning-selectors select{min-height:44px;border:1px solid #a5b9d1;border-radius:9px;background:#fff;padding:8px 10px}.hd1210-topic-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hd1210-topic-buttons button:nth-child(6n+1){background:#eaf2ff;border-color:#7ea7ef}.hd1210-topic-buttons button:nth-child(6n+2){background:#e9faef;border-color:#80c89a}.hd1210-topic-buttons button:nth-child(6n+3){background:#fff7dc;border-color:#d8b64d}.hd1210-topic-buttons button:nth-child(6n+4){background:#f5ecff;border-color:#ae83df}.hd1210-topic-buttons button:nth-child(6n+5){background:#fff0e6;border-color:#e8a46e}.hd1210-topic-buttons button:nth-child(6n){background:#ffeef2;border-color:#d990a1}.hd1210-topic-buttons button.is-active{outline:3px solid #1f68d4;outline-offset:1px}.hd1210-learning-panel{border:1px solid #d1ddeb;border-radius:16px;overflow:hidden;background:#fff}.hd1210-learning-title{padding:16px 18px;background:#102a4c;color:#fff}.hd1210-learning-title span{color:#75dcff;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hd1210-learning-title h3{margin:5px 0}.hd1210-learning-title p{margin:0;color:#d8e7f8}.hd1210-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}.hd1210-learning-grid section{min-width:0}.hd1210-learning-grid dl{display:grid;gap:7px}.hd1210-learning-grid dl>div{padding:9px;border:1px solid #dce5f0;border-radius:9px;background:#f8fbff}.hd1210-learning-grid dt{font-size:11px;color:#60809f;font-weight:900;text-transform:uppercase}.hd1210-learning-grid dd{margin:3px 0 0}.hd1210-learning-grid pre{height:clamp(300px,40vh,600px);overflow:auto;border:1px solid #213b5d;border-radius:10px;background:#061225;color:#eef7ff;padding:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.hd1210-capability{margin-top:18px;padding:16px;border:1px solid #d1ddeb;border-radius:16px;background:#fbfdff}.hd1210-capability>div[data-hd1210-capability-table]{overflow:auto}.hd1210-capability table{border-collapse:collapse;width:100%;min-width:850px;margin-top:12px}.hd1210-capability th,.hd1210-capability td{border:1px solid #dbe4ef;padding:9px;text-align:left;vertical-align:top}.hd1210-capability td:first-child{min-width:220px}.hd1210-capability td small{display:block;color:#64768d;margin-top:3px}.hd1210-capability code{white-space:normal}.hd1210-capability [data-map-status]{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900;background:#eaf2ff;color:#164f9a}.hd1210-capability [data-map-status*="NO DIRECT"]{background:#fff0f0;color:#a32424}.hd1210-capability [data-map-status*="PARTIAL"]{background:#fff6d9;color:#785b00}.hd1210-capability [data-map-status*="EXACT"]{background:#e7f8ec;color:#17673b}.hd1210-map-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.hd1210-map-legend span{padding:5px 8px;border-radius:999px;background:#eef3f8;color:#455b72;font-size:11px;font-weight:800}
@media(max-width:1100px){.hd1210-context{grid-template-columns:repeat(2,minmax(0,1fr))}.hd1210-protected-grid,.hd1210-learning-grid{grid-template-columns:1fr}.hd1210-protected-grid pre{height:42vh}.hd1210-editor-card textarea{height:58vh}}
@media(max-width:700px){.hd1210-workspace,.hd1210-language-learning{width:calc(100vw - 8px);margin:12px 4px;padding:12px;border-radius:14px}.hd1210-context,.hd1210-learning-selectors{grid-template-columns:1fr}.hd1210-editor-card textarea{height:54vh;min-height:360px}.hd1210-protected-grid pre{height:38vh;min-height:280px}.hd1210-workspace-head nav{width:100%}.hd1210-workspace-head nav>*{flex:1}.hd1210-studio-nav{overflow-x:auto;flex-wrap:nowrap}.hd1210-studio-nav>*{white-space:nowrap}}