/* Workspace chrome only. Never injected into artwork iframes, export renderers or policy pages. */
body[data-lb-product] {font-family:var(--lb-font-sans);font-size:var(--lb-text-base);}
body[data-lb-product] :is(.hint,.note,.sublogo,.badge,.rail-label,.sidebar a,.rail a,.top,.pub-status,.pub-warning,.journey-status,label,summary,button,.button,.step,.ux-steps,.pub-steps,.toolbar,.notice,.lb-task-hint) {font-size:var(--lb-text-sm);line-height:1.5;}
body[data-lb-product] :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {font-size:var(--lb-text-input)!important;max-width:100%;}
body[data-lb-product] :is(button,.button,summary,select) {min-height:var(--lb-touch);touch-action:manipulation;}
body[data-lb-product] :is(button,a,input,textarea,select,summary):focus-visible {outline:2px solid var(--lb-focus);outline-offset:2px;}
body[data-lb-product] :is(.eyebrow,.ux-kicker,.kicker,.rail-label) {display:none!important;}
body[data-lb-product] :is(h1,h2,h3):not(#preview-slide *,#richBody *, .publish-preview *) {font-family:var(--lb-font-sans);}
body[data-lb-product] :is(.sidebar,.rail) {width:var(--lb-sidebar-w);}
body[data-lb-product] :is(.pub-steps,.ux-steps,.mode-tabs,.tabs,.steps) {gap:var(--lb-space-3);border-bottom:1px solid var(--lb-divider);}
body[data-lb-product] :is(.pub-steps,.ux-steps,.mode-tabs,.tabs,.steps,nav) :is([aria-current=step],[aria-current=page],[aria-selected=true],.active,.selected),body[data-lb-product] :is(.pub-platform-card[aria-pressed=true],.filter.active) {background:var(--lb-selected-bg)!important;background-image:none!important;color:var(--lb-text-strong)!important;box-shadow:none!important;border-bottom:2px solid var(--lb-marker);font-weight:600;}
body[data-lb-product] :is(.pub-steps span,.ux-steps button,.mode-tabs button,.tabs button) {padding:var(--lb-space-3) var(--lb-space-4);}
body[data-lb-product] :is(.actions,.dialog-actions) {gap:var(--lb-space-3);}
body[data-lb-product] dialog {max-width:calc(100vw - var(--lb-space-8));padding:var(--lb-space-6);}
.lb-v13-help {margin-top:auto;display:flex;flex-direction:column;gap:var(--lb-space-2);padding-block:var(--lb-space-4);}
.lb-v13-help details>summary {font-size:var(--lb-text-sm);cursor:pointer;}
.lb-v13-help details>div {display:flex;flex-direction:column;gap:var(--lb-space-2);}
.lb-v13-upload {position:relative;display:flex;align-items:center;gap:var(--lb-space-3);min-height:var(--lb-control-h);border:1px dashed var(--lb-border-strong);border-radius:var(--lb-radius-md);padding:var(--lb-space-4);cursor:pointer;}
.lb-v13-upload input[type=file] {position:absolute!important;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.lb-v13-upload:focus-within {outline:2px solid var(--lb-focus);outline-offset:2px;}
.lb-v13-upload-status {font-size:var(--lb-text-sm);overflow-wrap:anywhere;}
.lb-v13-icon {width:24px;height:24px;flex:none;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
body[data-lb-product=publish] .pub-layout {grid-template-columns:minmax(0,1fr) minmax(var(--lb-preview-w),36%);gap:var(--lb-space-6);}
body[data-lb-product=publish] .pub-preview-pane {border:0;border-radius:0;background:transparent;position:sticky;top:var(--lb-space-6);padding:0;align-self:start;min-width:0;}
body[data-lb-product=publish] .pub-phone {width:100%;max-width:var(--lb-preview-max);}
body[data-lb-product=publish] #pubPreviewMedia:not(:empty) {aspect-ratio:var(--lb-media-ratio,4/5);overflow:hidden;}
body[data-lb-product=publish] #pubPreviewMedia :is(img,video) {width:100%;height:100%;object-fit:contain;}
body[data-lb-product=publish] #pubCommon {display:flex;flex-direction:column;gap:var(--lb-space-2);}
body[data-lb-product=publish] #pubCommon[hidden] {display:none;}
body[data-lb-product=publish] #pubDrop .lb-v13-upload {border:0;}
body[data-lb-product=publish] .pub-editor {padding-bottom:var(--lb-action-clearance);}
body[data-lb-product=publish] #pubFlowBar {position:sticky;bottom:0;z-index:var(--lb-z-sticky);background:var(--lb-chrome);gap:var(--lb-space-3);padding:var(--lb-space-4);}
body[data-lb-product=publish] .pub-preview-pane .pub-toolbar {flex-wrap:wrap;}
body[data-lb-product=video] main {margin-left:var(--lb-sidebar-w);min-width:0;}
body[data-lb-product=video] .workspace {grid-template-columns:minmax(0,1fr) minmax(var(--lb-preview-w),36%)!important;gap:var(--lb-space-6);}
body[data-lb-product=video] .monitor {min-width:0;width:auto;position:sticky;top:var(--lb-space-4);align-self:start;}
body[data-lb-product=video] .monitor .screen {aspect-ratio:var(--lb-video-ratio,9/16);height:auto;max-height:40vh;min-height:0;margin-inline:auto;}
body[data-lb-product=video] .monitor .screen video {width:100%;height:100%;object-fit:contain;}
body[data-lb-product=video] #finish {padding:var(--lb-space-4);}
body[data-lb-product=video] .lb-v13-video-actions {display:flex;gap:var(--lb-space-3);padding:var(--lb-space-3);position:fixed;bottom:0;left:var(--lb-sidebar-w);right:0;background:var(--lb-chrome);border-top:1px solid var(--lb-divider);z-index:var(--lb-z-sticky);}
body[data-lb-product=video] .lb-v13-video-actions[hidden] {display:none;}
body[data-lb-product=video] .lb-v13-video-actions #save {position:static!important;width:auto!important;margin:0!important;}
body[data-lb-product=video] main {padding-bottom:var(--lb-action-clearance);}
body[data-lb-product=video] .upload {border:0;}
body[data-lb-product=video] header>span,body[data-lb-product=video] .brand>span,body[data-lb-product=video] .rail-bottom small {display:none;}
body[data-lb-product=article] main {max-width:var(--lb-content-max)!important;}
body[data-lb-product=article] .workspace[data-ux-step=write] {max-width:none!important;width:100%;display:block;}
body[data-lb-product=article] .editor {max-width:none!important;width:100%;}
.lb-v13-article-meta {border:1px solid var(--lb-border);border-radius:var(--lb-radius-lg);padding:var(--lb-space-6);min-width:0;}
body[data-lb-product=article] #richBody {font-size:18px;line-height:1.9;}
@media(min-width:1280px){body[data-lb-product=article] .editor {display:grid;grid-template-columns:minmax(0,1fr) var(--lb-preview-w);column-gap:var(--lb-space-6);}
body[data-lb-product=article] .editor>* {grid-column:1;min-width:0;}
body[data-lb-product=article] .editor>.lb-v13-article-meta {grid-column:2;grid-row:2/20;align-self:start;position:sticky;top:var(--lb-space-6);}
body[data-lb-product=article] .editor>#articleTaskActions {grid-column:1/-1;}}
body[data-lb-product=crm] main {margin-left:var(--lb-sidebar-w);}
body[data-lb-product=crm] .sidebar .brand small {display:none;}
body[data-lb-product=threads]>aside {width:var(--lb-sidebar-w);}
body[data-lb-product=threads]>main {margin-left:var(--lb-sidebar-w);}
body[data-lb-product=threads] .journey-grid {display:flex;flex-direction:column;gap:0;}
body[data-lb-product=threads] .journey-card {border:0;border-bottom:1px solid var(--lb-divider);border-radius:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--lb-space-4);padding:var(--lb-space-5) 0;background:transparent;}
body[data-lb-product=threads] .journey-card .num {display:none;}
body[data-lb-product=threads] .journey-card h3 {min-width:10em;}
body[data-lb-product=threads] .journey-card .button {margin-left:auto;}
body[data-lb-product=web] header {min-height:var(--lb-topbar-h);gap:var(--lb-space-3);flex-wrap:wrap;}
body[data-lb-product=web] .savebar {border:0;padding:0;gap:var(--lb-space-2);font-size:var(--lb-text-sm);}
body[data-lb-product=web] .savebar>span {display:none;}
body[data-lb-product=web] main>aside {text-align:left;}
body[data-lb-product=web] .preview-toolbar {flex-wrap:wrap;gap:var(--lb-space-2);}
@media(max-width:1100px){
body[data-lb-product] :is(.sidebar,.rail),body[data-lb-product=threads]>aside {position:relative!important;width:100%!important;height:auto!important;max-height:none;display:flex;flex-wrap:wrap;gap:var(--lb-space-2);padding:var(--lb-space-4);}
body[data-lb-product] :is(.sidebar,.rail)>nav {display:flex;flex-wrap:wrap;gap:var(--lb-space-2);}
body[data-lb-product=threads]>aside nav {display:flex;flex-wrap:wrap;}
body[data-lb-product] :is(.sidebar,.rail) .brand,body[data-lb-product=threads]>aside .logo {width:100%;}
body[data-lb-product] :is(.rail-bottom,.sidefoot,.aside-foot) {margin:0;}
body[data-lb-product=video] main,body[data-lb-product=crm] main,body[data-lb-product=threads]>main {margin-left:0!important;width:auto!important;}
body[data-lb-product=video] .workspace,body[data-lb-product=publish] .pub-layout {grid-template-columns:minmax(0,1fr)!important;}
body[data-lb-product=video] .monitor {position:relative;top:auto;}
body[data-lb-product=video] .lb-v13-video-actions {left:0;}
body[data-lb-product=publish] .pub-preview-pane {position:relative;top:0;}
}
@media(max-width:760px){
body[data-lb-product] {--lb-text-2xl:22px;}
body[data-lb-product] :is(main,.workspace) {min-width:0;}
body[data-lb-product] header {flex-wrap:wrap;gap:var(--lb-space-2);}
body[data-lb-product] dialog {padding:var(--lb-space-5);}
body[data-lb-product=publish] #pubFlowBar>button {flex:1;}
.lb-v13-article-meta {margin-block:var(--lb-space-6);}
}

body[data-lb-product=carousel] .workspace[data-ux-step=design] {display:grid;grid-template-columns:var(--lb-preview-w) minmax(0,1fr);gap:var(--lb-space-6);}
body[data-lb-product=carousel] .workspace[data-ux-step=design]>.ux-design {grid-column:1;grid-row:1;min-width:0;}
body[data-lb-product=carousel] .workspace[data-ux-step=design]>.preview {grid-column:2;grid-row:1;min-width:0;}
body[data-lb-product=carousel] .intro h1,body[data-lb-product=carousel] .page-chip strong {font-family:var(--lb-font-sans);}
body[data-lb-product=threads] #writer {min-width:0;}
body[data-lb-product=threads] .workspace {grid-template-columns:minmax(0,1fr) var(--lb-preview-w);gap:var(--lb-space-6);}
body[data-lb-product=video] .rail>.brand span {display:none!important;}
body[data-lb-product=video] .lb-v13-video-actions>button {flex:1;position:static!important;max-width:var(--lb-preview-max);}
body[data-lb-product] .lb-usage-nav:empty {display:none;}
@media(max-width:1100px){body[data-lb-product=threads] .workspace,body[data-lb-product=carousel] .workspace[data-ux-step=design] {display:flex;flex-direction:column;}}

body[data-lb-product] {--lb-text-xs:14px;}
body[data-lb-product] :is(.badge,time,.timestamp) {font-size:var(--lb-text-meta);}
body[data-lb-product=publish]>aside {width:var(--lb-sidebar-w);}
body[data-lb-product=publish]>main {margin-left:var(--lb-sidebar-w);}
body[data-lb-product=publish] #publisher {border:0;border-radius:0;}
body[data-lb-product=publish] .pub-layout {border:0;border-radius:0;}
body[data-lb-product=web] :is(.home-eyebrow,.studio-eyebrow,.home-kicker) {display:none!important;}
@media(max-width:1100px){body[data-lb-product=publish]>aside {position:relative!important;width:100%!important;height:auto!important;display:flex;flex-wrap:wrap;padding:var(--lb-space-4);gap:var(--lb-space-2);}body[data-lb-product=publish]>main{margin-left:0!important;}}

body[data-lb-product=publish]>.app-header {width:var(--lb-sidebar-w)!important;}
body[data-lb-product=publish] #publisher {margin-left:var(--lb-sidebar-w)!important;}
body[data-lb-product=publish] .pub-layout,body[data-lb-product=publish] .pub-preview-pane {border:0!important;border-radius:0!important;background:transparent!important;}
body[data-lb-product=publish] #publisher>.intro {display:flex;flex-wrap:wrap;align-items:center;gap:var(--lb-space-3);}
body[data-lb-product=publish] #publisher>.intro>p {width:100%;margin:0;}
body[data-lb-product=publish] #publisher>.intro>.pub-toolbar {margin:0 0 0 auto;}
body[data-lb-product=publish] #pubNotice {order:2;flex:1;padding:0;background:none;border:0;max-width:26em;}
body[data-lb-product=publish] #pubFlowBar :is(#pubNext,#pubSend) {order:3;}
body[data-lb-product=article] .lb-v13-article-meta {border:0;border-radius:0;background:transparent;padding:var(--lb-space-4);}
body[data-lb-product=article] .ux-steps,body[data-lb-product=carousel] .ux-steps {border-radius:0;background:none;padding:0;}
body[data-lb-product=article] .ux-steps button,body[data-lb-product=carousel] .ux-steps button {border-radius:0;}
@media(max-width:1100px){body[data-lb-product=publish]>.app-header {position:relative!important;z-index:70!important;overflow:visible!important;width:100%!important;height:auto!important;display:flex;flex-wrap:wrap;gap:var(--lb-space-2);padding:var(--lb-space-4);}body[data-lb-product=publish] #publisher {margin-left:0!important;}body[data-lb-product=publish] .platforms {display:none;}body[data-lb-product=publish] .app-header .brand{width:auto;}}
@media(max-width:760px){body[data-lb-product=publish] #pubNotice{display:none;}body[data-lb-product=publish] #publisher>.intro>.pub-toolbar{margin:0;}}

/* Keep mobile flex axes explicit: Safari otherwise retains the original column layout. */
@media(max-width:1100px){
body[data-lb-product=crm] .sidebar {flex-direction:row!important;align-items:center;box-sizing:border-box;}
body[data-lb-product=crm] .sidebar nav {width:100%;min-width:0;}
body[data-lb-product=crm] .sidebar .lb-v13-customer-actions {max-width:100%;}
}
/* Web tablets (769–1100) keep the product's own three-column grid; only phones collapse to one column. */
@media(max-width:768px){
body[data-lb-product=web] main {grid-template-columns:minmax(0,1fr)!important;}
body[data-lb-product=web] main>aside {position:relative;width:auto;}
}
.lb-v13-draft-tools {position:relative;}
.lb-v13-draft-tools[open]>:not(summary) {display:block;margin-block:var(--lb-space-2);}
body[data-lb-product=carousel] .lb-v13-help {padding:0;margin:0;}
@media(max-width:760px){
body[data-lb-product=carousel] .app-header {padding:var(--lb-space-3);gap:var(--lb-space-2);}
body[data-lb-product=carousel] .header-actions {display:flex;flex-wrap:wrap;gap:var(--lb-space-2);width:auto;}
body[data-lb-product=carousel] #save-status {display:none;}
body[data-lb-product=carousel] .wordmark-sub {display:none;}
}

body[data-lb-product] :is(button,.button):not(#preview-slide *,#richBody *, .publish-preview *) {border-radius:var(--lb-radius-md);}
body[data-lb-product=publish] .library-heading>.button {display:none;}
body[data-lb-product=carousel] .lb-v13-help details>div {position:absolute;right:var(--lb-space-3);z-index:var(--lb-z-dialog);padding:var(--lb-space-4);background:var(--lb-surface);border:1px solid var(--lb-border);}
body[data-lb-product=web] .intro-benefits article>span {display:none;}
/* A selected legacy material reveals its own tools; do not show inactive export actions. */
@media(max-width:1100px){
body[data-lb-product=video] #originalEditTools[open] .workspace {display:flex!important;flex-direction:column;}
body[data-lb-product=video] #originalEditTools[open] .monitor {width:100%;}
body[data-lb-product=video] #originalEditTools[open] .monitor .screen {max-height:28vh;}
}

body[data-lb-product=crm] .sidebar .brand>span,body[data-lb-product=threads] .sublogo {display:none;}
body[data-lb-product=threads] .journey-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--lb-space-2) var(--lb-space-4);}
body[data-lb-product=threads] .journey-card :is(h3,p) {margin:0;min-width:0;grid-column:1;}
body[data-lb-product=threads] .journey-card .button {grid-column:2;grid-row:1/3;}
@media(max-width:600px){body[data-lb-product=threads] .journey-card {grid-template-columns:1fr;}body[data-lb-product=threads] .journey-card .button {grid-column:1;grid-row:auto;margin:0;justify-self:start;}}

body[data-lb-product=video].lb-legacy-open #integratedEdit {display:none!important;}
body[data-lb-product=video] main>header {display:flex!important;}
body[data-lb-product=video] #batchPanel {border-color:var(--lb-border)!important;}
@media(max-width:1100px){body[data-lb-product=video] .rail {flex-direction:row!important;}body[data-lb-product=video] .rail>a:not(.brand){flex:1 1 40%;}}
body[data-lb-product=video] #integratedEdit :is(p,small,label,summary,.muted) {font-size:var(--lb-text-sm);}
/* CRM's legacy mobile grid placed sidebar children outside their container. */
@media(max-width:1100px){
body[data-lb-product=crm] {display:block;}
body[data-lb-product=crm]::before {display:none;}
body[data-lb-product=crm] .sidebar :is(.brand,nav,#new,.sidefoot) {position:static;grid-area:auto;height:auto;min-height:0;top:auto;}
body[data-lb-product=crm] .sidebar nav {mask-image:none;-webkit-mask-image:none;overflow:visible;}
body[data-lb-product=crm] .sidebar .brand {padding:0;}
body[data-lb-product=crm] main {display:block;grid-area:auto;}
}

@media(max-width:1100px){
body[data-lb-product=crm] .sidebar .sidefoot {display:flex;flex-wrap:wrap;gap:var(--lb-space-3);padding:0;width:100%;}
body[data-lb-product=crm] .sidebar .lb-v13-help {padding:0;margin:0;}
body[data-lb-product=crm] .top {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--lb-space-2);padding-block:var(--lb-space-3);}
body[data-lb-product=crm] .top .themetoggle {width:auto;margin:0;}
}

/* R-3/R-10: one non-overlapping action row; preserve original control listeners. */
body[data-lb-product=video] main>header {min-height:64px;align-items:center;gap:var(--lb-space-2);flex-wrap:wrap;}
body[data-lb-product=video] .lb-video-title {margin-right:auto;}
body[data-lb-product=video] .lb-v13-video-actions {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
body[data-lb-product=video]:has(#batchFiles) .lb-v13-video-actions :is(#save,#render) {position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important;min-width:0;}
body[data-lb-product=video] .lb-v13-video-actions[hidden] {display:none;}
@media(max-width:760px){body[data-lb-product=video] .lb-video-title{font-size:var(--lb-text-sm);}body[data-lb-product=video] main{padding-bottom:100px;}}
@media(max-width:1100px){body[data-lb-product=video] .rail .rail-bottom {display:flex!important;flex-wrap:wrap;align-items:center;gap:var(--lb-space-2);width:100%;}body[data-lb-product=video] .rail .rail-bottom .lb-v13-help{margin:0;padding:0;}}

/* Stage 2 review fixes: scoped to application chrome; no artwork selectors. */
/* Publish: symmetric content gutters, quiet unselected step, one-row narrow header with a dropdown menu. */
body[data-lb-product=publish] {padding-left:0!important;}
body[data-lb-product=publish] #publisher {width:auto!important;max-width:none!important;padding-inline:var(--lb-space-6)!important;}
body[data-lb-product=publish] .pub-layout {margin-inline:auto!important;width:100%!important;max-width:none!important;}
/* review-fixes.css paints every step by id, so the unselected rule must also use the ids to win. */
body[data-lb-product=publish] :is(#pubStepOne,#pubStepTwo,#pubStepThree):not([aria-current=step]) {background:transparent!important;background-image:none!important;color:var(--lb-text-muted)!important;box-shadow:none!important;border-color:transparent!important;font-weight:var(--lb-weight-regular,400)!important;}
body[data-lb-product=publish] :is(#pubStepOne,#pubStepTwo,#pubStepThree)[aria-current=step] {font-weight:var(--lb-weight-semibold)!important;}
body[data-lb-product=publish] #publisher>.intro :is(button,summary,.button) {white-space:nowrap;}
.lb-publish-menu>summary {display:none;}
.lb-publish-menu-panel {display:contents;}
/* Threads: writing and preview side by side on wide screens; one pane plus a switch on narrow screens. */
body[data-lb-product=threads] .lb-writing-preview-body {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:var(--lb-text);}
body[data-lb-product=threads] aside.lb-writing-preview {position:relative;inset:auto!important;width:auto!important;height:auto!important;display:block!important;color:var(--lb-text);padding:var(--lb-space-5);background:var(--lb-surface);border:1px solid var(--lb-border);border-radius:var(--lb-radius-md);}
body[data-lb-product=threads] .lb-writing-switch {display:none;}
@media(min-width:1101px){
body[data-lb-product=threads] .workspace.lb-writing-layout {display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)!important;gap:var(--lb-space-6)!important;max-width:none!important;width:100%!important;align-items:start;}
body[data-lb-product=threads] .lb-writing-layout>div.panel {grid-column:1/-1;}
body[data-lb-product=threads] .lb-writing-layout>aside.lb-writing-preview {position:sticky!important;top:var(--lb-space-6);}
}
/* Web: one aligned top bar (brand | status, undo, redo, save | 下載與上線 | theme | 更多操作); left nav left-aligned. */
body[data-lb-product=web]>header {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:var(--lb-space-3)!important;height:auto!important;min-height:72px;padding:var(--lb-space-3) var(--lb-space-6)!important;}
body[data-lb-product=web]>header>.logo {order:0;margin-right:auto!important;flex:none;}
body[data-lb-product=web]>header>.savebar {order:1;flex:0 1 auto;min-width:0;display:flex!important;align-items:center;gap:var(--lb-space-2);background:transparent!important;border:0!important;padding:0!important;margin:0!important;}
body[data-lb-product=web]>header>.savebar #status {flex:0 1 auto;min-width:0;max-width:320px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--lb-text-muted);}
body[data-lb-product=web]>header>nav {order:2;flex:none;}
body[data-lb-product=web]>header>[data-liubai-theme-toggle] {order:3;flex:none;}
body[data-lb-product=web]>header :is(button,summary) {white-space:nowrap;}
body[data-lb-product=web] main>aside, body[data-lb-product=web] .studio-sidebar {text-align:left!important;}
body[data-lb-product=web] :is(main>aside,.studio-sidebar) :is(button,a) {text-align:left!important;justify-content:flex-start!important;}
.lb-web-menu {order:4;flex:none;position:relative;z-index:70;border:0!important;padding:0!important;margin:0!important;background:none!important;}
/* Shared dropdown trigger + panel for the publish (narrow) and web menus. */
:is(.lb-web-menu,.lb-publish-menu)>summary {align-items:center;min-height:44px;padding:0 var(--lb-space-4);border:1px solid var(--lb-border);border-radius:var(--lb-radius-md);cursor:pointer;list-style:none;color:var(--lb-text);}
:is(.lb-web-menu,.lb-publish-menu)>summary::-webkit-details-marker {display:none;}
:is(.lb-web-menu,.lb-publish-menu)>summary::after {content:'';width:6px;height:6px;margin-left:var(--lb-space-2);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);}
:is(.lb-web-menu,.lb-publish-menu)[open]>summary::after {transform:translateY(2px) rotate(-135deg);}
.lb-web-menu>summary {display:inline-flex;}
.lb-web-menu-panel {position:absolute;right:0;top:calc(100% + var(--lb-space-2));z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:var(--lb-space-2);width:min(280px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:var(--lb-space-3);background:var(--lb-surface);border:1px solid var(--lb-border);border-radius:var(--lb-radius-md);box-shadow:0 12px 32px rgb(0 0 0 / .35);}
.lb-web-menu-panel :is(button,a,summary) {width:100%;justify-content:flex-start!important;text-align:left!important;}
.lb-web-menu-panel :is(.help-pop) {position:static!important;inset:auto!important;width:auto!important;box-shadow:none!important;}
.lb-web-menu-panel .lb-v13-help {margin:0!important;padding:0!important;border:0!important;}
.lb-web-menu-panel>span {font-size:var(--lb-text-xs);color:var(--lb-text-muted);padding:var(--lb-space-1) var(--lb-space-2);}
@media(max-width:1100px){
body[data-lb-product=publish]>.app-header {position:relative!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--lb-space-2)!important;height:auto!important;min-height:60px!important;padding:var(--lb-space-2) var(--lb-space-4)!important;}
body[data-lb-product=publish]>.app-header>.brand {margin-right:auto!important;}
.lb-publish-menu {position:static;}
.lb-publish-menu>summary {display:inline-flex;}
.lb-publish-menu-panel {position:absolute;right:var(--lb-space-4);top:calc(100% + var(--lb-space-1));z-index:60;display:flex;flex-direction:column;align-items:stretch;gap:var(--lb-space-3);width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:var(--lb-space-4);background:var(--lb-surface);border:1px solid var(--lb-border);border-radius:var(--lb-radius-md);box-shadow:0 12px 32px rgb(0 0 0 / .35);}
body[data-lb-product=publish] .lb-publish-menu-panel nav {display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;gap:var(--lb-space-1)!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;mask-image:none!important;-webkit-mask-image:none!important;}
body[data-lb-product=publish] .lb-publish-menu-panel nav a {width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;flex:none!important;justify-content:flex-start!important;border-radius:var(--lb-radius-md)!important;white-space:nowrap;}
body[data-lb-product=publish] #publisher>.intro {padding-block:var(--lb-space-3)!important;margin-top:0!important;}
body[data-lb-product=publish] #publisher {padding-inline:var(--lb-space-4)!important;}
body[data-lb-product=threads] .lb-writing-layout {display:flex!important;flex-direction:column;}
body[data-lb-product=threads] .lb-writing-layout>* {width:100%;min-width:0;}
body[data-lb-product=threads] .lb-writing-switch {position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:var(--lb-space-2);padding:var(--lb-space-2) 0;background:var(--lb-bg);}
body[data-lb-product=threads] .lb-writing-switch>button {min-height:44px;}
body[data-lb-product=threads] .lb-writing-switch>[aria-pressed=true] {background:var(--lb-selected-bg)!important;color:var(--lb-selected-text,var(--lb-text))!important;font-weight:var(--lb-weight-semibold);}
body[data-lb-product=threads] .lb-writing-layout[data-view=preview]>:is(#writer,#generatedArticle) {display:none!important;}
body[data-lb-product=threads] .lb-writing-layout[data-view=write]>aside.lb-writing-preview {display:none!important;}
body[data-lb-product=web]>header {flex-wrap:wrap!important;padding:var(--lb-space-2) var(--lb-space-4)!important;min-height:60px;}
body[data-lb-product=web]>header>.savebar {order:9;flex:1 1 100%;}
body[data-lb-product=web]>header>.savebar #status {max-width:none;flex:1 1 auto;font-size:var(--lb-text-xs);}
}
@media(max-width:1100px){
body[data-lb-product=web]>header>.logo, body[data-lb-product=web]>header>.logo>span {display:flex!important;width:auto!important;}
body[data-lb-product=web]>header>.logo>span+span {display:none!important;}
}
/* Web tablets (769–1100): the section nav becomes one scrollable row above form + preview, so content keeps the full width (D-06). */
@media(min-width:769px) and (max-width:1100px){
body[data-lb-product=web] main {grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;}
body[data-lb-product=web] .studio-sidebar {grid-column:1/-1!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:var(--lb-space-2)!important;width:auto!important;height:auto!important;min-height:0!important;padding:var(--lb-space-2) var(--lb-space-4)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;border-right:0!important;border-bottom:1px solid var(--lb-divider)!important;position:static!important;}
body[data-lb-product=web] .studio-sidebar>* {flex:none!important;width:auto!important;white-space:nowrap;}
body[data-lb-product=web] .studio-sidebar #collapseSidebar {display:none!important;}
}
/* Threads ≤1100: the side panel becomes a compact top bar (brand | help | theme, then one scrollable nav row),
   matching the live site's phone layout; the decorative tagline stays hidden as it is on the live site. */
@media(max-width:1100px){
body[data-lb-product=threads]>aside {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:var(--lb-space-2)!important;width:auto!important;height:auto!important;min-height:0!important;padding:var(--lb-space-2) var(--lb-space-4)!important;position:relative!important;inset:auto!important;}
body[data-lb-product=threads]>aside>.logo {margin-right:auto!important;width:auto!important;}
body[data-lb-product=threads]>aside>:is(button,.button,.lb-v13-help) {flex:none!important;width:auto!important;margin:0!important;}
body[data-lb-product=threads]>aside>.lb-v13-help {order:2;padding:0!important;border:0!important;}
body[data-lb-product=threads]>aside>[data-liubai-theme-toggle] {order:3;}
body[data-lb-product=threads]>aside>nav {order:4;flex:1 1 100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:var(--lb-space-2)!important;scrollbar-width:none;margin:0!important;}
body[data-lb-product=threads]>aside>nav>button {flex:none!important;width:auto!important;white-space:nowrap;}
body[data-lb-product=threads]>aside>.aside-foot {display:none!important;}
}
/* Video #edit: review-fixes moves 預覽此素材 to the top of each shot, which shifted the original
   ".shot > label:nth-child(3)" edit-mode rule onto the 口播／字幕 field. 要拍的畫面 carries [hidden] itself. */
body[data-lb-product=video][data-mode=edit] .shot>label:not([hidden]) {display:block;}

/* Verified 2026-10-26 production layouts: chrome only, never artwork/output. */
body[data-lb-product=publish] :is(.app-header,#pubCommon,#pubDrop,.pub-preview-pane) {
  background:var(--lb-surface)!important;color:var(--lb-text)!important;
}
body[data-lb-product=publish] .app-header :is(.brand span,.sidebar-channels p,.sidebar-bottom div,small) {
  font-size:var(--lb-text-sm);color:var(--lb-text-secondary)!important;
}
body[data-lb-product=publish] #pubChecks {
  background:var(--lb-surface-raised)!important;color:var(--lb-text)!important;font-size:var(--lb-text-sm);
}
body[data-lb-product=carousel] :is(#save-status,.required) {
  background:var(--lb-surface)!important;color:var(--lb-text)!important;font-size:var(--lb-text-sm)!important;
}
body[data-lb-product=carousel] :is(.intro>div>p,.steps>button,footer,footer>span) {
  color:var(--lb-text-secondary)!important;font-size:var(--lb-text-sm)!important;
}
body[data-lb-product=publish] :is(.sidebar-channels h2,#sidebarPlatforms button span,#pubNotice) {
  color:var(--lb-text-secondary)!important;font-size:var(--lb-text-sm)!important;
}
body[data-lb-product=publish] :is(#pubSyncState,#pubPreview) {
  background:var(--lb-surface)!important;color:var(--lb-text)!important;
}
body[data-lb-product=carousel] button[data-step] {color:var(--lb-text-secondary)!important;}
body[data-lb-product=publish] #sidebarPlatforms button span:first-child {
  background:var(--lb-surface-raised)!important;color:var(--lb-text)!important;
}