
@font-face{font-family:KS;src:local('Arial')} :root{--paper:#101218;--paper-soft:#171b24;--paper-deep:#242935;--ink:#f3f2ec;--muted:#9da5b4;--line:#ffffff20;--accent:#3460ff;--mark:#fb5eac;--sans:KS,'Microsoft YaHei',sans-serif}
body{font-family:var(--sans);background:var(--paper);color:var(--ink)}a{color:inherit}button,input,select{font-family:var(--sans)!important}button{color:var(--ink)}
.module-header,.module-sidebar,.module-main,.workbench .header,.workbench .controls,.tool-inspector,.inspector-heading,.tool-nav,.module-body,.control-section{background:var(--paper)!important;color:var(--ink)}
.module-header{height:80px;border-color:var(--line)}.module-brand,.work-brand{font-weight:900;letter-spacing:-1px}.module-brand:after,.work-brand:after{content:'_';color:#3460ff;animation:ksline 4s infinite}@keyframes ksline{0%,100%{color:#3460ff}50%{color:#fb5eac}}
.module-brand small{letter-spacing:1px;font-weight:400;color:var(--muted)}.page-heading h1{font-size:clamp(36px,5vw,70px);font-weight:900;letter-spacing:-3px}.page-heading .red-dot{color:#3460ff}
.workbench .workspace{grid-template-columns:68px minmax(0,1fr) 360px}.workbench .header{height:64px}.workbench main{height:calc(100dvh - 64px)}
.workbench .preview{background:#dadde2;color:#17202c}.viewport-mark{color:#333c50!important;letter-spacing:2px}.stage-toolbar,.preview-heading,.preview-caption{background:#dfe2e8!important;color:#253247!important;border-color:#0002!important}.stage-toolbar button{color:#26344b}.stage-toolbar button[aria-pressed=true]{background:#3460ff;color:#fff}
.layout-options button,.setup-layouts button,.setup-product,.product-option,.tool-nav button,.cap-preset,.studio-button,.view-link,.scheme-card,.product-card,.set-card,.draft-card{background:var(--paper-soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
button[aria-pressed=true],.layout-options button.active,.product-option.active{border-color:#567bff!important;box-shadow:inset 3px 0 #3460ff;background:#1e2b4d!important}button:hover,.button:hover{border-color:#7995ff!important}button:disabled{opacity:.35}
.primary,.primary-button,.studio-button.primary{background:#3460ff!important;color:#fff!important}.module-sidebar a[aria-current],.tool-nav button[aria-pressed=true]{color:#81a0ff!important}.module-sidebar{border-color:var(--line)}
input,select,textarea{background:#191e29!important;color:#f1f3fa!important;border-color:#ffffff30!important}p,.fine-print,.session-label,.module-description{color:var(--muted)}.module-header a:hover{color:#8fa8ff}
.product-demo{background:#1b202b!important;border-color:#ffffff20!important}.product-demo img{background:#e5e7ec;object-fit:contain!important}.product-demo figcaption{color:#cad0de}
.control-section,.inspector-heading,.tool-nav,.module-header{border-color:var(--line)!important}.product-option strong{color:var(--ink)}.module-sidebar small{color:var(--muted)}
.scheme-card img,.set-card img{object-fit:contain;background:#202531}.module-main{padding-top:44px}.studio-language{color:var(--muted)}.fit-note{background:#1c2332!important;color:#c3d1e9!important}
dialog{background:#171b24;color:#f2f3f6;border:1px solid #ffffff30}dialog::backdrop{background:#080b12c9}dialog p{color:#bcc5d5}
#loading{background:#d9dde8e8;color:#14203a}.loading-card{background:#e8ebf1!important;color:#17202c!important}.loading-track i{background:#3460ff!important}.loading-eyebrow{color:#304d90!important}
.panel-section{display:none!important}
@media(max-width:1000px){.workbench .workspace{grid-template-columns:56px minmax(0,1fr) 310px}}@media(max-width:700px){.workbench .workspace{grid-template-columns:1fr}.workbench .header{height:58px}.workbench main{height:calc(100dvh - 58px)}.page-heading h1{letter-spacing:-1.5px}.module-header{height:auto;min-height:70px}.module-main{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.module-brand:after,.work-brand:after{animation:none}}
button[aria-pressed=true]{color:#fff!important}.tool-nav button{color:#aab7d0!important}.product,.studio-button,.cap-preset{color:#eef1f8!important;background:#1b202b!important;border-color:#ffffff20!important}.product[aria-pressed=true]{background:#24365e!important}#show-inspector,#hide-inspector{background:#202b43!important;color:#fff!important}.display-mode button{color:#e5ebff!important}.assembly-status{color:#34415e!important}.tool-inspector h2,.section-title h2{color:#f2f4fa!important}
#workspace-guide p{color:#c0c9d9!important}#workspace-guide button{color:#fff!important;background:#23345a!important}.setup-product small,.scheme-card p{color:#adb8cd!important}

.hardware-swatch{background:var(--swatch)!important;min-width:26px;min-height:26px}.hardware-color-heading{color:#eef2ff}.hardware-colors fieldset{border:1px solid #ffffff25;margin:12px 0;padding:12px}.environment-card{background:#171e2c;color:#e9efff}.environment-card small{color:#a8b5ce}.environment-card img{object-fit:cover}

/* Website home navigation */
.studio-home{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid #ffffff35;border-radius:4px;color:#e8edff;text-decoration:none;white-space:nowrap;font-size:12px;flex-shrink:0;background:#1a2130}
.studio-home:hover{border-color:#7697ff;background:#253455;color:#fff}.studio-home:focus-visible{outline:2px solid #fb5eac;outline-offset:3px}.studio-home svg{flex-shrink:0}
.module-header .studio-home{margin-left:auto}.module-header .studio-language{margin-left:0}.locale-guide-header{align-items:center;gap:12px}.locale-guide-header .studio-home{margin-right:auto}
@media(max-width:700px){.workbench .header .work-title{display:none}.workbench .header{gap:7px}.workbench .header .studio-home{min-height:40px;padding:0 8px;gap:5px;font-size:11px}.workbench .header .studio-language select{max-width:85px;padding-right:14px}.module-header{flex-wrap:wrap;padding:12px 16px}.module-header .studio-home{padding:0 9px;font-size:11px}}
