#publisher .pub-heading{max-width:740px}#publisher .pub-heading h1{font-size:clamp(28px,3vw,44px);line-height:1.3}#publisher .pub-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px}#publisher .pub-card{background:var(--lb-surface);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}#publisher .pub-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}#publisher .pub-toolbar button{white-space:normal}#publisher .pub-platforms{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#publisher .pub-platforms button[aria-pressed=true]{color:var(--lb-primary-text);background:var(--accent);border-color:var(--accent)}#publisher label{display:block;margin:18px 0 8px}#publisher input,#publisher textarea,#publisher select{max-width:100%;min-width:0}#publisher select{width:100%;padding:12px;background:var(--lb-bg);color:var(--ink);border:1px solid var(--line);border-radius:6px}#publisher .pub-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9;min-height:180px;margin:20px 0}#publisher .pub-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#publisher .pub-media img,#publisher .pub-media video{width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:var(--lb-bg)}#publisher .pub-media p{overflow-wrap:anywhere;font-size:var(--lb-text-xs)}#publisher .pub-media article{min-width:0}#publisher .pub-status{padding:14px;border-left:3px solid var(--accent);background:var(--lb-surface);line-height:1.8;margin:16px 0}#publisher .pub-library{margin-top:26px}#publisher .pub-draft{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}#publisher .pub-draft h3{margin:0 0 6px;overflow-wrap:anywhere}#publisher .pub-draft small{color:var(--muted)}#publisher .pub-draft>div:first-child{min-width:0;flex:1}#publisher .pub-warning{color:var(--lb-warning)}#publisher .pub-check{display:flex;gap:8px;align-items:center}#publisher .pub-check input{width:auto}#publisher .pub-empty{padding:26px 0;color:var(--muted)}#publisher [hidden]{display:none!important}@media(max-width:950px){#publisher .pub-layout{grid-template-columns:1fr}}@media(max-width:550px){#publisher .pub-card{padding:18px}#publisher .pub-toolbar .button{flex:1;min-width:120px}}
#publisher .channel-choice{padding:12px;border:1px solid var(--line);border-radius:8px;margin:0;background:var(--lb-surface);cursor:pointer}#publisher .channel-choice:has(input:checked){border-color:var(--accent);color:var(--accent)}#publisher #pubCustomize{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:10px}#publisher summary{cursor:pointer;min-height:30px}#publisher .pub-layout{align-items:start}#publisher #pubPreviewMedia:empty{min-height:160px;background:var(--lb-bg);border:1px dashed var(--lb-border);border-radius:10px}#publisher #pubPreviewMedia:empty::before{content:'上傳影音後，這裡會顯示同一份素材';padding:24px;color:var(--muted);font-size:13px;grid-column:1/-1}#publisher #pubReviewResult p{padding:12px;border-bottom:1px solid var(--line);font-size:13px}
#pubService{margin-top:26px}#pubService details{padding:18px 0;line-height:1.8;border-bottom:1px solid var(--line)}#pubService #pubConnected{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}#pubAccountChoices{margin:20px 0}#pubSend,#pubRecover{margin:12px 8px 12px 0}#pubSendStatus{overflow-wrap:anywhere}
#publisher .pub-steps{display:flex;gap:20px;align-items:center;padding:18px 0 24px;color:var(--muted);font-size:14px}#publisher .pub-flow-bar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--lb-surface);border:1px solid var(--line);border-radius:12px;margin-top:18px;backdrop-filter:blur(16px)}#publisher .pub-flow-bar #pubSave{margin-right:auto}#publisher .pub-flow-bar #pubSend{margin:0}#publisher .pub-phone{max-width:380px;min-height:400px;margin:20px auto;border:1px solid var(--lb-border);border-radius:24px;padding:20px;background:var(--lb-bg);overflow:hidden}#publisher .pub-phone h2{font-size:17px;margin:0}#publisher .pub-phone .pub-preview{font-size:14px;min-height:60px;line-height:1.7}#publisher .pub-phone .pub-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}#publisher .pub-phone .pub-media article{flex:0 0 100%;scroll-snap-align:start}#publisher .pub-phone .pub-media img,#publisher .pub-phone .pub-media video{max-height:460px;min-height:200px;aspect-ratio:9/16;object-fit:contain}#publisher .pub-phone .pub-media p{display:none}#publisher #pubAssets{display:flex;overflow-x:auto;margin-top:14px}#publisher #pubAssets article{flex:0 0 145px}#publisher #pubAssets img,#publisher #pubAssets video{height:110px;object-fit:cover}#publisher #pubAssets .button{padding:6px;font-size:var(--lb-text-xs)}#publisher .pub-drop{border:1px dashed var(--lb-border);border-radius:12px;padding:18px;background:var(--lb-surface)}#publisher .pub-drop.is-over{border-color:var(--accent);background:var(--lb-surface-raised)}#publisher .pub-drop p{margin:0 0 12px}#publisher #pubPlatformCards{display:grid;gap:10px}#publisher .pub-platform-card{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;width:100%;text-align:left;background:var(--lb-bg);color:var(--ink);border:1px solid var(--line);padding:16px;border-radius:10px}#publisher .pub-platform-card span{font-size:var(--lb-text-xs);color:var(--muted)}#publisher .pub-platform-card small{flex-basis:100%;line-height:1.6}#publisher .pub-platform-card[aria-pressed=true]{border-color:var(--accent);background:var(--lb-surface)}#publisher #pubCommon #pubBase{min-height:200px}#publisher .pub-preview-pane>.eyebrow{display:none}#publisher #pubDelivery{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}@media(max-width:600px){#publisher .pub-flow-bar{padding:12px;gap:8px}#publisher .pub-flow-bar .button{flex:1;font-size:13px;padding:10px}#publisher .pub-phone{padding:14px}#publisher .pub-steps{font-size:13px;gap:14px}}
#publisher .intro{padding:4px 0}#publisher .pub-heading h1{font-size:clamp(25px,2.5vw,34px);margin:12px 0}#publisher .pub-heading>p{margin:8px 0}#publisher .intro .eyebrow,#publisher #pubCommon>.eyebrow,#publisher #pubPlatforms{display:none}#publisher #pubNotice{font-size:13px;padding:8px 12px}#publisher .pub-steps{padding:10px 0 16px}#publisher .pub-preview-pane{position:sticky;top:18px}#publisher #pubAccountChoices{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1fr);gap:12px;align-items:center}#publisher #pubAccountChoices label{margin:0;font-size:13px}#publisher #pubDelivery h2{font-size:19px}#publisher #pubPlatformStep>h2{margin-top:0}#publisher #pubCustomize textarea:disabled{opacity:.65}#publisher .pub-preview-pane>.pub-toolbar{gap:6px}#publisher .pub-preview-pane>.pub-toolbar .button{font-size:var(--lb-text-xs);padding:8px}#publisher .pub-platform-card small{font-size:var(--lb-text-xs)}@media(max-width:950px){#publisher .pub-preview-pane{position:static}}@media(max-width:550px){#publisher #pubAccountChoices{grid-template-columns:1fr;gap:6px}#publisher #pubAccountChoices select{margin-bottom:10px}}

