/*
 * Designed & Developed by HiiLSE Global Sdn Bhd
 * Brand: The HiiLSE Drone Malaysia
 * Core Author: Mr. Elanggovan Thanggavilo
 * Created: 2026-09-14 18:25:42 MYT
 * Last Edited: 2026-09-14 18:25:42 MYT
 * File Coding Attribute: HEPC 1.23.2 additive age/experience-adaptive presentation layer. Applies only to the new Programming Studio and preserves the 1.23.1 guide/editor foundation and all legacy Coding Studio/simulation designs.
 */

[data-hepc1230-studio]{--hepc1232-profile-bump:0px;--hepc1232-control-height:38px;--hepc1232-editor-size:15px;--hepc1232-radius:12px;}
.hepc1232-experiencebar{border:1px solid #dfe5ef;background:#fbfcff;border-radius:14px;padding:14px;margin:0 0 12px;display:grid;gap:10px}
.hepc1232-experience-main{display:grid;grid-template-columns:minmax(190px,1.2fr) auto minmax(150px,.7fr) minmax(180px,.8fr) auto;gap:10px;align-items:end}
.hepc1232-experience-main label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#566071}
.hepc1232-experience-main select{height:40px;border:1px solid #cfd6e2;border-radius:8px;background:#fff;color:#1f2937;padding:0 10px;font:inherit}
.hepc1232-text-size{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.hepc1232-text-size>span{width:100%;font-size:11px;font-weight:800;color:#566071}
.hepc1232-text-size button,.hepc1232-experiencebar button{border:0;border-radius:8px;padding:9px 11px;background:#24304b;color:#fff;font-weight:800;cursor:pointer;min-height:40px}
.hepc1232-text-size button.is-active{background:#4b3ea8}
.hepc1232-experiencebar button.secondary{background:#e8ebf2;color:#283247}
.hepc1232-experience-note{font-size:12px;color:#596579;line-height:1.5}
.hepc1232-help-depth{padding:9px 11px;border-radius:9px;background:#eef3ff;color:#263d70;font-size:12px;line-height:1.5}
.hepc1232-problem-help{margin-top:10px!important;padding:8px 9px!important;border-radius:8px;background:#f1f4fa;color:#536079!important;font-size:12px!important}
[data-hepc1230-studio] .hepc1230-editor-wrap textarea{font-size:calc(var(--hepc1232-editor-size) + var(--hepc1232-profile-bump));line-height:1.58}
[data-hepc1230-studio] .hepc1230-project-actions button,
[data-hepc1230-studio] .hepc1230-editor-toolbar button,
[data-hepc1230-studio] .hepc1230-guide button,
[data-hepc1230-studio] .hepc1231-guide button{transform-origin:center;min-height:var(--hepc1232-control-height)}
[data-hepc-text-size="small"]{font-size:.94em}
[data-hepc-text-size="standard"]{font-size:1em}
[data-hepc-text-size="large"]{font-size:1.08em}
[data-hepc-text-size="small"] .hepc1230-editor-wrap textarea{--hepc1232-editor-size:14px}
[data-hepc-text-size="standard"] .hepc1230-editor-wrap textarea{--hepc1232-editor-size:15px}
[data-hepc-text-size="large"] .hepc1230-editor-wrap textarea{--hepc1232-editor-size:18px}

[data-hepc-experience="primary-start"]{--hepc1232-profile-bump:4px;--hepc1232-control-height:44px;background:#fcfdff}
[data-hepc-experience="primary-start"] .hepc1232-experiencebar{background:#f4f8ff;border-color:#cfe0ff}
[data-hepc-experience="primary-start"] .hepc1230-projectbar{grid-template-columns:1fr;gap:14px}
[data-hepc-experience="primary-start"] .hepc1230-project-actions button,
[data-hepc-experience="primary-start"] .hepc1230-editor-toolbar button{font-size:14px;padding:12px 15px}
[data-hepc-experience="primary-start"] .hepc1230-editor-toolbar button[data-hepc-compile],
[data-hepc-experience="primary-start"] .hepc1230-editor-toolbar button[data-hepc-debug],
[data-hepc-experience="primary-start"] .hepc1230-editor-toolbar button[data-hepc-build]{display:none}
[data-hepc-experience="primary-start"] .hepc1231-guide-grid{grid-template-columns:1fr!important}
[data-hepc-experience="primary-start"] .hepc1231-command-card p{font-size:1.05em;line-height:1.7}

[data-hepc-experience="primary-plus"]{--hepc1232-profile-bump:3px;--hepc1232-control-height:42px;background:#fdfdff}
[data-hepc-experience="primary-plus"] .hepc1230-projectbar{grid-template-columns:1fr 1fr}
[data-hepc-experience="primary-plus"] .hepc1230-project-actions{grid-column:1/-1}
[data-hepc-experience="primary-plus"] .hepc1231-guide-grid{grid-template-columns:1fr!important}

[data-hepc-experience="junior-coder"]{--hepc1232-profile-bump:1px;--hepc1232-control-height:40px}
[data-hepc-experience="senior-coder"]{--hepc1232-profile-bump:0px;--hepc1232-control-height:38px}
[data-hepc-experience="pre-university"]{--hepc1232-profile-bump:0px;--hepc1232-control-height:37px}
[data-hepc-experience="university-early-career"]{--hepc1232-profile-bump:-1px;--hepc1232-control-height:36px}
[data-hepc-experience="professional"]{--hepc1232-profile-bump:-1px;--hepc1232-control-height:35px}
[data-hepc-experience="professional"] .hepc1230-studio{padding:20px}
[data-hepc-experience="professional"] .hepc1230-projectbar{padding:10px;gap:8px}
[data-hepc-experience="professional"] .hepc1231-command-card{padding:13px}
[data-hepc-experience="professional"] .hepc1231-guide-grid{gap:10px}

[data-hepc-density="compact"] .hepc1230-studio,
[data-hepc-density="compact"] .hepc1230-content-section{padding:18px}
[data-hepc-density="compact"] .hepc1230-projectbar{padding:10px;margin-bottom:9px}
[data-hepc-density="compact"] .hepc1230-runtime-strip>div{padding:7px 10px}
[data-hepc-density="compact"] .hepc1230-sidepanels section{margin-bottom:8px}
[data-hepc-density="compact"] .hepc1231-command-card{padding:12px}
[data-hepc-density="comfortable"] .hepc1231-command-card{padding:17px}

html[data-hd1180-login="1"] [data-account-gateway]{position:relative}
html[data-hd1180-login="1"] [data-account-gateway]::after{content:"";width:7px;height:7px;border-radius:50%;background:#2aa568;position:absolute;right:5px;top:5px;box-shadow:0 0 0 2px #fff}

.account-profile-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.account-profile-shortcuts a,.account-profile-shortcuts button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border-radius:8px;text-decoration:none;font-weight:750;font-size:12px}
.account-profile-shortcuts a{background:#eef2ff;color:#3e3488;border:1px solid #d9ddf7}

@media(max-width:980px){
  .hepc1232-experience-main{grid-template-columns:1fr 1fr}
  .hepc1232-experience-main>button{grid-column:1/-1}
}
@media(max-width:620px){
  .hepc1232-experience-main{grid-template-columns:1fr}
  .hepc1232-text-size{justify-content:flex-start}
  [data-hepc-experience="primary-plus"] .hepc1230-projectbar{grid-template-columns:1fr}
}