/* B / Publishing studio. Business controls remain in app.js. */
:root{--bg:#f0f2f5;--card:#fff;--ink:#303946;--ink2:#677484;--ink3:#8691a0;--line:#e1e6ed;--brand:#465a78;--brand2:#384a65;--brand-soft:#edf1f7;--radius:6px;--shadow:0 2px 8px #25334708;--ok:#39745a;--ok-bg:#edf5ef;--warn:#a27535;--warn-bg:#faf5eb;--blue:#4f708e}
html,body{height:100%;overflow:hidden}body{font-size:13px;line-height:1.75;font-family:'Microsoft YaHei UI','PingFang SC',-apple-system,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7d92b8;outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed}.skip-link{position:fixed;top:-60px;left:20px;padding:10px 20px;background:#fff;z-index:10000}.skip-link:focus{top:10px}.studio-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-defs{display:none}
.studio-header{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 22px;position:relative;z-index:30}.studio-brand{color:var(--ink);display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:14px;font-weight:600}.studio-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#99a3b1;font-weight:400;line-height:1.8}.studio-logo{display:grid;place-items:center;width:29px;height:32px;background:#343e4d;color:white;border-radius:5px;font:21px Georgia,'SimSun',serif}.studio-breadcrumb{display:flex;gap:17px;font-size:11px;color:#8c96a4;margin-left:35px;min-width:0}.studio-breadcrumb>span:last-child{color:#596779;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-header .sp{flex:1}.studio-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf0f5;color:#7b889b;font-size:11px}.app{height:calc(100dvh - 89px);height:calc(100vh - 89px);overflow:hidden;display:flex}.sidebar{width:58px;overflow:visible;background:#29313d;position:relative;z-index:40;flex-shrink:0}.nav{padding:18px 9px;display:flex;flex-direction:column;gap:9px}.nav-grp{display:none}.nav-item{height:39px;width:40px;padding:0;display:flex;align-items:center;justify-content:center;margin:0;border-radius:5px;color:#a9b3c0;position:relative}.nav-item:hover{background:#3b4656;color:#fff}.nav-item.on{background:#4b596e;color:white}.nav-item[aria-disabled=true]{opacity:.55}.nav-item:focus-visible{outline-offset:1px}.nav-item .ic{display:grid;place-items:center;width:20px;height:20px;font-size:0}.nav-item>.nav-label{position:absolute;left:52px;white-space:nowrap;background:#303c4e;padding:7px 12px;border-radius:4px;color:#fff;pointer-events:none;opacity:0;transform:translateX(-3px);transition:.14s;box-shadow:0 3px 10px #0002;font-size:12px;z-index:60}.nav-item:hover>.nav-label,.nav-item:focus-visible>.nav-label{opacity:1;transform:none}.rail-divider{border-top:1px solid #414a58;display:block;margin:6px 5px}.rail-sign{margin:auto auto 17px;color:#8e9bad;font:14px Georgia,'SimSun',serif}.studio-context{width:226px;flex-shrink:0;background:#fafbfd;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.context-heading,.reader-heading{height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);flex-shrink:0}.context-heading b,.reader-heading b{font-size:12px;font-weight:600}.context-heading>span,.reader-heading>span{font-size:10px;color:#9aa4b0}.context-tabs{display:flex;gap:23px;padding:0 17px;border-bottom:1px solid var(--line);flex-shrink:0}.context-tabs button{font-size:11px;padding:12px 0;background:transparent;border:0;color:#95a0af;border-radius:0}.context-tabs [aria-selected=true]{color:#50617b;border-bottom:2px solid #5d718e}.context-details{padding:19px 17px;overflow:auto;flex:1;min-height:0}.context-eyebrow{font-size:9px;letter-spacing:1.4px;color:#98a3b2;margin-bottom:12px}.context-description{font-size:12px;line-height:1.95;color:#7e8b9e;margin-bottom:20px}.context-note{background:#f0f3f8;border:1px solid #e4e9f1;border-radius:5px;padding:12px;color:#7c899a;line-height:1.95;font-size:11px;margin-top:17px}.context-note b{color:#52647c;display:block;font-size:11px;font-weight:500;margin-bottom:3px}.context-kv{display:flex;justify-content:space-between;gap:9px;margin:12px 0;font-size:11px;line-height:1.8}.context-kv>span{color:#949dad;white-space:nowrap}.context-kv>b{font-weight:400;text-align:right;color:#67788e;overflow-wrap:anywhere}.context-section{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.context-source{display:block;border:1px solid var(--line);background:white;padding:12px;margin-bottom:9px;border-radius:4px;overflow-wrap:anywhere}.context-source b{font-size:11px;line-height:1.85;display:block;color:#56677d;font-weight:500}.context-source p{font-size:10px;color:#8e9aae;margin:5px 0 0;line-height:1.9}.context-source a{font-size:10px;color:#5b789a;display:inline-block;margin-top:8px}.context-reference{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-size:11px;color:#8d99aa;line-height:1.9}.outline-link{display:block;text-align:left;width:100%;padding:9px 0;border:0;background:transparent;color:#7b8a9f;font-size:11px;line-height:1.8}.outline-link:hover{color:#435b7a}.outline-link.title{font-weight:600;color:#546b8a}.nav-foot{padding:10px 13px 13px;border-top:1px solid var(--line);flex-shrink:0}.side-stat{padding:10px 9px;margin:0;background:#f0f3f8;border-radius:4px;font-size:11px;color:#8e9bae;line-height:1.9}.side-stat b{color:#6d7b90;font-size:11px}.side-stat.clk:hover{background:#e9eef5}.sd-row span:nth-child(2){color:#8794a6}.sd-row b{font-size:10px;max-width:110px}.sd-hint{font-size:10px;border-color:#dde4ee}.sd-dot.on{background:#70a28a;box-shadow:none}.sd-dot.off{background:#c37b7b}
.main{min-width:0;flex:1;background:#f1f3f6;overscroll-behavior:contain;scrollbar-gutter:stable}.main>.topbar{position:sticky;top:0;height:49px;min-height:49px;flex-wrap:nowrap;padding:0 22px;gap:9px;background:#fff;backdrop-filter:none;z-index:25}.top-title{font-size:12px;font-weight:500;white-space:nowrap}.topbar .badge{font-size:10px}.topbar .btn.sm{font-size:10px;padding:5px 9px}.wrap,.wrap-narrow{max-width:1100px;padding:24px 25px 60px;margin:auto}.wrap-narrow{max-width:850px}.card{border-radius:5px;padding:23px 25px;margin-bottom:18px;box-shadow:var(--shadow);min-width:0}.card h2{font-size:14px;font-weight:600;flex-wrap:wrap;gap:8px;line-height:1.8;margin-bottom:17px}.card h2 .tag{font-size:10px;border-radius:3px;color:#909bab;background:#f1f4f8;padding:3px 7px}.btn{border-radius:5px;font-size:12px;padding:8px 13px;transition:background .15s,border-color .15s;box-shadow:none}.btn.sm{font-size:11px;border-radius:4px;padding:5px 10px}.btn.p,.btn.p2{background:#465a78;border:1px solid #465a78;color:#fff;box-shadow:none;font-weight:500}.btn.p:hover:not(:disabled),.btn.p2:hover:not(:disabled){background:#354963;border-color:#354963;filter:none}.btn.s{background:#f0f3f7;color:#75859b}.btn.danger{border-color:#e7d5d5;color:#ab6666}.btn.wide{font-size:13px;padding:10px}.btn:disabled{opacity:.52}.row{gap:8px}.row.mt16{margin-top:20px}.hint{font-size:11px;color:#8c98a8;line-height:1.95}.hint b{font-weight:500;color:#6b7e97}label.lab{font-size:12px;margin:18px 0 8px;color:#6c7b8f}input[type=text],input[type=password],input[type=number],textarea,select,.track-sel{border-radius:5px;padding:11px 13px;background:#fafbfd;font-size:13px;border-color:#dfe5ed;color:#526176}textarea{min-height:115px;line-height:1.95}.track-sel{max-width:none}.radios{gap:17px;flex-wrap:wrap}.radios label{font-size:12px;color:#7c8a9c}.radios input{accent-color:#526786}.badge{font-size:10px;border-radius:4px;padding:3px 7px}.badge.blue{background:#edf2f8;color:#59748e}.chips{gap:6px}.chip{font-size:11px;border-radius:4px;padding:5px 9px}.angle{border-radius:5px;padding:17px 18px;margin-bottom:12px}.angle-t{font-size:16px;font-weight:500;line-height:1.85}.angle-t .no{width:21px;height:22px;border-radius:3px;background:#697e9a;font-size:10px}.angle-meta{font-size:11px;color:#8693a5}.angle-meta b{font-weight:500;color:#566a85}.steps{margin-bottom:22px;gap:0;border-bottom:1px solid var(--line);padding:0 0 16px}.step{background:none;border:0;border-radius:0;padding:6px 8px;font-size:11px;gap:8px}.step .n{width:20px;height:20px;font-size:10px;background:#e5eaf2}.step.active{background:none;color:#526784}.step.active .n{background:#526784}.step.done{color:#7f8d9c}.step.done .n{background:#a0afbd}.kv{font-size:12px}.kv .k{min-width:64px;color:#94a0af}.kv .v{color:#5c6b7f}.job{background:#f0f5fa;border:1px solid #dce5ef;border-radius:5px;padding:15px}.job-title{font-size:12px;color:#5b7695;font-weight:500}.job-time{font-size:11px;border-radius:4px}.job-msg{font-size:12px}.job-tip{font-size:10px}.job-bar{height:3px}.job-bar>i{background:#6e8aaa}.status{border-radius:5px;font-size:12px;padding:11px 13px}.draft-bar{margin:15px 24px 0;font-size:11px;border-radius:4px}.draft-bar .grow{min-width:100px}.save-dot{background:#6a967c}
.article-box{background:white;border-radius:3px;max-height:none;overflow:visible;font-size:15px;padding:28px 12px;line-height:2.1;white-space:normal;border-width:0}.article-box .hu-title{text-align:left;font:25px/1.7 Georgia,'SimSun',serif;color:#313c4c;margin:3px 0 25px;font-weight:600}.article-box .hu-h,.article-box h3{font-size:17px;text-align:left;color:#475974;font-weight:500;margin:25px 0 13px}.article-box .hu-p,.article-box p{font-size:14px;color:#5e6c7f;line-height:2.15;margin-bottom:17px}.article-box .hu-fig img{border-radius:3px;max-height:420px;object-fit:contain}.article-box .hu-fig-ph{border-radius:3px;background:#f7f9fc;font-size:11px;border-color:#cfdae7}.article-box .cap{font-size:11px}.editor-actionbar{padding:11px 0;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;margin-top:16px;margin-bottom:12px}.inline-editor{width:100%;min-height:450px!important;font-size:14px!important;line-height:2!important;background:#fbfcfe!important}.editor-help{font-size:10px;color:#9ba6b5;margin-bottom:15px}.preview-box{border-radius:4px;border-color:#e4e9f0;max-height:650px;padding:20px}.preview-box img{border-radius:3px}.figs{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:11px}.fig-card{background:#fafcfe;border-radius:5px;padding:10px}.fig-card img{height:145px;object-fit:contain;border-radius:3px}.fig-card .cap{font-size:10px;color:#8796aa}.fig-card.fail{font-size:11px}.tbl{font-size:12px}.tbl th{font-size:11px;color:#8b98a9;background:#f6f8fb;font-weight:500}.tbl th,.tbl td{padding:12px 11px}.table-scroll{overflow:auto;max-width:100%;border:1px solid #e6ebf2;border-radius:4px}.table-scroll .tbl{min-width:640px}.table-scroll::-webkit-scrollbar{height:5px}.table-scroll::-webkit-scrollbar-thumb{background:#c5cfdd;border-radius:4px}.ch-box{border-radius:5px;padding:18px;border-color:#e1e7ef;box-shadow:none}.ch-box h3{font-size:13px;flex-wrap:wrap;gap:6px}.ch-box .hint{font-size:11px}.ch-box .chk{font-size:12px}.ch-box .own-cfg{border-radius:4px;background:#f3f6fa}.pwd-wrap .eye{padding:5px;background:transparent;font-size:11px}.pwd-wrap input{padding-right:60px}.lib-stats{font-size:12px;gap:25px}.lib-stats b{font-size:23px;font-weight:500;color:#5a7395}.empty{padding:55px 20px}.empty .e-tx{font-size:12px;color:#95a1b2}.empty .e-ic{font-size:27px;filter:grayscale(1);opacity:.4}.lib-title{font-size:13px;color:#566a85;font-weight:500}.lib-prev{font-size:11px}.modal{border-radius:7px;max-width:920px}.modal-h{padding:17px 22px}.modal-h b{font-size:14px;font-weight:500}.modal-b{padding:23px}.modal-x{width:30px;height:30px;border-radius:4px;background:#f2f5f9;line-height:1}.toast{font-size:12px;border-radius:5px;padding:12px 20px;background:#303d51;box-shadow:0 8px 24px #23304520}.mask{padding:24px}.check-body b{font-size:12px}.check-body .m{font-size:11px}.check-body .h{font-size:10px}.collide-note{font-size:11px}
.studio-reader{width:316px;flex-shrink:0;background:#fafbfd;border-left:1px solid var(--line);overflow:auto;position:relative}.reader-subtitle{font-size:10px;text-align:center;color:#9aa7b8;margin:17px 0}.reader-subtitle span{margin:0 10px}.reader-phone{width:260px;background:#fff;border:6px solid #333e4c;border-radius:34px;margin:0 auto;overflow:hidden;box-shadow:0 8px 22px #28394b12;padding:0 18px 14px}.reader-notch{width:82px;height:16px;border-radius:0 0 12px 12px;background:#333e4c;margin:auto}.reader-clock{display:flex;justify-content:space-between;font:8px/1.5 sans-serif;color:#4c5d74;margin:11px 0 19px}.reader-content{min-height:375px;max-height:545px;overflow:auto;font-size:12px;overflow-wrap:anywhere;scrollbar-width:thin}.reader-content>section{width:100%!important}.reader-content img{max-width:100%!important;height:auto!important;border-radius:2px}.reader-content .hu-title{font:19px/1.65 Georgia,'SimSun',serif;text-align:left;color:#384962;font-weight:600;margin:0 0 18px}.reader-content .hu-h{font-size:13px;font-weight:500;color:#4b5f7a;margin:20px 0 10px}.reader-content .hu-p{font-size:11px;line-height:2;color:#77869b;margin:0 0 13px}.reader-content .hu-fig-ph{font-size:10px;background:#f6f8fb;border-radius:2px;border:1px dashed #ced9e5;padding:17px 6px;text-align:center;color:#8e9eb2;margin:15px 0}.reader-content .hu-fig{margin:16px 0;text-align:center}.reader-content .cap{font-size:9px;color:#a1aabb;margin:6px 0 13px}.reader-content .gap{height:7px}.reader-content .hu-p strong{color:#536882}.reader-content .preview-box{padding:0;border:0}.reader-home{height:3px;width:70px;border-radius:3px;background:#333e4c;margin:22px auto 0}.reader-empty{padding:44px 8px;text-align:center;color:#a1adbc;font-size:11px;line-height:2}.reader-empty .studio-icon{width:31px;height:31px;margin-bottom:16px;color:#b0bece}.reader-empty h3{font-size:13px;font-weight:500;color:#7c8da5;margin-bottom:12px}.reader-skeleton{height:5px;border-radius:3px;background:#e9eef5;margin:10px auto;max-width:85%}.reader-skeleton:nth-child(2n){width:68%}.reader-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 14px;color:#98a5b7;font-size:10px;margin-top:8px}.reader-footer .btn{font-size:10px}.reader-guidance{padding:0 23px 24px;font-size:10px;line-height:1.95;color:#a0abbb}.reader-mobile-toggle{display:none}.studio-bottom{height:27px;background:white;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px 0 76px;font-size:9px;color:#96a3b4}.studio-bottom>span:nth-child(2){margin-left:auto}.studio-bottom>span:last-child{border-left:1px solid #e1e8ef;padding-left:17px}body[data-view=library] .studio-reader,body[data-view=history] .studio-reader,body[data-view=settings] .studio-reader{display:none}body[data-view=settings] .wrap{max-width:1140px}.context-jump{display:block;background:none;border:0;border-left:2px solid transparent;color:#8190a6;text-align:left;font-size:11px;padding:10px 10px;width:100%;border-radius:0}.context-jump:hover{background:#eef2f8;border-left-color:#7c92b0;color:#516b8c}.context-empty{font-size:11px;color:#9aa7b8;line-height:2;padding:12px 0}.mobile-close-reader{display:none}.studio-page-intro{margin-bottom:20px}.studio-page-intro small{font-size:9px;letter-spacing:1.5px;color:#9ba7b7}.studio-page-intro h1{font-size:23px;font-weight:500;color:#40516b;margin:6px 0}.studio-page-intro p{font-size:11px;color:#96a2b3;margin:0}
@media(min-width:1600px){.studio-context{width:248px}.studio-reader{width:354px}.reader-phone{width:282px}.reader-content{max-height:610px;min-height:430px}.reader-content .hu-p{font-size:12px}.reader-content .hu-title{font-size:21px}.wrap-narrow{max-width:960px;padding:30px 36px 65px}.card{padding:27px 33px}}
@media(max-width:1260px){.studio-context{width:195px}.studio-reader{width:280px}.reader-phone{width:243px;padding:0 14px 14px}.wrap,.wrap-narrow{padding:20px 20px 50px}.card{padding:21px}.context-details{padding:17px 13px}.context-heading,.reader-heading{padding:0 14px}.context-tabs{padding:0 13px;gap:18px}.studio-breadcrumb{margin-left:10px}.reader-guidance{padding:0 18px 22px}.reader-footer{padding:18px}.main>.topbar{padding:0 18px}.top-title{font-size:11px}.topbar .badge{display:none}}
@media(max-width:1050px){.studio-reader{display:none}.reader-mobile-toggle{position:fixed;bottom:43px;right:22px;display:flex;z-index:41;box-shadow:0 3px 15px #293c5320;background:#fff;font-size:11px;padding:9px 14px}body[data-view=library] .reader-mobile-toggle,body[data-view=history] .reader-mobile-toggle,body[data-view=settings] .reader-mobile-toggle{display:none}.studio-reader.mobile-open{display:block;position:fixed;top:62px;bottom:27px;right:0;width:310px;max-width:94vw;z-index:55;box-shadow:-12px 0 45px #22354c30}.mobile-close-reader{display:block;border:0;background:none;color:#8292a8;font-size:20px;padding:1px 4px}.studio-reader.mobile-open .reader-phone{width:260px}.studio-context{width:213px}.studio-bottom{padding-left:75px}.studio-bottom>span:last-child{display:none}.grid3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.studio-context{display:none}.studio-breadcrumb{display:none}.studio-header{padding:0 17px;height:58px}.studio-brand{font-size:13px}.studio-brand small{font-size:7px}.app{height:calc(100dvh - 83px)}.sidebar{width:50px}.nav{padding:15px 6px;gap:8px}.nav-item{width:38px}.nav-item>.nav-label{left:44px}.main>.topbar{padding:0 15px;height:47px;min-height:47px;gap:7px}.topbar .btn.sm{font-size:10px;padding:4px 7px}.topbar .sp{min-width:4px}.wrap,.wrap-narrow{padding:19px 17px 70px}.card{padding:21px 19px}.grid2,.grid3{grid-template-columns:1fr}.card h2{font-size:13px}.steps{padding-bottom:13px}.step{padding:5px 3px;font-size:10px;gap:5px}.step .n{width:18px;height:18px;font-size:9px}.reader-mobile-toggle{bottom:41px;right:16px}.studio-bottom{height:25px;padding:0 12px 0 63px;font-size:8px;gap:7px}.studio-bottom>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:60%}.studio-reader.mobile-open{top:58px;bottom:25px}.article-box{padding:18px 0}.article-box .hu-title{font-size:23px}.angle-t{font-size:15px}.draft-bar{margin:12px 16px 0}.mask{padding:14px}.modal{max-height:90dvh}.modal-b{padding:19px}.modal-h{padding:15px 18px}.ch-box{padding:16px}.radios{gap:10px}.radios label{font-size:11px}.figs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.studio-page-intro h1{font-size:21px}.studio-page-intro p{font-size:10px}}
@media(max-width:430px){.main>.topbar{padding:0 10px;gap:5px}.top-title{font-size:10px}.topbar .btn.sm{padding:4px 6px;font-size:9px}.wrap,.wrap-narrow{padding:15px 11px 70px}.card{padding:18px 15px}.studio-brand{font-size:12px}.studio-logo{width:26px;height:29px}.studio-avatar{width:25px;height:25px}.btn{font-size:11px;padding:8px 10px}.step{font-size:9px;gap:4px}.step .n{width:16px;height:16px;font-size:8px}.article-box .hu-p{font-size:13px}.card h2 .tag{font-size:9px}.hint{font-size:10px}.kv{font-size:11px}.kv .k{min-width:50px}.row{gap:7px}.lib-stats{gap:12px;font-size:11px}.studio-bottom>span:nth-child(2){display:none}.figs{grid-template-columns:1fr}.radios label{font-size:10px}input[type=text],input[type=password],input[type=number],textarea,select,.track-sel{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Named navigation stays visible; the redundant context column is removed. */
.sidebar{width:188px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}
.nav{padding:18px 12px;gap:7px}
.nav-grp{display:block;padding:8px 12px 5px;color:#a9b5c5;font-size:10px;letter-spacing:1px}
.nav-item{width:100%;height:43px;justify-content:flex-start;gap:12px;padding:0 12px;flex-shrink:0}
.nav-item .ic{flex-shrink:0}
.nav-item>.nav-label{position:static;opacity:1;transform:none;background:none;padding:0;box-shadow:none;pointer-events:auto;font-size:12px;color:inherit;white-space:nowrap}
.nav-item:hover>.nav-label,.nav-item:focus-visible>.nav-label{transform:none}
.sidebar .nav-foot{margin-top:auto;padding:12px 10px 16px;border-top:1px solid #414a58}
.sidebar .side-stat{font-size:10px;padding:9px;background:#343e4d;color:#c6d0dd;border:0;border-radius:5px}
.sidebar .side-stat b{color:#dce4ef}
.studio-bottom{padding-left:206px}
@media(max-width:1050px){.sidebar{width:176px}.studio-bottom{padding-left:192px}}
@media(max-width:760px){
  .app{flex-direction:column}
  .sidebar{width:100%;flex:0 0 auto;overflow:visible}
  .nav{padding:7px 9px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  .nav-grp,.sidebar .nav-foot{display:none}
  .nav-item{height:35px;gap:5px;padding:0 6px;justify-content:center}
  .nav-item .ic{width:15px;height:15px}.nav-item .studio-icon{width:15px;height:15px}
  .nav-item>.nav-label{font-size:10px;white-space:nowrap}
  .main{min-height:0;width:100%}
  .studio-bottom{padding-left:12px}
}
@media(max-width:430px){.nav{padding:6px;gap:2px}.nav-item{padding:0 2px;gap:3px}.nav-item>.nav-label{font-size:10px}.nav-item .ic{display:none}}