#publisher .pub-library-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#publisher .pub-library-filters input{width:100%}#publisher .pub-calendar-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0}#publisher .pub-calendar-nav h3{margin:0 0 0 auto}#publisher .pub-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}#publisher .pub-calendar-day{padding:10px;min-width:0;min-height:160px;border:1px solid var(--line);border-radius:10px;background:var(--lb-bg)}#publisher .pub-calendar-day>h3{font-size:var(--lb-text-xs);margin:0 0 14px}#publisher .pub-calendar-day>.button{font-size:var(--lb-text-xs);padding:6px 8px}#publisher .pub-calendar-day.is-today{border-color:var(--accent)}#publisher .pub-calendar-day.is-outside{background:var(--lb-surface)}#publisher .pub-calendar-post{display:block;margin-top:12px;padding:12px 0 0}#publisher .pub-calendar-post h3{font-size:14px}#publisher .pub-calendar-post small,#publisher .pub-calendar-post p{font-size:var(--lb-text-xs);line-height:1.6;overflow-wrap:anywhere}#publisher .pub-calendar-post .pub-toolbar{gap:6px;margin:10px 0}#publisher .pub-calendar-post .button{font-size:var(--lb-text-xs);padding:5px;min-width:0;flex:initial}#publisher .pub-undated{margin-top:28px;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:1100px){#publisher .pub-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#publisher .pub-calendar{grid-template-columns:1fr}#publisher .pub-library-filters{grid-template-columns:1fr 1fr}#publisher .pub-calendar-nav h3{width:100%;margin:12px 0}#publisher .pub-calendar-day{min-height:100px}}
/* Publishing workspace — reference-driven redesign, 2026-10-08 */
:root{--ink:var(--lb-text);--muted:var(--lb-text-secondary);--accent:var(--lb-text-strong);--line:var(--lb-divider);background:var(--lb-bg);font-family:var(--lb-font-sans);font-variant-numeric:tabular-nums}
body{padding-left:216px;background:var(--lb-bg)}.app-header{position:fixed;inset:0 auto 0 0;width:216px;padding:28px 16px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:26px;background:var(--lb-surface);border:0;border-right:1px solid var(--line);z-index:10}.brand{font-size:25px;letter-spacing:.02em;padding:0 12px;flex-wrap:wrap;white-space:normal}.brand span{flex-basis:100%;margin:4px 0 0;white-space:nowrap}.brand span{font-size:var(--lb-text-xs);letter-spacing:2px;margin-top:7px}nav{flex-direction:column;gap:4px}nav a{font-size:14px;display:flex;align-items:center;gap:12px;padding:12px}nav a>span{font-size:19px;width:20px;text-align:center}nav a[aria-current=page]{background:var(--lb-surface-raised);color:var(--lb-text-strong);font-weight:600}#sidebarNew{width:100%;border-radius:8px;font-weight:600}.sidebar-channels h2{display:flex;justify-content:space-between;font-size:var(--lb-text-xs);letter-spacing:1px;color:var(--muted);margin:0 10px 14px}.sidebar-channels h2 a{text-decoration:none;font-size:18px}.sidebar-channels p{font-size:var(--lb-text-xs);margin:16px 10px}.sidebar-platform{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:7px;color:var(--ink);width:100%;padding:9px 10px;text-align:left;font-size:var(--lb-text-xs)}.sidebar-platform:hover,.sidebar-platform[aria-pressed=true]{background:var(--lb-surface-raised)}.platform-badge{display:inline-flex;width:27px;height:27px;border-radius:7px;align-items:center;justify-content:center;background:var(--lb-surface-raised);font-size:var(--lb-text-xs);font-weight:700}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 6px 0;border-top:1px solid var(--line);font-size:var(--lb-text-xs)}.sidebar-bottom small{display:block;color:var(--muted);font-size:var(--lb-text-xs);margin-top:4px}.workspace-avatar{display:grid;place-items:center;background:var(--lb-surface-raised);border:1px solid var(--lb-border);border-radius:9px;width:34px;height:34px}.skip-link{position:fixed;top:-100px;left:230px;background:var(--lb-surface);padding:12px;z-index:30}.skip-link:focus{top:10px}main#publisher{max-width:1800px;padding:28px 30px;margin:0 auto;min-height:calc(100dvh - 70px)}footer{font-size:var(--lb-text-xs);border:0;margin:0;padding:16px 30px}input,textarea{background:var(--lb-surface);color:var(--ink);border-color:var(--lb-divider);line-height:1.6;font-size:14px}.button{background:var(--lb-surface);border:1px solid var(--lb-divider);color:var(--ink);font-size:13px;padding:9px 13px;min-height:38px;transition:background .15s,border-color .15s}.button:hover{background:var(--lb-surface-raised);border-color:var(--lb-border)}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lb-focus);outline-offset:3px}.button.lime{background:var(--lb-primary-fill);border-color:transparent;box-shadow:var(--lb-primary-shadow);color:var(--lb-primary-text)}
#publisher .pub-status{background:var(--lb-surface-raised);color:var(--lb-text-strong);border:1px solid var(--lb-divider);border-radius:7px}#publisher #pubNotice{font-size:var(--lb-text-xs);margin:0 0 18px;padding:8px 12px}#publisher .pub-card{background:var(--lb-surface);border-color:var(--line);border-radius:12px;padding:24px}#publisher select{background:var(--lb-surface);color:var(--ink);border-color:var(--lb-divider);font-size:13px;padding:10px}#publisher .pub-library{margin:0;padding:0;border:0;background:transparent}#publisher .library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.library-heading h1{font-size:24px;font-weight:650;margin:0;letter-spacing:-.7px}.library-heading p{font-size:var(--lb-text-xs);margin:8px 0 0}#publisher .pub-library-filters{display:grid;grid-template-columns:170px minmax(180px,1fr) 180px;gap:12px;background:var(--lb-surface);border:1px solid var(--line);padding:12px 16px;border-radius:9px;margin-bottom:14px}#publisher .pub-library-filters label{margin:0;font-size:var(--lb-text-xs);color:var(--muted);display:flex;align-items:center;gap:12px}#publisher .pub-library-filters select,#publisher .pub-library-filters input{padding:8px;min-height:36px;line-height:1.4;margin:0}#publisher .pub-library>.hint{display:inline-block;margin:0 15px 0 0;font-size:var(--lb-text-xs)}#publisher #pubLibraryCount{font-size:var(--lb-text-xs);margin:8px 0;color:var(--muted)}#publisher .calendar-tools{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:18px 0}#publisher .calendar-tools>label{display:flex;align-items:center;white-space:nowrap;gap:10px;font-size:var(--lb-text-xs);margin:0}#publisher .calendar-tools>label select{width:110px}#publisher .pub-calendar-nav{margin:0;gap:7px}#publisher .pub-calendar-nav h3{order:0;margin:0 18px 0 0;font-size:16px;font-weight:600}#publisher .pub-calendar-nav .button{padding:7px 12px}#publisher .pub-calendar-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--lb-surface)}#publisher .pub-calendar{gap:0;min-width:850px;grid-template-columns:repeat(7,minmax(0,1fr))}#publisher .pub-calendar-day{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:var(--lb-surface);min-height:165px;padding:12px}#publisher .pub-calendar-day:nth-child(7n){border-right:0}#publisher .pub-calendar[data-mode=week] .pub-calendar-day{min-height:440px}#publisher .pub-calendar-day>h3{font-size:var(--lb-text-xs);font-weight:500;padding-bottom:12px;border-bottom:1px solid var(--lb-divider);color:var(--lb-text-muted)}#publisher .pub-calendar-day.is-today{background:var(--lb-surface);box-shadow:inset 0 3px rgb(0 0 0 / 0.5)}#publisher .pub-calendar-day.is-today>h3{color:var(--lb-text-strong);font-weight:650}#publisher .pub-calendar-day.is-outside{background:var(--lb-surface)}#publisher .pub-calendar-day>.button{width:100%;border:1px dashed var(--lb-divider);background:transparent;color:var(--lb-text-muted);font-size:var(--lb-text-xs);min-height:30px}#publisher .pub-calendar-post{background:var(--lb-surface-raised);border:1px solid var(--lb-border);border-radius:7px;padding:10px;margin-top:12px}#publisher .pub-calendar-post h3{font-size:var(--lb-text-xs);line-height:1.6}#publisher .pub-calendar-post p{font-size:var(--lb-text-xs)}#publisher .pub-calendar-post .button{font-size:var(--lb-text-xs);min-height:28px;padding:3px 5px;background:var(--lb-surface)}#publisher .pub-undated{border:1px solid var(--line);background:var(--lb-surface);border-radius:10px;padding:16px 20px;margin-top:18px}#publisher .pub-undated>h3{font-size:14px;margin:0 0 12px}#publisher .pub-undated>p{font-size:var(--lb-text-xs)}#publisher .pub-draft p{font-size:var(--lb-text-xs)}#publisher .pub-draft h3{font-size:15px}#publisher .pub-draft{border-color:var(--line)}
#publisher .pub-heading h1{font-size:24px;margin:0}#publisher .pub-heading>p{font-size:var(--lb-text-xs)}#publisher .pub-heading .eyebrow{display:none}#publisher .intro{margin-bottom:20px}#publisher .pub-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:0;background:var(--lb-surface);border:1px solid var(--line);border-radius:12px;overflow:clip}#publisher .pub-layout>.pub-card{border:0;border-radius:0}#publisher .pub-preview-pane{background:var(--lb-surface);border-left:1px solid var(--line)!important;position:sticky;top:0}#publisher .pub-phone{background:var(--lb-surface);border:1px solid var(--lb-divider);border-radius:16px;box-shadow:0 6px 24px rgb(0 0 0 / 0.03);min-height:360px;max-width:340px}#publisher .pub-phone h2{color:var(--ink)}#publisher #pubPreviewMedia:empty{background:var(--lb-surface);border-color:var(--lb-border)}#publisher .channel-choice{background:var(--lb-surface);border-color:var(--lb-divider);font-size:var(--lb-text-xs);padding:10px;margin:0;border-radius:7px}#publisher .channel-choice:has(input:checked){background:var(--lb-surface-raised);border-color:var(--lb-border-strong);color:var(--lb-text-strong)}#publisher input[type=checkbox]{accent-color:var(--lb-text-strong)}#publisher .pub-drop{background:var(--lb-surface);border-color:var(--lb-border);padding:22px}#publisher .pub-drop p{font-size:13px}#publisher .pub-drop.is-over{background:var(--lb-surface-raised);border-color:var(--lb-border-strong)}#publisher .pub-platform-card{background:var(--lb-surface);border-color:var(--lb-divider);color:var(--ink)}#publisher .pub-platform-card[aria-pressed=true]{background:var(--lb-surface-raised);border-color:var(--lb-border-strong)}#publisher #pubCustomize{background:var(--lb-surface);border-color:var(--line)}#publisher .pub-warning{color:var(--lb-warning);font-size:var(--lb-text-xs)}#publisher .pub-flow-bar{background:var(--lb-surface);border-color:var(--line);border-radius:9px;margin-top:12px;box-shadow:0 -4px 20px rgb(0 0 0 / 0.02)}#publisher .pub-steps{font-size:var(--lb-text-xs)}#publisher .pub-backups{margin-left:auto;font-size:var(--lb-text-xs)}#publisher .pub-backups summary{padding:10px;min-height:var(--lb-touch)}#publisher .pub-backups .button{margin:6px}#publisher #pubService{margin-top:0}#publisher #pubService h1{font-size:24px}#publisher #pubConnected p{padding:16px;background:var(--lb-surface-raised);border-radius:8px}
@media(max-width:1100px){body{padding-left:184px}.app-header{width:184px;padding:24px 12px}main#publisher{padding:22px 18px}#publisher .pub-library-filters{grid-template-columns:1fr 1.4fr 1fr}#publisher .pub-library-filters label{display:block}#publisher .pub-library-filters input,#publisher .pub-library-filters select{margin-top:5px}#publisher .pub-layout{grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr)}#publisher .pub-calendar{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:800px){body{padding-left:0}.app-header{position:static;width:auto;padding:16px;display:grid;grid-template-columns:1fr auto;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.app-header nav{grid-column:1/-1;flex-direction:row}.app-header nav a{flex:1;justify-content:center;padding:9px;font-size:var(--lb-text-xs)}.app-header .brand span{display:inline;margin-left:12px;letter-spacing:0}.sidebar-channels,.sidebar-bottom{display:none}#sidebarNew{width:auto}.brand{padding:0;font-size:22px}main#publisher{padding:20px 14px}#publisher .pub-layout{grid-template-columns:1fr}#publisher .pub-preview-pane{border-left:0!important;border-top:1px solid var(--line)!important;position:static}#publisher .library-heading h1{font-size:21px}#publisher .pub-library-filters{grid-template-columns:1fr 1fr;padding:10px}#publisher .pub-library-filters label:nth-child(2){grid-column:1/-1;grid-row:1}#publisher .pub-library>.hint{display:block}#publisher .calendar-tools{flex-wrap:wrap;gap:10px}#publisher .pub-calendar-nav h3{font-size:13px;width:auto;margin:0 8px 0 0}#publisher .pub-calendar{grid-template-columns:repeat(7,minmax(0,1fr))}#publisher .pub-calendar[data-mode=week] .pub-calendar-day{min-height:320px}footer{padding:12px 16px;font-size:var(--lb-text-xs)}.skip-link{left:10px}#publisher .pub-toolbar{gap:6px}#publisher .pub-toolbar .button{min-width:0}.library-heading p{max-width:190px}#publisher .pub-library .library-heading>.button{white-space:nowrap;padding:9px}#publisher .pub-backups{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
#publisher .pub-library-filters label{white-space:nowrap}#publisher .pub-library-filters label input,#publisher .pub-library-filters label select{min-width:0}body[data-view=library] main#publisher{max-width:none}#publisher .pub-calendar-post h3{font-size:var(--lb-text-xs)}

.app-header{overflow-y:auto}@media(max-width:800px){#publisher .pub-library-filters label{display:block;min-width:0}#publisher .pub-library-filters select,#publisher .pub-library-filters input{width:100%}}
@media(max-width:1100px){#publisher .pub-library-filters select{display:block}}

.pub-provider-card{flex:1 1 230px;min-width:0;padding:14px;border:1px solid var(--lb-divider);border-radius:12px}.pub-provider-card p{font-size:var(--lb-text-xs);overflow-wrap:anywhere;line-height:1.7}.pub-account-row{display:flex;gap:16px;align-items:center;justify-content:space-between}
#pubService p,#pubAdminSetup{overflow-wrap:anywhere}#pubConnectButtons{min-width:0}#pubConnected{min-width:0}

/* Liubai design system v1 — frame rules (tokens only). The sidebar "新增內容" is a frame action, not the
   block's commit button, so it is secondary; platform badges are neutral (names are always shown). */
#sidebarNew.button.lime{background:transparent;border:1px solid var(--lb-border-strong);box-shadow:none;color:var(--lb-text);font-weight:var(--lb-weight-medium)}
#sidebarNew.button.lime:hover{background:var(--lb-secondary-bg-hover)}
.platform-badge{color:var(--lb-text);border:1px solid var(--lb-border);background:var(--lb-surface-raised)}
.lb-theme-row{display:flex;padding:0 0 12px}
.lb-theme-row button{width:100%;justify-content:center}
.pub-steps.lb-steps>[aria-hidden=true]{display:none}
.pub-steps.lb-steps>span{min-height:36px}
.sidebar-platform{justify-content:flex-start;text-align:left}
.pub-result-row{margin:8px 0}
.pub-result{display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--lb-text)}
.pub-result::before{content:"";flex:none;width:16px;height:16px;margin-top:5px;background:var(--lb-icon);-webkit-mask:var(--lb-icon-info) center/contain no-repeat;mask:var(--lb-icon-info) center/contain no-repeat}
.pub-result[data-tone=success]::before{background:var(--lb-success);-webkit-mask-image:var(--lb-icon-check);mask-image:var(--lb-icon-check)}
.pub-result[data-tone=warning]{color:var(--lb-warning)}
.pub-result[data-tone=warning]::before{background:currentColor;-webkit-mask-image:var(--lb-icon-alert);mask-image:var(--lb-icon-alert)}
.pub-result[data-tone=danger]{color:var(--lb-danger)}
.pub-result[data-tone=danger]::before{background:currentColor;-webkit-mask-image:var(--lb-icon-alert);mask-image:var(--lb-icon-alert)}
.pub-next-step{display:block;margin:2px 0 0 24px;color:var(--lb-text-secondary);font-size:var(--lb-text-sm)}
.pub-draft .lb-badge{margin-bottom:6px}
#pubServiceStatus.lb-status{margin:12px 0}
.pub-steps>[aria-current=step]{background:var(--lb-selected-fill);color:var(--lb-selected-text);border-color:transparent;font-weight:var(--lb-weight-semibold)}
.pub-steps.lb-steps{gap:var(--lb-space-2)}
@media(max-width:760px){
 /* Mobile frame: one row of scrollable pill tabs (half pill visible = scrollable), theme toggle moves to the page end. */
 .app-header nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:var(--lb-space-2);-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
 .app-header nav::-webkit-scrollbar{display:none}
 .app-header nav a{flex:none;white-space:nowrap;min-height:var(--lb-touch);padding:0 var(--lb-space-4);border:1px solid var(--lb-border);border-radius:var(--lb-radius-pill);font-size:var(--lb-text-ui)}
 .app-header nav a[aria-current=page]{background:var(--lb-selected-fill);color:var(--lb-selected-text);border-color:transparent;box-shadow:none}
 .app-header .lb-theme-row{display:none}
 #publisher .pub-toolbar{display:grid;grid-template-columns:1fr 1fr}
 #publisher .pub-toolbar .button{white-space:normal;line-height:1.35;padding:6px 10px}
 #publisher .pub-flow-bar .button{font-size:var(--lb-text-ui)}
 footer .lb-theme-foot{display:inline-flex}
}
.lb-theme-foot{display:none}

/* Keep shell targets usable after native/base styles have loaded. */
#publisher button,#publisher summary,.app-header button,.app-header a{min-height:var(--lb-touch);min-width:var(--lb-touch)}
.app-header a{display:inline-flex;align-items:center}

.pub-backups summary{min-height:var(--lb-touch);display:flex;align-items:center}