.icux008{--mx-bg:#070b10;--mx-panel:#0d141a;--mx-line:#24333a;--mx-ink:#f3f7f5;--mx-muted:#9fb1ad;--mx-mint:#86f0c3;--mx-amber:#f3b865;--mx-cyan:#7fd8ff;--mx-red:#ff9d91;background:radial-gradient(circle at 10% 0%,rgba(127,216,255,.08),transparent 34rem),var(--mx-bg);color:var(--mx-ink)}
.icux008 main{overflow:hidden}.icux008 .mx-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.icux008 .mx-breadcrumbs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:1.1rem 0;color:var(--mx-muted);font-size:.9rem}.icux008 .mx-breadcrumbs a{color:inherit}.icux008 .mx-hero{padding:3rem 0 2.2rem;border-bottom:1px solid var(--mx-line);position:relative}.icux008 .mx-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(134,240,195,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(134,240,195,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}
.icux008 .mx-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:2rem;align-items:end}.icux008 .mx-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;color:var(--mx-mint);font-weight:800}.icux008 h1{font-size:clamp(2.3rem,7vw,5.8rem);line-height:.91;margin:.4rem 0 1rem;max-width:13ch;letter-spacing:-.055em}.icux008 .mx-deck{font-size:clamp(1.05rem,2vw,1.3rem);color:#c8d5d1;max-width:66ch}.icux008 .mx-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.5rem}.icux008 .mx-stat{border:1px solid var(--mx-line);background:rgba(13,20,26,.82);border-radius:14px;padding:1rem}.icux008 .mx-stat strong{display:block;font-size:1.4rem}.icux008 .mx-stat span{color:var(--mx-muted);font-size:.82rem}.icux008 .mx-safety{border-left:3px solid var(--mx-amber);background:rgba(243,184,101,.08);padding:1rem 1.1rem;border-radius:0 12px 12px 0;color:#eadcc9}.icux008 .mx-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.icux008 .mx-button,.icux008 button.mx-button{min-height:44px;border-radius:999px;border:1px solid #35505a;background:#132027;color:var(--mx-ink);padding:.7rem 1rem;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.icux008 .mx-button:hover,.icux008 .mx-button:focus-visible{border-color:var(--mx-mint);outline:none;box-shadow:0 0 0 3px rgba(134,240,195,.14)}.icux008 .mx-button[data-resource-save][aria-pressed="true"]{background:rgba(134,240,195,.15);border-color:var(--mx-mint)}
.icux008 .mx-section{padding:3rem 0}.icux008 .mx-section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.25rem}.icux008 .mx-section h2{font-size:clamp(1.65rem,3vw,2.6rem);margin:.2rem 0}.icux008 .mx-section-head p{color:var(--mx-muted);max-width:60ch;margin:0}.icux008 .mx-filterbar{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.25rem 0}.icux008 .mx-filter{min-height:44px;padding:.65rem .9rem;border-radius:999px;border:1px solid var(--mx-line);background:#0d141a;color:var(--mx-ink);cursor:pointer}.icux008 .mx-filter[aria-pressed="true"]{border-color:var(--mx-mint);background:rgba(134,240,195,.12)}
.icux008 .mx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.icux008 .mx-card{border:1px solid var(--mx-line);background:linear-gradient(180deg,rgba(17,27,34,.96),rgba(10,16,21,.96));border-radius:18px;padding:1.15rem;display:flex;flex-direction:column;min-height:280px;position:relative;overflow:hidden}.icux008 .mx-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--mx-mint),transparent)}.icux008 .mx-card[hidden]{display:none}.icux008 .mx-card .mx-family{color:var(--mx-cyan);font-size:.74rem;text-transform:uppercase;letter-spacing:.09em}.icux008 .mx-card h3{font-size:1.25rem;margin:.5rem 0}.icux008 .mx-card p{color:#b8c7c3;margin:.25rem 0 .9rem}.icux008 .mx-card dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .65rem;font-size:.84rem;margin:auto 0 1rem}.icux008 .mx-card dt{color:var(--mx-muted)}.icux008 .mx-card dd{margin:0}.icux008 .mx-open{width:100%;margin-top:auto}
.icux008 .mx-lab{border-block:1px solid var(--mx-line);background:#091017}.icux008 .mx-lab-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1.2rem;align-items:start}.icux008 .mx-stage{border:1px solid var(--mx-line);border-radius:20px;background:radial-gradient(circle at 50% 40%,#13242b,#070b10 65%);min-height:490px;padding:1rem;position:relative}.icux008 .mx-stage-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.icux008 .mx-stage h3{font-size:clamp(1.5rem,3vw,2.3rem);margin:.2rem 0}.icux008 .mx-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #31444c;padding:.35rem .6rem;border-radius:999px;color:var(--mx-muted);font-size:.75rem}.icux008 .mx-svg{display:block;width:100%;height:300px;margin-top:.4rem}.icux008 .mx-svg .a{stroke:var(--mx-mint);fill:rgba(134,240,195,.08)}.icux008 .mx-svg .b{stroke:var(--mx-cyan);fill:rgba(127,216,255,.07)}.icux008 .mx-svg .c{stroke:var(--mx-amber);fill:rgba(243,184,101,.08)}.icux008 .mx-svg .ghost{stroke:#53666d;fill:none}.icux008 .mx-svg text{fill:#cbd7d4;font:12px system-ui}.icux008 .mx-svg [stroke]{stroke-width:4;vector-effect:non-scaling-stroke}.icux008 .mx-diagram-fallback{min-height:260px;display:grid;place-items:center;color:var(--mx-muted);text-align:center;border:1px dashed #38505a;border-radius:14px;padding:2rem}.icux008 .mx-controls{display:grid;grid-template-columns:auto 1fr auto auto;gap:.6rem;align-items:center;margin-top:.5rem}.icux008 .mx-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--mx-mint)}.icux008 .mx-state-label{text-align:center;color:var(--mx-muted);font-size:.84rem;margin-top:.3rem}.icux008 .mx-panel{border:1px solid var(--mx-line);border-radius:20px;background:#0c141a;padding:1.15rem}.icux008 .mx-panel h3{margin:.2rem 0 .8rem}.icux008 .mx-detail-dl{display:grid;grid-template-columns:8rem 1fr;gap:.5rem .8rem;font-size:.9rem}.icux008 .mx-detail-dl dt{color:var(--mx-muted)}.icux008 .mx-detail-dl dd{margin:0}.icux008 .mx-sequence{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.icux008 .mx-sequence li{border:1px solid var(--mx-line);border-radius:12px;padding:.7rem;color:#b9c8c5;font-size:.78rem;min-height:84px}.icux008 .mx-sequence li[data-active="true"]{border-color:var(--mx-amber);color:var(--mx-ink);background:rgba(243,184,101,.08)}
.icux008 .mx-sandbox{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.icux008 .mx-form{border:1px solid var(--mx-line);border-radius:18px;background:#0d141a;padding:1rem}.icux008 .mx-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.icux008 label{display:grid;gap:.35rem;color:#d7e1de;font-weight:650}.icux008 input,.icux008 select{min-height:44px;border:1px solid #35505a;background:#091017;color:var(--mx-ink);border-radius:10px;padding:.65rem;font:inherit}.icux008 .mx-result{border:1px solid var(--mx-line);border-radius:18px;padding:1rem;background:#0a1116;display:grid;align-content:center}.icux008 .mx-result strong{font-size:clamp(1.6rem,4vw,3rem);color:var(--mx-mint)}.icux008 .mx-error{color:var(--mx-red);min-height:1.4em}.icux008 .mx-note{color:var(--mx-muted);font-size:.85rem}.icux008 .mx-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.icux008 .mx-source{border:1px solid var(--mx-line);border-radius:14px;padding:1rem;background:#0c1318}.icux008 .mx-source a{color:var(--mx-cyan)}.icux008 .mx-source p{color:var(--mx-muted);font-size:.87rem}.icux008 .mx-integrity{border:1px solid #345247;background:rgba(134,240,195,.06);border-radius:18px;padding:1rem}.icux008 .mx-return{display:flex;gap:.8rem;flex-wrap:wrap}.icux008 [role=status]{min-height:1.2em}
@media(max-width:900px){.icux008 .mx-hero-grid,.icux008 .mx-lab-grid,.icux008 .mx-sandbox{grid-template-columns:1fr}.icux008 .mx-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icux008 .mx-stage{min-height:430px}.icux008 .mx-svg{height:260px}}
@media(max-width:620px){.icux008 .mx-wrap{width:min(100% - 20px,1180px)}.icux008 .mx-section-head{display:block}.icux008 .mx-section-head p{margin-top:.75rem}.icux008 .mx-card-grid,.icux008 .mx-source-grid{grid-template-columns:1fr}.icux008 .mx-hero-meta{grid-template-columns:1fr}.icux008 .mx-sequence{grid-template-columns:1fr 1fr}.icux008 .mx-controls{grid-template-columns:auto 1fr auto}.icux008 .mx-controls .mx-play{grid-column:1/-1}.icux008 .mx-detail-dl{grid-template-columns:1fr}.icux008 .mx-detail-dl dt{margin-top:.4rem}}
@media(prefers-reduced-motion:reduce){.icux008 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.icux008 .mx-play{display:none!important}}