@font-face{font-family:LabKai;src:url('../assets/fonts/AlimamaDongFangDaKai-Regular.ttf')}@font-face{font-family:LabSong;src:url('../assets/fonts/JQSongTiJT.woff2')}
:root{color:#263e47;background:#faeedf;font-family:'Microsoft YaHei',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e3b351;outline-offset:4px}[hidden]{display:none!important}
.lab-sidebar{position:fixed;inset:0 auto 0 0;width:22.4%;border-right:10px solid white;background:#177dac;color:white;overflow:hidden;z-index:10}.lab-brand{display:block;width:53%;margin:16% auto 7%}.lab-brand img{width:100%;display:block}.lab-sidebar h1{display:flex;gap:16px;align-items:center;margin:0 auto 8px;width:61%;font:clamp(30px,2.85vw,56px) LabKai,serif;white-space:nowrap}.lab-sidebar h1 svg{width:45px;height:50px;flex-shrink:0}#lab-categories{position:relative;z-index:2;display:grid;gap:13px;width:51%;margin:0 auto}#lab-categories button{height:46px;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;padding:6px 12px;background:#acc7ce;color:#52686e;text-align:left;font:clamp(16px,1.2vw,23px) LabKai,serif;white-space:nowrap}#lab-categories img{width:27px;height:27px;object-fit:contain}#lab-categories button[aria-current=page]{background:#faeedf;color:#222}#lab-categories button:hover{background:#e0e1d5}.lab-character{position:absolute;bottom:0;left:0;width:100%;max-height:37vh;object-fit:contain;object-position:bottom;pointer-events:none}.lab-main{margin-left:22.4%;min-height:100vh}.lab-header{height:134px;background:#1077a5;display:flex;align-items:center;justify-content:flex-end;padding:20px 4.1%}.lab-header nav{display:flex;align-items:center;gap:clamp(20px,2.35vw,46px);color:white;font:clamp(22px,2.2vw,44px) LabSong,serif;white-space:nowrap}.lab-header a[aria-current]{text-decoration:underline;text-underline-offset:12px;text-decoration-thickness:2px}.lab-header button{border:0;color:inherit;background:none;padding:0}.lab-header svg{width:30px;height:30px;display:block}.lab-tabs{display:flex;align-items:center;gap:20px;padding:0 24px;overflow-x:auto;white-space:nowrap;color:#b0d4e2}.lab-second{height:82px;background:#1077a5;border-bottom:12px solid white}.lab-third{height:60px;background:#3e94b6;border-bottom:13px solid white}.lab-tab{display:flex;align-items:center;gap:9px;position:relative}.lab-tab+.lab-tab{border-left:1px solid #c7e1e7;padding-left:20px}.lab-tab button,.lab-tab>a{display:flex;align-items:center;gap:7px;border:0;background:none;color:inherit;padding:6px 0}.lab-tab img{width:30px;height:30px;border-radius:5px;opacity:.55}.lab-tab b{font-size:18px;display:block;line-height:1.1}.lab-tab small{display:block;font-size:10px;font-style:italic}.lab-tab.active{color:white}.lab-tab.active img{opacity:1}.lab-tab.active:after{content:'';position:absolute;height:2px;background:#fff;bottom:0;left:0;right:0}.lab-tab .close-tab{font-size:24px;padding:5px}.lab-tab:hover{color:white}#lab-content{padding:22px 24px;min-height:calc(100vh - 276px);background:#faeedf}#packaging-panel{--case-ink:#263e47;--case-accent:#167ba8}.pack-studio-switch{margin:0 0 18px!important}.lab-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.lab-tool-heading h2{font:30px LabKai,serif;margin:0}.lab-tool-heading p{font-size:12px;color:#66808b}.lab-tool-heading a{font-size:13px;border-bottom:1px solid}.visual-frame{width:100%;height:calc(100vh - 370px);min-height:620px;border:0;border-radius:8px;background:white}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-card{background:#fff9f0;border:1px solid #e5d8c5;border-radius:8px;padding:24px}.library-card small{color:#147ca7}.library-card h3{line-height:1.6}.library-card p{font-size:14px;color:#687778;line-height:1.8}.library-card a{color:#167ba8}.lab-empty{padding:40px;border:1px dashed #bdc4bd;border-radius:8px;color:#60727a}#search-dialog{border:0;border-radius:12px;width:min(650px,90vw);max-height:80vh;background:#faeedf;padding:28px}#search-dialog::backdrop{background:#123c5599}#search-dialog form{text-align:right}#search-dialog button{border:0;background:none;font-size:28px}#search-dialog label{display:grid;gap:16px}#search-input{width:100%;padding:14px;border:1px solid #a4bbc1;border-radius:6px}#search-results a{display:block;padding:15px 0;border-bottom:1px solid #dacdbb}
@media(min-width:1700px){.lab-brand{margin-top:16.5%;margin-bottom:8%}}@media(max-width:1200px){.lab-sidebar{width:235px}.lab-main{margin-left:235px}.lab-sidebar h1{width:80%;font-size:36px}.lab-brand{width:73%}#lab-categories{width:78%}.lab-header{height:110px;padding:20px}.lab-header nav{font-size:25px;gap:22px}.lab-second{height:70px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#lab-content{padding:18px 14px}}@media(max-width:760px){.lab-sidebar{position:relative;width:100%;border:0;padding:18px}.lab-brand{width:160px;margin:0}.lab-sidebar h1{position:absolute;right:18px;top:22px;width:auto;font-size:28px;gap:8px}.lab-sidebar h1 svg{width:25px;height:30px}#lab-categories{display:flex;width:100%;overflow:auto;gap:8px;margin-top:22px}#lab-categories button{flex-shrink:0;font-size:17px;height:39px}.lab-character{display:none}.lab-main{margin-left:0}.lab-header{height:70px;justify-content:flex-start;overflow:auto}.lab-header nav{font-size:21px;gap:22px}.lab-header svg{width:23px;height:23px}.lab-second{height:65px}.lab-tabs{padding:0 14px;gap:14px}.lab-tab b{font-size:16px}.library-grid{grid-template-columns:1fr}.visual-frame{min-height:650px}.lab-tool-heading{align-items:flex-start}.lab-tool-heading h2{font-size:25px}}
.lab-home-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:360px;padding:40px 5%;border:1px solid #dcd5bd;border-radius:12px;background:#f5efde;overflow:hidden}.home-eyebrow{font-size:11px;letter-spacing:.2em;color:#438398}.lab-home-hero h2{font:clamp(32px,3vw,58px)/1.25 LabKai,serif;color:#196d8a;margin:22px 0}.lab-home-hero p{font-size:14px;line-height:1.9;color:#637e82}.lab-home-hero button{background:#187da3;color:white;border:0;border-radius:6px;padding:14px 22px;margin-top:12px}.lab-home-hero button span{margin-left:35px}.home-art{position:relative;display:grid;place-items:center;min-height:300px}.home-art svg{width:min(280px,90%);z-index:1}.orbit{position:absolute;width:85%;height:50%;border:1px solid #88afb17a;border-radius:50%;transform:rotate(-35deg)}.orbit-two{transform:rotate(35deg)}.art-caption{font-size:9px;letter-spacing:.13em;color:#56838b}.home-section-title{display:flex;align-items:center;justify-content:space-between;margin:32px 0 16px;gap:12px}.home-section-title h3{font:26px LabKai,serif;margin:0}.home-section-title>span{font-size:10px;letter-spacing:.12em;color:#809093}.home-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-tool-card{text-align:left;background:#fff9ee;border:1px solid #ded6c3;border-radius:10px;padding:26px;color:#2a5965;transition:background .2s,transform .2s}.home-tool-card:hover{background:#edf1e8;transform:translateY(-3px)}.tool-number{font-size:10px;letter-spacing:.15em;color:#729499}.home-tool-card strong{display:flex;justify-content:space-between;font:27px LabKai,serif;margin:22px 0 12px}.home-tool-card p{font-size:13px;line-height:1.8;color:#6b7f80}.tool-chip{display:inline-block;background:#e5ece3;padding:6px 12px;border-radius:20px;font-size:11px;margin-top:10px}.home-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-paths button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e1d9c7;background:transparent;border-radius:8px;padding:18px 14px;color:#3e666e}.home-paths button:hover{background:#fff8eb}.home-paths img{width:28px;height:28px;object-fit:contain}.home-paths b{display:block;font-size:14px}.home-paths small{display:block;font-size:10px;margin-top:4px;color:#7f9596}.home-paths button>span:last-child{margin-left:auto}.home-footer{margin:32px 0 8px;font-size:12px;color:#7a9294;display:flex;justify-content:space-between}.home-footer span{color:#b29b63}@media(max-width:1100px){.home-paths{grid-template-columns:1fr 1fr}.lab-home-hero{padding:28px}.lab-home-hero p br{display:none}}@media(max-width:760px){.lab-home-hero{grid-template-columns:1fr}.home-art{min-height:220px}.home-art svg{width:190px}.home-tool-grid{grid-template-columns:1fr}.home-section-title>span{display:none}.home-paths{gap:8px}.home-paths button{padding:14px 10px;gap:8px}.home-footer{line-height:1.8}}
/* Keep all navigation outside the only scrolling workspace. */
html,body{height:100%;overflow:hidden}
.lab-main{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.lab-header,.lab-second,.lab-third{flex-shrink:0}
#lab-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.lab-tab.active:after{display:none}
.lab-tool-heading [data-visual-maximize]{flex-shrink:0;border:1px solid #91b2ba;border-radius:6px;background:transparent;color:#276b82;padding:9px 14px;font-size:13px}
.lab-tool-heading [data-visual-maximize]:hover{background:#e1ebdf}
#visual-panel.visual-maximized{position:fixed;inset:0;z-index:100;background:#faeedf;padding:18px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.visual-maximized .lab-tool-heading{flex-shrink:0;margin-bottom:12px}
.visual-maximized .lab-tool-heading p{display:none}
.visual-maximized .visual-frame{flex:1;height:0;min-height:0;width:100%;display:block}
@media(max-width:760px){body{display:flex;flex-direction:column}.lab-sidebar{flex-shrink:0}.lab-main{height:auto;flex:1;min-height:0}.visual-maximized .lab-tool-heading{align-items:center}.visual-maximized .lab-tool-heading h2{font-size:20px}}
/* Compact desktop shell; the title and secondary-tab content share one top edge. */
@media(min-width:761px){
 :root{--lab-sidebar-width:14.933333vw;--lab-header-height:96px}
 .lab-sidebar{width:var(--lab-sidebar-width)}
 .lab-main{margin-left:var(--lab-sidebar-width)}
 .lab-header{height:var(--lab-header-height);padding-top:12px;padding-bottom:12px}
 .lab-second{height:60px;align-items:flex-start;padding-top:0}
 .lab-brand{position:absolute;top:28px;left:12%;width:76%;max-width:210px;margin:0;height:44px}
 .lab-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
 .lab-sidebar h1{position:absolute;top:calc(var(--lab-header-height) + 6px);left:12%;width:76%;height:42px;margin:0;gap:10px;align-items:flex-start;font-size:clamp(26px,2.1vw,40px);line-height:1}
 .lab-sidebar h1 svg{width:32px;height:36px}
 #lab-categories{position:absolute;top:calc(var(--lab-header-height) + 62px);left:12%;width:76%;margin:0;gap:12px}
 #lab-categories button{width:100%;gap:9px;padding:6px 10px;font-size:clamp(16px,1.15vw,22px)}
}
@media(min-width:761px) and (max-width:1200px){
 :root{--lab-sidebar-width:156.666667px;--lab-header-height:82px}
 .lab-brand{left:7%;width:86%;top:24px;height:34px}
 .lab-sidebar h1{left:7%;width:86%;gap:6px;font-size:28px}
 .lab-sidebar h1 svg{width:25px;height:30px}
 #lab-categories{left:7%;width:86%}
 #lab-categories button{gap:7px;padding:6px 8px;font-size:16px}
 #lab-categories img{width:24px;height:24px}
}
@media(max-width:760px){.lab-header{height:58px;padding-top:10px;padding-bottom:10px}.lab-second{height:56px}}
#packaging-panel.packaging-maximized{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;min-height:0;padding:18px;background:#faeedf;overflow:hidden}
.packaging-maximized>.pack-studio-switch{flex-shrink:0;margin-bottom:14px!important}
.packaging-maximized>#pack-editor-host,.packaging-maximized>#pack-scene-host{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.pack-studio-switch [data-pack-maximize]{border-color:#91b2ba;color:#276b82}
.pack-studio-switch [data-pack-maximize][aria-pressed=true]{background:#dcebf0;color:#17566d}

.lab-header nav{font-family:LabSong,serif;font-size:clamp(21px,1.6667vw,34px);gap:1.65vw;color:#e2e9dc}.lab-header .lab-account img{width:22px;height:24px;object-fit:contain}.lab-header #lab-search img{width:26px;height:25px;object-fit:contain}.lab-header .lab-account{border:0;background:none;padding:0}.lab-header a[aria-current]{text-decoration:none;color:#fff}.lab-header a:hover{color:#fff}.lab-brand img{object-fit:contain}#search-results button{display:block;text-align:left;width:100%;font-size:15px!important;padding:15px 0;border-bottom:1px solid #dacdbb!important}

/* Match the main site's header-inner, main-nav and header-tools geometry. */
@media(min-width:761px){
 :root{--lab-header-height:calc(2.8vw + 60px)}
 .lab-header{height:var(--lab-header-height);align-items:flex-start;padding:2.8vw 5.833333vw 0 24px}
 .lab-header nav{font-family:LabSong,SimSun,serif;font-size:1.6667vw;font-weight:400;line-height:1.4;gap:1.65vw;color:#e2e9dc}
 .lab-header-tools{display:flex;align-items:center;gap:.9vw;margin-left:.15vw}
 .lab-header-tools button,.lab-header-tools .lab-account{display:flex;align-items:center;justify-content:center;width:1.35vw;flex-shrink:0;padding:0;border:0;background:none}
 .lab-header #lab-search img,.lab-header .lab-account img,.lab-header-tools svg{display:block;width:100%;height:auto;object-fit:contain}
}
.lab-header a[aria-current="page"]{color:#e2e9dc;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px}
.lab-header-tools{display:flex;align-items:center}
@media(max-width:760px){.lab-header-tools{gap:16px;margin-left:4px;flex-shrink:0}.lab-header-tools button,.lab-header-tools .lab-account{width:22px;padding:0;border:0;background:none}.lab-header-tools img{display:block;max-width:100%;height:auto}}
/* Full-width site header; both laboratory columns begin beneath it. */
@media(min-width:761px){
 :root{--lab-header-height:calc(7.73338vw + 3px)}
 .lab-header{position:fixed;inset:0 0 auto;z-index:30;width:100%;height:var(--lab-header-height);padding:2.8vw 5.833333vw 2.6vw;align-items:center;justify-content:space-between;gap:1.8vw;border-bottom:3px solid #a5c9c2a6}
 .lab-header .lab-brand{position:static;display:block;flex-shrink:0;width:9.6354vw;max-width:none;height:auto;margin:0}
 .lab-header .lab-brand img{width:100%;height:auto;display:block}
 .lab-header nav{margin-left:auto}
 .lab-sidebar{top:var(--lab-header-height)}
 .lab-sidebar h1{top:12px}
 #lab-categories{top:68px}
 .lab-main{margin-top:var(--lab-header-height);height:calc(100vh - var(--lab-header-height));height:calc(100dvh - var(--lab-header-height))}
 .lab-second{height:66px;padding-top:6px}
}
@media(max-width:760px){
 .lab-header{position:relative;flex-shrink:0;width:100%;height:auto;min-height:112px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;border-bottom:2px solid #a5c9c2a6;overflow:visible}
 .lab-header .lab-brand{position:static;width:140px;height:auto;margin:0;flex-shrink:0}
 .lab-header .lab-brand img{width:100%;height:auto}
 .lab-header nav{width:100%;justify-content:space-between;font-size:16px;gap:10px;overflow-x:auto;padding-bottom:5px}
 .lab-sidebar{padding-top:12px;padding-bottom:12px}
 .lab-sidebar h1{position:static;font-size:25px;height:30px;width:auto;margin:0;justify-content:flex-start}
 #lab-categories{margin-top:12px}
 .lab-main{margin-top:0}
}