@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--dev-bg:#070811;--dev-panel:#0d0f1b;--dev-panel2:#121522;--dev-line:rgba(255,255,255,.085);--dev-text:#f5f7ff;--dev-muted:#8c93a8;--dev-purple:#8b5cf6;--dev-cyan:#22d3ee;--dev-green:#22c55e;--dev-yellow:#f59e0b;--dev-red:#ef4444;--dev-font:'Inter',sans-serif;--dev-mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dev-bg);color:var(--dev-text);font-family:var(--dev-font);overflow-x:hidden}a{text-decoration:none}.dev-container{max-width:1680px;padding-left:38px;padding-right:38px}.content{padding-top:120px;min-height:75vh}.dev-page{min-height:100vh;background:linear-gradient(180deg,#080914 0%,#070811 55%,#090a12 100%)}
/* NAV */
.dev-navbar{height:76px;padding:0;background:rgba(7,8,17,.82);border-bottom:1px solid var(--dev-line);backdrop-filter:blur(18px);z-index:1040}.dev-brand{display:flex;align-items:center;gap:11px;color:white!important}.dev-brand img{width:38px;height:38px;object-fit:contain}.dev-brand span{display:flex;flex-direction:column}.dev-brand strong{font-size:14px;letter-spacing:.08em;line-height:1.1}.dev-brand small{font:600 9px/1.4 var(--dev-mono);color:var(--dev-muted);letter-spacing:.1em}.dev-build-badge{margin-left:14px;font:700 9px/1 var(--dev-mono);letter-spacing:.08em;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.08);color:#fbbf24;border-radius:999px;padding:8px 10px}.dev-build-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;margin-right:6px;box-shadow:0 0 12px #f59e0b}.dev-navbar .nav-link{font:600 10px/1 var(--dev-mono);letter-spacing:.08em;color:#a9b0c5!important;padding:30px 12px!important}.dev-navbar .nav-link:hover,.dev-navbar .nav-link.active{color:#fff!important}.dev-nav-actions{display:flex;align-items:center;gap:8px;margin-left:14px}.dev-outline-btn,.dev-icon-btn,.dev-profile{height:38px;border:1px solid var(--dev-line);border-radius:8px;color:#dfe4f5;display:flex;align-items:center;gap:8px;padding:0 12px;font:600 10px var(--dev-mono);background:rgba(255,255,255,.025)}.dev-icon-btn{width:38px;justify-content:center;padding:0}.dev-profile img{width:24px;height:24px;border-radius:6px}.navbar-toggler{border:1px solid var(--dev-line)!important;color:white!important}.navbar-toggler:focus{box-shadow:none}
/* HERO */
.dev-page .dev-hero{position:relative;min-height:760px;padding-top:76px;overflow:hidden;border-bottom:1px solid var(--dev-line)}.dev-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 94%)}.dev-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.14}.dev-glow-a{width:420px;height:420px;background:var(--dev-purple);top:90px;left:8%}.dev-glow-b{width:480px;height:480px;background:var(--dev-cyan);right:2%;bottom:-180px}.dev-hero-inner{position:relative;z-index:2;min-height:684px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.85fr);gap:70px;align-items:center}.dev-page .dev-kicker{display:flex;align-items:center;gap:12px;font:600 10px var(--dev-mono);letter-spacing:.1em;color:var(--dev-muted);margin-bottom:22px}.dev-page .dev-kicker span{color:white;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.12);padding:7px 9px;border-radius:6px}.dev-page .dev-kicker i{width:28px;height:1px;background:var(--dev-line)}.dev-page .dev-hero h1{margin:0;font-size:clamp(64px,6.2vw,110px);font-weight:800;letter-spacing:-.065em;line-height:.84}.dev-page .dev-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(139,92,246,.95);text-shadow:0 0 45px rgba(139,92,246,.12)}.dev-hero-copy>p{max-width:720px;color:#989fb3;font-size:15px;line-height:1.8;margin:28px 0}.dev-hero-actions{display:flex;gap:10px}.dev-primary-btn,.dev-secondary-btn{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:7px;font:700 10px var(--dev-mono);letter-spacing:.06em}.dev-primary-btn{background:var(--dev-purple);color:white;box-shadow:0 12px 36px rgba(139,92,246,.22)}.dev-secondary-btn{border:1px solid var(--dev-line);color:#dce2f2;background:rgba(255,255,255,.025)}.dev-page .dev-meta{display:flex;gap:34px;margin-top:42px}.dev-page .dev-meta span{display:flex;flex-direction:column;gap:6px}.dev-page .dev-meta small{font:500 9px var(--dev-mono);letter-spacing:.08em;color:#656d81}.dev-page .dev-meta b{font:700 10px var(--dev-mono);color:#cfd5e6}.dev-page .dev-meta b.ok{color:#4ade80}.dev-preview-window{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(10,12,22,.82);box-shadow:0 40px 100px rgba(0,0,0,.45);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.dev-window-head{height:46px;border-bottom:1px solid var(--dev-line);display:flex;align-items:center;padding:0 14px;gap:12px;background:#0d0f19}.dev-window-head>span{display:flex;gap:6px}.dev-window-head>span i{width:8px;height:8px;border-radius:50%;background:#ef4444}.dev-window-head>span i:nth-child(2){background:#f59e0b}.dev-window-head>span i:nth-child(3){background:#22c55e}.dev-window-head b{font:500 9px var(--dev-mono);color:#8f96aa}.dev-window-head em{margin-left:auto;font:600 8px var(--dev-mono);color:#4ade80;font-style:normal}.preview-banner{height:250px;position:relative;overflow:hidden}.preview-banner img{width:100%;height:100%;object-fit:cover;opacity:.78}.preview-banner div{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,8,17,.86))}.preview-banner span{position:absolute;left:18px;bottom:16px;font:700 9px var(--dev-mono);letter-spacing:.1em;color:white;border:1px solid rgba(255,255,255,.2);background:rgba(7,8,17,.7);padding:7px 9px;border-radius:6px}.preview-code{padding:18px 20px 22px;display:flex;flex-direction:column;gap:7px;background:#090b13}.preview-code span{font:500 11px/1.5 var(--dev-mono);color:#9299ad}.preview-code span b{color:#454d60;margin-right:10px}.preview-code span i{font-style:normal;color:#a78bfa}
/* STRIP */
.dev-strip{border-bottom:1px solid var(--dev-line);background:#090a13}.dev-strip>div>div{height:58px;display:flex;align-items:center;justify-content:space-between}.dev-strip span{font:600 9px var(--dev-mono);letter-spacing:.075em;color:#727a8e}.dev-strip i{color:#a78bfa;margin-right:7px}
/* SECTIONS */
.dev-page .dev-section{padding:96px 0;border-bottom:1px solid var(--dev-line)}.dev-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.dev-label{font:700 9px var(--dev-mono);letter-spacing:.12em;color:#8b5cf6}.dev-page .dev-section h2{font-size:38px;letter-spacing:-.04em;margin:9px 0 5px;font-weight:800}.dev-section-head p{margin:0;color:#7e869b;font-size:13px}.dev-chip{font:600 8px var(--dev-mono);letter-spacing:.09em;color:#67e8f9;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.06);padding:8px 10px;border-radius:6px}.dev-chip.purple{color:#c4b5fd;border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.08)}
/* WORLDS */
.dev-world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dev-world{position:relative;min-height:300px;padding:24px;border:1px solid var(--dev-line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));color:white;overflow:hidden;transition:.25s}.dev-world:before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:var(--world)}.dev-world:after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:var(--world);filter:blur(80px);opacity:.08;right:-90px;top:-70px}.dev-world:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--world) 35%,transparent);background:rgba(255,255,255,.025)}.dev-world.mc{--world:#22c55e}.dev-world.ets{--world:#22d3ee}.dev-world.farm{--world:#f59e0b}.dev-world.five{--world:#ef4444}.dev-world>.world-no{position:absolute;top:18px;right:18px;font:600 9px var(--dev-mono);color:#555d70}.dev-world>i,.dev-world>strong{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--world) 25%,transparent);background:color-mix(in srgb,var(--world) 8%,transparent);color:var(--world);border-radius:9px;font-size:21px}.dev-world>div{position:absolute;left:24px;right:24px;bottom:24px}.dev-world small{font:600 8px var(--dev-mono);letter-spacing:.09em;color:var(--world)}.dev-world h3{font-size:21px;margin:6px 0 8px}.dev-world p{font-size:12px;line-height:1.55;color:#848b9e;margin:0 0 18px}.dev-world div b{font:600 8px var(--dev-mono);color:#a3aabd}.dev-world .arrow{position:absolute;right:20px;bottom:20px;font-size:17px;color:#51586b}
/* COMPONENTS */
.dev-components{background:#080a14}.component-layout{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:12px}.component-card{border:1px solid var(--dev-line);border-radius:10px;background:#0c0f19;padding:18px;min-height:170px}.component-card.wide{grid-column:span 2}.component-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--dev-line);margin-bottom:18px}.component-top span,.component-top em{font:600 8px var(--dev-mono);letter-spacing:.08em;color:#8a92a7}.component-top em{font-style:normal;color:#565e72}.button-lab{display:flex;flex-wrap:wrap;gap:8px}.lab-btn{border:0;border-radius:7px;padding:12px 14px;font:700 9px var(--dev-mono);letter-spacing:.04em}.lab-btn.primary{background:var(--dev-purple);color:white}.lab-btn.secondary{background:var(--dev-cyan);color:#061015}.lab-btn.danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#f87171}.lab-btn.ghost{background:transparent;border:1px solid var(--dev-line);color:#aab1c4}.status-lab{display:flex;flex-wrap:wrap;gap:8px}.status-pill{font:700 8px var(--dev-mono);padding:8px 9px;border-radius:999px}.status-pill.online{color:#4ade80;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22)}.status-pill.warning{color:#fbbf24;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22)}.status-pill.offline{color:#f87171;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22)}.status-pill.dev{color:#c4b5fd;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.22)}.lab-field{display:block;margin-bottom:10px}.lab-field span{display:block;font:500 8px var(--dev-mono);color:#6e768b;margin-bottom:6px}.lab-field input,.lab-field select{width:100%;height:38px;border-radius:6px;border:1px solid var(--dev-line);background:#080a12;color:#9fa6b8;padding:0 10px;font:500 10px var(--dev-mono)}.terminal{background:#070910}.terminal-lines{display:flex;flex-direction:column;gap:7px;font:500 10px var(--dev-mono);color:#8790a5}.terminal-lines b{color:#a78bfa}.terminal-lines .green{color:#4ade80}.terminal-lines .yellow{color:#fbbf24}.token-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.token-grid span{height:76px;padding:9px;border-radius:7px;background:linear-gradient(135deg,var(--token) 0 28%,#0a0c15 29%);border:1px solid var(--dev-line);display:flex;align-items:end;font:600 7px var(--dev-mono);color:#aeb5c7}
/* LIVE */
.live-lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.live-lab-card{border:1px solid var(--dev-line);background:#0c0f19;border-radius:9px;padding:18px;min-height:150px}.live-lab-card>div{display:flex;align-items:center;gap:8px;color:#8f97aa;font:600 9px var(--dev-mono);letter-spacing:.07em}.live-lab-card>div i,.live-lab-card>div b{font-size:18px;color:#a78bfa}.live-lab-card>strong{display:block;font:700 18px var(--dev-mono);margin-top:28px;color:#e5e8f2}.live-lab-card>small{display:block;font:500 9px var(--dev-mono);color:#697186;margin-top:5px}.live-lab-card.is-online{border-color:rgba(34,197,94,.22)}.live-lab-card.is-online>strong{color:#4ade80}.live-lab-card.is-offline>strong{color:#f87171}.hub-connection{font:700 8px var(--dev-mono);color:#67e8f9;border:1px solid rgba(34,211,238,.2);padding:8px 10px;border-radius:6px}.dev-log{margin-top:12px;border:1px solid var(--dev-line);border-radius:8px;background:#080a12;padding:12px 14px;display:flex;align-items:center;gap:16px}.dev-log>span{font:700 8px var(--dev-mono);color:#70798d}.dev-log>span i{display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #22c55e}.dev-log code{font:500 9px var(--dev-mono);color:#9ca4b7}
/* NEWS */
.dev-news{background:#080a14}.dev-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dev-news-card{min-height:210px;border:1px solid var(--dev-line);border-radius:9px;background:#0c0f19;padding:20px;color:white;position:relative}.dev-news-card>span{font:700 34px var(--dev-mono);color:#252a38}.dev-news-card small{display:block;font:600 8px var(--dev-mono);color:#7a8296;margin-top:20px}.dev-news-card h3{font-size:17px;line-height:1.35;margin:8px 0 28px}.dev-news-card b{position:absolute;bottom:18px;left:20px;font:700 8px var(--dev-mono);color:#a78bfa}.dev-news-card:hover{border-color:rgba(139,92,246,.3)}.dev-news-card.placeholder{opacity:.8}
/* WARNING / FOOTER */
.dev-warning{padding:28px 0;background:rgba(245,158,11,.035);border-bottom:1px solid rgba(245,158,11,.12)}.dev-warning>div>div{display:flex;align-items:center;gap:15px}.dev-warning i{font-size:24px;color:#f59e0b}.dev-warning span{display:flex;flex-direction:column;gap:3px}.dev-warning strong{font:700 9px var(--dev-mono);color:#fbbf24}.dev-warning small{color:#7f8799;font-size:11px}.dev-warning a{margin-left:auto;font:700 8px var(--dev-mono);color:#aeb5c7}.dev-footer{background:#06070d;padding:36px 0 18px}.dev-footer-grid{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--dev-line)}.dev-footer-brand{display:flex;align-items:center;gap:12px}.dev-footer-brand img{width:36px;height:36px}.dev-footer-brand div{display:flex;flex-direction:column}.dev-footer-brand strong{font:700 10px var(--dev-mono)}.dev-footer-brand span{font:500 8px var(--dev-mono);color:#656d80;margin-top:3px}.dev-footer-info{display:flex;gap:18px}.dev-footer-info span{font:500 8px var(--dev-mono);color:#747c90}.dev-footer-info i{margin-right:5px;color:#8b5cf6}.dev-footer-bottom{display:flex;justify-content:space-between;padding-top:17px;font:500 8px var(--dev-mono);color:#4e5668}.dev-footer-bottom b{color:#8b93a7}
/* GENERIC AZURIOM PAGES */
.card,.modal-content,.dropdown-menu{background:#0d101a!important;border:1px solid var(--dev-line)!important;color:#e8ebf4!important}.dropdown-item{color:#aab1c4!important}.dropdown-item:hover{background:#151827!important;color:white!important}.form-control,.form-select{background:#090b13!important;border-color:var(--dev-line)!important;color:white!important}.btn-primary{background:var(--dev-purple)!important;border-color:var(--dev-purple)!important}.text-muted{color:#788095!important}
.reveal-item{opacity:0;transform:translateY(12px);transition:.5s ease}.reveal-item.is-visible{opacity:1;transform:none}
@media(max-width:1199px){.dev-navbar{height:auto;min-height:70px}.dev-navbar .navbar-collapse{padding:12px 0 18px}.dev-navbar .nav-link{padding:10px 0!important}.dev-build-badge{margin-left:auto;margin-right:12px}.dev-nav-actions{margin:8px 0 0}.dev-hero-inner{grid-template-columns:1fr;gap:35px;padding-top:80px;padding-bottom:70px}.dev-preview-window{transform:none;max-width:850px}.dev-world-grid{grid-template-columns:1fr 1fr}.component-layout{grid-template-columns:1fr 1fr}.component-card.wide{grid-column:span 2}.live-lab-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.dev-container{padding-left:18px;padding-right:18px}.dev-build-badge{display:none}.dev-page .dev-hero{min-height:auto}.dev-hero-inner{padding-top:72px}.dev-page .dev-hero h1{font-size:58px}.dev-hero-copy>p{font-size:13px}.dev-page .dev-meta{gap:18px;flex-wrap:wrap}.dev-preview-window{display:none}.dev-strip>div>div{overflow:auto;gap:24px;justify-content:flex-start}.dev-strip span{white-space:nowrap}.dev-page .dev-section{padding:66px 0}.dev-section-head{align-items:start;flex-direction:column}.dev-world-grid,.component-layout,.live-lab-grid,.dev-news-grid{grid-template-columns:1fr}.component-card.wide{grid-column:auto}.token-grid{grid-template-columns:repeat(3,1fr)}.dev-footer-grid,.dev-footer-info{align-items:flex-start;flex-direction:column}.dev-footer-info{margin-top:20px}.dev-warning>div>div{align-items:flex-start}.dev-warning a{display:none}}


/* =========================================================
   DEVLAB 2.1 - COMPACT LAYOUT + PLUGIN SAFE NAMESPACE
   ========================================================= */
.dev-page .dev-hero{min-height:520px;padding-top:76px}
.dev-page .dev-hero-inner{min-height:444px;grid-template-columns:minmax(0,1.15fr) minmax(390px,.7fr);gap:42px}
.dev-page .dev-hero h1{font-size:clamp(52px,5vw,84px);line-height:.86}
.dev-page .dev-hero-copy>p{margin:18px 0;line-height:1.6;max-width:650px}
.dev-page .dev-kicker{margin-bottom:14px}
.dev-page .dev-meta{margin-top:24px;gap:26px}
.dev-page .preview-banner{height:180px}
.dev-page .preview-code{padding:12px 16px 14px;gap:4px}
.dev-page .dev-window-head{height:38px}
.dev-page .dev-strip>div>div{height:46px}
.dev-page .dev-section{padding:54px 0}
.dev-page .dev-section-head{margin-bottom:20px}
.dev-page .dev-section h2{font-size:30px;margin:6px 0 3px}
.dev-page .dev-world{min-height:220px;padding:18px}
.dev-page .dev-world>div{left:18px;right:18px;bottom:18px}
.dev-page .dev-world>i,.dev-page .dev-world>strong{width:40px;height:40px;font-size:18px}
.dev-page .dev-world h3{font-size:18px;margin:4px 0 6px}
.dev-page .dev-world p{margin-bottom:10px;line-height:1.42}
.dev-page .component-card{min-height:135px;padding:14px}
.dev-page .component-top{padding-bottom:10px;margin-bottom:12px}
.dev-page .live-lab-card{min-height:120px;padding:16px}
.dev-page .dev-news-card{min-height:160px;padding:18px}
.dev-page .dev-warning>div>div{min-height:66px}

/* Normal plugin/content pages: compact spacing, no DevLab hero inheritance. */
.content{padding-top:96px}
.content .dev-hero{min-height:0;overflow:visible}
.content .dev-section{padding:0;border-bottom:0}

@media(max-width:1199px){
  .dev-page .dev-hero-inner{grid-template-columns:1fr;gap:24px;padding-top:48px;padding-bottom:38px}
  .dev-page .dev-preview-window{max-width:760px}
  .dev-page .dev-hero{min-height:auto}
}
@media(max-width:767px){
  .content{padding-top:82px}
  .dev-page .dev-hero-inner{padding-top:40px;padding-bottom:28px}
  .dev-page .dev-hero h1{font-size:48px}
  .dev-page .dev-section{padding:40px 0}
}