/* Shared presentation layer. All tool DOM, canvas sizes and behavior stay native. */
body.rhk-jade-ui{--brand:#07594e;--brand-dark:#06473e;--brand-soft:#edf3eb;--brand-2:#478375;--rhk:#07594e;--rhk-deep:#06473e;--rhk-bright:#398777;--rhk-soft:#edf3eb;--rhk-mist:#f5f7f2;--ink:#18372e;--muted:#67796e;--line:#dce5da;--bg:#f6f8f3;--soft:#edf3eb;--studio-ink:#18372e;--studio-muted:#67796e;--studio-line:#dce5da;--studio-shadow:0 12px 36px #274b2c09;background:#f6f8f3;color:#18372e;font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;accent-color:#07594e}
.rhk-jade-ui :focus-visible{outline:3px solid #4a917f;outline-offset:3px}.rhk-jade-ui :is(input,select,textarea,button){font-family:inherit}.rhk-jade-ui :is(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:#ccd9cc;border-radius:7px;box-shadow:none}.rhk-jade-ui :is(input,select,textarea):focus{border-color:#588e7a;box-shadow:0 0 0 3px #07594e0b}.rhk-jade-ui :is(input,textarea)::placeholder{color:#87938a}.rhk-jade-ui input[type=file]::file-selector-button{background:#edf3e9;color:#07594e;border:1px solid #d1decc;border-radius:4px;padding:7px 11px;margin-right:12px;font:inherit;cursor:pointer}.rhk-jade-ui :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.6}
.rhk-jade-ui :is(.brand b,.back,.back-link,.studio-eyebrow,.eyebrow,.brand-sub){color:#07594e}.rhk-jade-ui :is(.card,.panel,.studio-card,.works-controls,.work-card){border-color:#dce5da;border-radius:12px;box-shadow:0 6px 24px #23482e06}.rhk-jade-ui :is(.card h1,.panel h1,.studio-intro h1,.works-hero h1){font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-weight:600;color:#18372e;letter-spacing:-.025em;line-height:1.4}.rhk-jade-ui :is(.card h2,.panel h2,.section-title h2){font-weight:600;color:#214338}.rhk-jade-ui :is(.top,.works-top){gap:16px}.rhk-jade-ui :is(.w,.wrap)>.top{padding-top:8px;padding-bottom:16px;border-bottom:1px solid #dce5da;margin-bottom:22px}.rhk-jade-ui .w{padding-top:24px;padding-bottom:55px}.rhk-jade-ui :is(.primary,.btn-primary,button.primary):not(:disabled){background:#07594e;color:white;border-color:#07594e;border-radius:7px;box-shadow:0 4px 12px #07594e12}.rhk-jade-ui :is(.primary,.btn-primary):not(:disabled):hover{background:#06463d}.rhk-jade-ui :is(.menu a.on,.nav a.on,.tabs .tab.on,.tabs button.active){background:#07594e;color:white;border-color:#07594e}.rhk-jade-ui :is(.menu a,.back-link,.back){border-radius:6px}.rhk-jade-ui :is(.status,.dimension-box,.upload-zone,.result-meta){border-radius:8px}.rhk-jade-ui .dimension-box{background:#f6f8f2;border-color:#dce5d7}.rhk-jade-ui .status{background:#edf3e9;color:#526f5a}.rhk-jade-ui .studio-intro{border-bottom-color:#dce5da}.rhk-jade-ui .section-step{background:#edf3e9;color:#07594e;border-color:#dce5d7}.rhk-jade-ui .upload-zone{border-color:#b9cdb9;background:#fafcf7}.rhk-jade-ui .version-badge{display:none}.rhk-jade-ui .works-hero{background:#edf3e9;border-color:#d6e2d1;border-radius:12px;box-shadow:none}.rhk-jade-ui .works-hero:before{background:#07594e}.rhk-jade-ui .works-hero:after{display:none}.rhk-jade-ui .works-count{background:#07594e;border-color:#07594e;border-radius:10px;box-shadow:none}.rhk-jade-ui .works-count strong{color:#fff}.rhk-jade-ui .stat.on{background:#edf3e9;border-color:#adc5aa;box-shadow:inset 3px 0 #07594e}.rhk-jade-ui .stat.on :is(strong,span){color:#07594e}.rhk-jade-ui .works-toolbar{grid-template-columns:minmax(200px,1fr) minmax(140px,200px) repeat(3,auto)}.rhk-jade-ui .works-toolbar :is(button,select,input){border-radius:6px}.rhk-jade-ui .work-card{border-radius:9px}
.rhk-jade-ui.atelier-auth-page{background:#f3f5ef}.rhk-jade-ui .auth-shell{border-color:#d7e1d2;box-shadow:0 24px 70px #1f3e2610}.rhk-jade-ui .auth-editorial{background:linear-gradient(180deg,#123c35ab,#0e322ee8),url('jade/hero.webp') center/cover;color:#fff}.rhk-jade-ui .auth-editorial :is(h2,p,span,b){color:inherit}.rhk-jade-ui .auth-editorial h2{font-family:"Songti SC","Noto Serif SC","SimSun",serif;line-height:1.5}.rhk-jade-ui .auth-editorial-copy{position:relative}.rhk-jade-ui .auth-specimen{border-color:#c6d4c544}.rhk-jade-ui :is(.auth-pane,.auth-panel){background:#fbfcf9}
.rhk-jade-ui .studio-intro{background:#f3f6ef}.rhk-jade-ui .settings-panel{background:#fafbf7}
.rhk-jade-ui .hero{background:#edf3e9;color:#18372e;border:1px solid #d6e2d1;border-radius:12px;box-shadow:none}.rhk-jade-ui .hero :is(h1,h2,h3){color:#18372e;font-family:"Songti SC","Noto Serif SC","SimSun",serif;font-weight:600}.rhk-jade-ui .hero :is(p,.sub,.muted){color:#596f5e}
@media(max-width:900px){.rhk-jade-ui .works-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.rhk-jade-ui .works-toolbar .searchbox{grid-column:1/-1}.rhk-jade-ui .works-toolbar button{width:100%}.rhk-jade-ui :is(.top,.works-top){flex-wrap:wrap}.rhk-jade-ui .userbar{flex-wrap:wrap;gap:9px}}
@media(max-width:600px){.rhk-jade-ui .w{padding:16px 12px 40px}.rhk-jade-ui :is(.w,.wrap)>.top{margin-bottom:16px;padding-bottom:12px}.rhk-jade-ui .brand{font-size:18px;flex-wrap:wrap}.rhk-jade-ui .brand b{font-size:22px}.rhk-jade-ui :is(.studio-intro h1,.works-hero h1){font-size:27px}.rhk-jade-ui :is(.card,.panel){border-radius:10px}.rhk-jade-ui :is(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}.rhk-jade-ui :is(.primary,.btn-primary,.back-link){min-height:44px}.rhk-jade-ui .works-hero{padding:20px;gap:16px}.rhk-jade-ui .works-toolbar{gap:8px}.rhk-jade-ui .works-toolbar select{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.rhk-jade-ui *, .rhk-jade-ui *:before,.rhk-jade-ui *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:600px){.rhk-jade-ui .works-hero h1{font-size:22px;line-height:1.5}}