/* WebVRDev Material Studio v8.1 — Blender-inspired UI, independent override of v7.23 */
:root{
 --bg:#202020;--glass:#303030;--gs:#353535;--gb:#424242;--gbh:#626262;
 --text:#dedede;--td:#adadad;--tf:#858585;--acc:#7bc8ff;--acc2:#a7ddff;--accg:rgba(123,200,255,.20);
 --R:5px;--Rs:3px;--mono:'Inter',system-ui,sans-serif;--sans:'Inter',system-ui,sans-serif;
}
html,body{background:#202020!important;color:#ddd!important;font-family:var(--sans);font-size:12px}
body{overflow:hidden}
.bg-c{background:#202020!important;display:none}
.app{height:100vh;display:grid;grid-template-columns:245px minmax(320px,1fr) 265px;grid-template-rows:46px 35px minmax(0,1fr);overflow:hidden;background:#202020}
.hdr{grid-column:1/-1;grid-row:1;background:#1a1a1a!important;border-bottom:1px solid #383838;backdrop-filter:none;padding:5px 12px;min-height:46px}
.logo-i{width:28px;height:28px;border-radius:5px;background:#74c2f7!important;color:#252525;font-size:17px;box-shadow:none}
.logo-t{font-size:13px;letter-spacing:0;color:#eee}.logo-s{font-family:var(--sans);color:#999;font-size:10px;letter-spacing:0}
.version-tag{font-size:9px;font-weight:500;background:#3a3a3a;padding:2px 5px;margin-left:6px;border-radius:3px;color:#aaa}
.hdr-r{gap:6px}.hdr-r button{font-size:10px!important}
.workspace-nav{grid-column:1/-1;grid-row:2;display:flex;align-items:stretch;gap:3px;background:#292929;border-bottom:1px solid #454545;padding:0 8px;min-width:0}
.menu-label{padding:10px 8px;color:#b5b5b5;font-size:11px;white-space:nowrap}.nav-divider{height:19px;margin:auto 12px auto 8px;border-left:1px solid #505050}
.workspace-tab{background:none;color:#aaa;font-family:var(--sans);font-size:11px;font-weight:600;border:0;border-radius:5px 5px 0 0;min-width:142px;padding:6px 12px;cursor:pointer;border-bottom:2px solid transparent}
.workspace-tab:hover{background:#383838;color:#e0e0e0}.workspace-tab.active{background:#363636;color:#f3f3f3;border-bottom-color:#7bc8ff}
.nav-spacer{flex:1}.nav-workflow{color:#797979;font-size:10px;font-weight:600;letter-spacing:.4px;align-self:center;margin-right:8px;white-space:nowrap}.nav-workflow b{font-weight:400;margin:0 5px;color:#7bc8ff}
.lcol{grid-column:1;grid-row:3;background:#292929!important;border-right:1px solid #444;backdrop-filter:none;overflow-y:auto;min-width:0}
.ccol{grid-column:2;grid-row:3;background:#242424;min-width:0;min-height:0;overflow:hidden}
.rcol{grid-column:3;grid-row:3;display:flex;min-height:0;overflow-y:auto;gap:7px;background:#292929!important;border-left:1px solid #444;backdrop-filter:none;padding:0 10px 12px}
.dock-title{height:29px;min-height:29px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#303030;border-bottom:1px solid #494949;color:#c8c8c8;font-size:10px;font-weight:700;letter-spacing:.45px}
.dock-title span{color:#737373;font-size:10px;font-weight:500;margin-left:auto;letter-spacing:0}.dock-title.center-title{background:#292929}
.dock-action{background:#393939;border:1px solid #5b5b5b;color:#bcbcbc;border-radius:4px;font-size:10px;padding:4px 9px;cursor:pointer;white-space:nowrap;margin-left:9px}.dock-action:hover{border-color:#8cceff;color:#a7ddff}
.ls{padding:12px 11px;border-bottom:1px solid #414141}.lst,.sm-panel-title{color:#bcbcbc;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.35px;text-transform:uppercase;margin-bottom:8px}
.lsel,.fmt-sel,.asel,.tn-row input{background:#363636!important;border:1px solid #515151!important;border-radius:4px!important;color:#ddd!important;font-family:var(--sans);font-size:11px!important;padding:6px 8px}
.lsel option,.fmt-sel option,.asel option,.lsel optgroup{background:#363636;color:#ddd}
.ubtn,.btn,.tsave,.vt,.pill,.cki,.mlbtn,.help-btn,.install-btn,.ck-btn,.wn-btn{border-radius:4px!important;box-shadow:none!important;transition:background .1s,border-color .1s!important;transform:none!important}
.ubtn{background:#414141!important;color:#eee;border:1px solid #5b5b5b!important;font-size:11px;font-weight:600;padding:9px 10px}
.ubtn:hover{background:#4e4e4e!important}
.btn{padding:9px 11px;font-size:11px!important;font-weight:600;border:1px solid #545454;color:#ddd}
.btn-a{background:#347dab!important;border-color:#68c0f0!important;color:#fff!important}.btn-a:hover:not(:disabled){background:#3f96c5!important}
.btn-g{background:#3b3b3b!important;border-color:#545454!important;color:#cfcfcf!important}.btn-g:hover:not(:disabled){background:#484848!important}
.btn:disabled{opacity:.36}
.pills{gap:5px}.pill{background:#373737!important;border:1px solid #4c4c4c!important;font-family:var(--sans);font-weight:500;font-size:10px;padding:5px 7px;color:#aaa}
.pill.act{background:#263e4d!important;border-color:#4d9bc9!important;color:#b0e2ff}
.ftag{background:transparent;border-radius:3px;padding:6px 7px}.ftag.act{background:#424242;border-left:2px solid #7bc8ff;border-top:none;border-bottom:none;border-right:none}
.ftag .fn{color:#b7b7b7;font-family:var(--sans);font-size:11px}.ftag .fs{color:#91d4ff}
.ehint{color:#929292;font-family:var(--sans);font-size:10px;padding:8px 12px 11px}
.mlist{gap:0}.mitem{border:0;border-bottom:1px solid #383838;border-radius:0;padding:7px 4px}.mitem.act{background:#333!important;border:0;border-bottom:1px solid #404040}.mitem .ml{font-family:var(--sans);font-weight:500;font-size:11px}.mdot{border-radius:2px;width:9px;height:9px}.mchk{border-radius:2px}.mitem.act .mchk{background:#65bfff;color:#252525;border-color:#65bfff}
.studio-details{border:1px solid #474747;border-radius:4px;background:#303030;margin:8px 0;padding:0}.studio-details summary{padding:9px 10px;font-size:10px;font-weight:600;color:#b8b8b8;cursor:pointer;list-style:none;user-select:none}.studio-details summary::before{content:'▸';display:inline-block;margin-right:7px;color:#999}.studio-details[open] summary::before{content:'▾'}.studio-details summary:hover{color:#a1dcff;background:#383838}
.studio-details-content{padding:8px;border-top:1px solid #424242}.inspector-help{color:#8b8b8b;font-size:10px;line-height:1.5;margin-top:8px}
.quick-preset-select{width:100%;margin-bottom:7px}
.vp-wrap{height:59%;min-height:230px;background:#252525;border-bottom:1px solid #494949}
#viewport{background:#262626}
.hbadge{background:#282828df!important;border:1px solid #454545!important;color:#bbb;font-family:var(--sans);font-size:10px;border-radius:4px}
.hdot{background:#74c2f7;box-shadow:none}
.vp-tb{gap:3px}.vt{font-family:var(--sans);background:#303030de!important;color:#c0c0c0;border:1px solid #4d4d4d;font-size:10px;padding:5px 9px;font-weight:600}
.vt.act{background:#293d4d!important;border-color:#478dbb!important;color:#b1dfff!important}
.vt:hover{background:#444!important;color:#fff}
.mlbtn{font-family:var(--sans);background:#373737!important;color:#95d4ff!important;border:1px solid #476277;font-size:10px;padding:5px 9px}
.vp-sliders{background:#303030e8;border-color:#505050;border-radius:4px;min-width:180px}.vps-l,.vps-v{font-family:var(--sans);color:#aaa;font-size:10px}
input[type=range]{background:#494949}.vp-sliders input[type=range]::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb{background:#83d0ff;box-shadow:none;width:12px;height:12px}
.tex-area{background:#252525;padding:0 10px 12px}.ta-title{position:sticky;top:0;z-index:2;font-family:var(--sans);font-size:10px;font-weight:600;color:#bcbcbc;background:#292929;margin:0 -10px 9px;padding:9px 12px;border-bottom:1px solid #454545;text-transform:uppercase;letter-spacing:.3px}
.tgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:7px}.tcard{background:#333;border:1px solid #4a4a4a;border-radius:4px}.tcard:hover{border-color:#888}.tcard.sel{border-color:#7bc8ff;box-shadow:none}.tcard canvas{aspect-ratio:1;background:#333}.tcard-info{padding:6px 7px;background:#363636}.tcard-n{font-size:10px;font-family:var(--sans)}.tsave{padding:3px 7px;font-size:10px;background:#424242;border-color:#505050}.tadj{background:#2d2d2d}.tcard.exp .tadj{max-height:430px}.ar{flex-wrap:wrap}.al,.av{font-family:var(--sans);font-size:10px}.cki span:last-child{font-family:var(--sans);font-size:10px}
.rcol .lst{margin:8px 0 2px}.sep{border-top:1px solid #424242;margin:4px 0}.exp-row{gap:6px}.btn-half{font-size:10px!important;padding:8px 5px}.exp-hint{color:#999;font-family:var(--sans);line-height:1.4;font-size:10px}.fmt-row label{font-family:var(--sans);font-size:10px;color:#aaa}.r-footer{border-top-color:#444;margin-top:auto}.r-footer span{font-family:var(--sans);font-size:10px}.r-footer a{color:#9dd9ff}
.tn-row input:focus,.lsel:focus,.fmt-sel:focus{border-color:#80caff!important}
.help-btn,.install-btn{background:#353535!important;border:1px solid #4b4b4b;color:#b6b6b6}.install-btn:hover,.help-btn:hover{background:#444!important}
.toast{background:#303030;border:1px solid #656565;border-radius:4px}.toast.show{transform:translateY(0)}
.wn-box,.ios-guide-box,.seo-card{background:#303030!important;border:1px solid #4e4e4e}.wn-btn{background:#4285b1!important;border-color:#67b8e8}.wn-badge{color:#a7ddff;background:#304856}
.ck-banner{background:#282828}.ck-accept{background:#427fa4!important}.ck-decline{background:#3c3c3c}.ck-text{font-size:11px}
.preview-advanced{margin:5px 0 8px}.preview-advanced .adv-flex{display:flex;gap:5px;flex-wrap:wrap;padding:9px}.preview-advanced .vt{background:#3c3c3c!important}
#smWorkspace[hidden]{display:none!important}
.seamless-workspace{grid-row:3;grid-column:2 / 4;display:grid;grid-template-columns:minmax(320px,1fr) 265px;overflow:hidden;min-width:0;min-height:0;background:#232323}
.sm-center{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:auto}
.sm-side{background:#292929;border-left:1px solid #454545;overflow:auto;min-height:0}
.sm-center .dock-title,.sm-side .dock-title{flex-shrink:0}
.sm-canvas-area{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;min-height:300px;height:56%;flex-shrink:0}
.sm-pane{background:#2f2f2f;display:flex;flex-direction:column;min-width:0;border:1px solid #484848;border-radius:4px;overflow:hidden}
.sm-pane-title{display:flex;justify-content:space-between;padding:8px 10px;background:#353535;color:#ccc;font-size:10px;font-weight:650;border-bottom:1px solid #494949}.sm-pane-title span{color:#8b8b8b;font-weight:400}
.sm-image-stage{background:#242424;flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sm-image-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.sm-checker{background-color:#282828;background-image:linear-gradient(45deg,#323232 25%,transparent 25%),linear-gradient(-45deg,#323232 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#323232 75%),linear-gradient(-45deg,transparent 75%,#323232 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}
.sm-placeholder{position:absolute;color:#777;text-align:center;font-size:13px;line-height:2.8;pointer-events:none}.sm-placeholder:first-line{font-size:32px}
.sm-tiled-row{margin:0 12px;display:flex;align-items:center;gap:15px;color:#bcbcbc;padding:9px 4px;border-bottom:1px solid #4b4b4b;font-size:10px;font-weight:700}.sm-toggle{font-size:11px;color:#bababa;font-weight:400;display:flex;align-items:center;gap:6px}.sm-toggle input{accent-color:#77c9ff}.sm-r-status{margin-left:auto;color:#909090;font-weight:400}
.sm-tiles{flex:1;min-height:120px;margin:11px 12px;overflow:hidden;border:1px solid #444;border-radius:4px;background:#202020;display:flex;align-items:center;justify-content:center}.sm-tiles canvas{width:100%;height:100%;object-fit:contain}
.sm-panel{padding:13px 12px;border-bottom:1px solid #414141;margin:0}.sm-ctl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#c3c3c3;font-size:11px;margin-bottom:12px;gap:8px}.sm-ctl output{margin-left:auto;color:#a1dcff;font-size:11px}.sm-ctl input{flex-basis:100%}.sm-line{display:flex;align-items:center;gap:8px;margin-bottom:9px}.sm-line label{width:48px;color:#aaa;font-size:11px}.sm-apply{margin:14px 0 8px}.sm-panel .btn-g{margin-top:6px}.sm-external{display:inline-block;color:#9bd7ff;font-size:11px;margin:7px 0;text-decoration:none}
.app.mode-seamless .ccol,.app.mode-seamless .rcol{display:none}.app.mode-seamless .ls.pbr-only,.app.mode-seamless .ehint{display:none}
.app.mode-seamless .seamless-workspace{display:grid}
.studio-status{background:#262626;border-top:1px solid #444;padding:4px 10px;font-size:10px;color:#999}
@media(max-width:1120px){.app{grid-template-columns:205px minmax(270px,1fr) 240px}.seamless-workspace{grid-template-columns:minmax(280px,1fr) 240px}.nav-workflow{display:none}}
@media(max-width:820px){body{overflow:auto}.app{display:flex;flex-direction:column;height:auto;min-height:100vh;overflow:visible}.hdr{min-height:50px}.workspace-nav{min-height:36px}.menu-label,.nav-divider{display:none}.workspace-tab{min-width:0;flex:1}.lcol{order:2;max-height:none;overflow:visible;border-right:0;border-top:1px solid #444}.ccol{order:3;min-height:500px;overflow:visible}.rcol{order:4;overflow:visible;border:0;border-top:1px solid #444;padding-bottom:18px}.vp-wrap{min-height:340px;height:60vw;max-height:650px}.tex-area{min-height:250px;overflow:visible}.seamless-workspace{order:3;display:flex;flex-direction:column;min-height:520px;overflow:visible}.sm-center{overflow:visible}.sm-side{overflow:visible}.sm-canvas-area{height:330px}.sm-tiles{min-height:180px}.app.mode-seamless .seamless-workspace{display:flex}.app.mode-seamless .lcol{display:none}}
@media(max-width:540px){.hdr-r .help-btn{display:none}.version-tag{display:none}.logo-s{font-size:9px}.vp-wrap{height:350px;min-height:350px}.vp-tb{max-width:70%;flex-wrap:wrap;justify-content:flex-end}.vp-hud .hbadge:first-child{display:none}.vp-sliders{padding:4px 6px;max-width:180px}.vp-bot{gap:2px}.sm-canvas-area{display:flex;flex-direction:column;height:auto;gap:10px}.sm-pane{min-height:230px}.sm-tiled-row{gap:9px;flex-wrap:wrap}.sm-r-status{margin-left:0}.tgrid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:540px){.sm-center>.dock-title{height:auto;min-height:29px;flex-wrap:wrap;gap:5px;padding:6px 10px}.sm-center>.dock-title span{margin-left:0}.sm-center>.dock-title .dock-action{margin-left:auto}.sm-pane{min-width:0}}

/* --- v8.1: Neutral dark Help, sky-blue UI accents and responsive seamless zoom --- */
.logo-i{background:#70bef2!important;color:#18232e!important}
.workspace-tab.active{border-bottom-color:var(--acc)}
.seo-content,.wn-overlay,.ios-guide{background:rgba(25,25,25,.9)!important}
.seo-card,.seo-inner,.seo-mini,.wn-box,.ios-guide-box{color:#dedede}
.seo-kicker,.seo-mini a,.seo-card a,.sm-external{color:#98d8ff!important}
.seo-close,.wn-close,.ios-guide-close{background:#383838;color:#ddd}
.seo-card p,.seo-card li,.seo-faq summary{color:#ccc}
.wn-btn,.ck-accept{color:white}
.sm-import-label{display:block;font-size:10px;color:#b7b7b7;margin:12px 0 5px}
#smImportPBR{margin-top:8px}
.sm-pane-title{gap:8px;align-items:center;min-height:35px;flex-wrap:wrap}
.sm-pane-title>span:not(.sm-zoom-tools){margin-left:auto;white-space:nowrap}
.sm-zoom-tools{display:flex;gap:2px;margin-left:auto}
.sm-zoom-tools button,.sm-tiles-hud button{background:#424242;border:1px solid #585858;border-radius:3px;color:#cbd9e2;min-width:24px;padding:2px 6px;cursor:pointer;font-size:11px}
.sm-zoom-tools button:hover,.sm-tiles-hud button:hover{border-color:#79c5f3;color:#a8dfff}
.sm-image-stage{touch-action:none}
.sm-image-stage canvas{transform-origin:center center;transition:transform .07s ease-out}
.sm-tiles{display:block;position:relative;background:#242424}
.sm-tiles canvas{width:100%;height:100%;display:block;object-fit:fill}
.sm-tiles-hud{position:absolute;right:7px;bottom:7px;display:flex;gap:5px;align-items:center;background:#222e;border:1px solid #4d4d4d;padding:5px 6px;border-radius:4px;color:#b9cad9;font-size:10px;pointer-events:auto}
.sm-tiles-hud>span:last-child{color:#969696;margin-left:4px}
.studio-lighting-controls{position:absolute;top:75px;left:8px;z-index:5;background:#303030ee;border:1px solid #555;border-radius:4px;min-width:210px;padding:7px 9px;color:#c9c9c9;font-size:10px;backdrop-filter:blur(8px)}
.studio-light-title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:700;color:#a7dbff;border-bottom:1px solid #4b4b4b;padding-bottom:6px;white-space:nowrap}
.studio-light-title label,.studio-light-items label{font-weight:500;color:#d0d0d0;display:flex;align-items:center;gap:4px;white-space:nowrap}
.studio-light-items{display:flex;flex-wrap:wrap;gap:6px;padding:7px 0}
.studio-lighting-controls input[type=checkbox]{accent-color:#7bc8ff}
.studio-light-brightness{display:flex;align-items:center;gap:6px}
.studio-light-brightness input{min-width:60px}.studio-light-brightness output{width:32px;text-align:right;color:#a7ddff}
.vp-sliders{top:36px}
@media(max-width:820px){.studio-lighting-controls{top:84px;left:8px;min-width:195px}}
@media(max-width:540px){.studio-lighting-controls{top:132px;right:8px;left:auto;min-width:170px;max-width:62%;padding:5px;font-size:9px}.studio-light-title{flex-wrap:wrap}.studio-light-items{gap:3px}.vp-sliders{top:35px;right:5px;max-width:150px}}

/* v8.2 lighting and Seamless status corrections */
.studio-lighting-controls:has(#studioLightMaster:not(:checked)) .studio-light-items,
.studio-lighting-controls:has(#studioLightMaster:not(:checked)) .studio-light-brightness{opacity:.45}
#smStatus{min-height:24px;line-height:1.45;overflow-wrap:anywhere}
.sm-apply:disabled{cursor:not-allowed;opacity:.5}

/* v8.3 public release: accessible panels + KTX2 + sharing */
:root{--acc:#82ceff}
.wn-overlay,.seo-content,.ios-guide,.studio-overlay{background:rgba(14,16,20,.88)!important}
.wn-box{max-width:640px!important;max-height:min(88vh,900px);overflow-y:auto;padding:30px!important}
.wn-title{font-size:22px!important;line-height:1.3!important;margin:10px 0 14px!important}
.wn-lead{font-size:15px;color:#c9d2dc;line-height:1.65;margin-bottom:20px}
.wn-item{font-size:14px!important;line-height:1.65!important;align-items:flex-start!important}
.wn-item strong{color:#f2f5f7!important}.wn-icon{font-size:20px!important}
.wn-list{gap:16px!important}.wn-btn{font-size:15px!important;padding:12px 18px!important}
.wn-close,.ios-guide-close{font-size:24px!important;color:#fff!important;cursor:pointer}
.ios-guide-box{max-width:420px!important}.ios-guide-title{font-size:19px!important}
.ios-step span:last-child,.ios-guide-note{font-size:14px!important;line-height:1.65!important}
.seo-inner{max-width:1050px!important}.seo-card h2{font-size:22px!important}
.seo-card h3{font-size:17px!important}
.seo-card p,.seo-card li{font-size:15px!important;line-height:1.8!important}
.seo-faq summary{font-size:15px!important;padding:6px 0!important}
.seo-kicker{font-size:12px!important}.seo-tag{font-size:12px!important}
.seo-close{font-size:27px!important}
.ck-banner{padding:14px 20px!important;flex-wrap:wrap}
.ck-text{font-size:14px!important;line-height:1.55!important}
.ck-btn{font-size:13px!important;padding:10px 16px!important}
.ck-banner button{white-space:normal}
.studio-details.ktx-panel{margin:8px 0 12px!important;border:1px solid #47494d;border-radius:4px;background:#2b2d30}
.ktx-panel summary{font-size:12px!important;padding:10px!important;font-weight:650;color:#d0d9e1;cursor:pointer}
.ktx-settings{padding:10px;display:flex;flex-direction:column;gap:12px}
.ktx-settings label{display:flex;flex-direction:column;gap:5px;color:#ced4dc;font-size:12px;line-height:1.45}
.ktx-settings label.ktx-check{display:flex;flex-direction:row;align-items:center;gap:8px}
.ktx-settings select{max-width:100%;padding:7px}
.ktx-settings input[type=checkbox]{accent-color:#81ceff}
.ktx-settings input[type=range]{width:100%;max-width:100%}
.ktx-settings output{font-size:12px;color:#8dd2fc;display:inline}
#ktxHint{font-size:12px;color:#b1bec9;line-height:1.6}
.ktx-progress{font-size:12px;color:#96d3ff;min-height:20px;overflow-wrap:anywhere}
.studio-overlay{position:fixed;inset:0;z-index:11000;display:flex;justify-content:center;align-items:center;padding:18px}
.studio-overlay[hidden],.update-banner[hidden]{display:none!important}
.studio-modal{position:relative;width:min(530px,96vw);max-height:90vh;overflow:auto;background:#303237;border:1px solid #5d6166;box-shadow:0 18px 70px #000b;border-radius:8px;padding:26px}
.studio-modal-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#eee;font-size:26px;cursor:pointer}
.studio-modal h2{font-size:21px;color:#f5f7fb;margin:0 0 10px}
.studio-modal p{font-size:14px;line-height:1.6;color:#bbc8d3;margin-bottom:16px}
.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.share-grid button{background:#43484e;border:1px solid #66717c;color:#dbeeff;border-radius:5px;padding:12px;cursor:pointer;font-size:14px}
.share-grid button:hover{background:#496d89;border-color:#8bd2ff}
.studio-modal p.share-note{font-size:12px;margin:15px 0 0}
.update-banner{position:fixed;z-index:11500;bottom:14px;left:50%;transform:translateX(-50%);width:min(760px,94%);background:#293d4d;border:1px solid #75bee9;border-radius:6px;padding:12px;display:flex;gap:12px;align-items:center;box-shadow:0 15px 40px #0009;color:#f6fbff;font-size:14px;line-height:1.45}
.update-banner span{flex:1}.update-banner button{color:#fff;background:#386e91;border:1px solid #7dcfff;border-radius:4px;padding:9px;cursor:pointer;font-size:12px}
@media(max-width:570px){.wn-box{padding:19px!important}.wn-title{font-size:19px!important}.wn-item,.seo-card p,.seo-card li{font-size:14px!important}.update-banner{flex-wrap:wrap}.share-grid button{font-size:12px}}

/* Keep Help and Share available on narrow screens; use small two-line header if needed */
@media(max-width:540px){.hdr-r .help-btn{display:inline-flex!important;font-size:11px!important;padding:8px 10px!important}.hdr-r{gap:5px;flex-wrap:wrap}.hdr{gap:8px}.hdr .logo{min-width:0}}