/* Canonical interface roles. Loaded after legacy page styles. */
:root{
 --ui-font:Armour,Arial,sans-serif;
 --ui-body:14px;--ui-label:13px;--ui-meta:11px;--ui-title:32px;
 --ui-control:42px;--ui-radius-control:11px;--ui-radius-card:18px;--ui-radius-floating:22px;
 --ui-space:8px;--ui-panel-padding:24px;--ui-ease:cubic-bezier(.22,1,.36,1);
 --ui-ink:#3f3545;--ui-secondary:#706276;--ui-muted:#827384;
 --ui-panel:#fffdf9;--ui-field:#f4f0ee;--ui-edge:#d4cbd3;--ui-accent:#89652f;
 --ui-focus:#b28a4b;--ui-focus-fill:#b28a4b26;
 --ui-selected:linear-gradient(145deg,#fffdf8,#efe5d2);--ui-selected-edge:#b29a6940;
}
[data-theme=dark]{--ui-ink:#eee5ee;--ui-secondary:#c1b2c9;--ui-muted:#ac9cb5;--ui-panel:#27222e;--ui-field:#1e1a25;--ui-edge:#504457;--ui-accent:#e4c893;--ui-focus:#d1ad73;--ui-focus-fill:#d1ad7328;--ui-selected:linear-gradient(145deg,#51402e99,#3b302566);--ui-selected-edge:#d8ba8036}
body{font-family:var(--ui-font);font-size:var(--ui-body);line-height:1.5}
button,input,textarea,select{font:inherit}button{font-weight:400}
.workspace .page-header h1{font-size:var(--ui-title);line-height:1.18;letter-spacing:-.65px;font-weight:500;overflow-wrap:normal}
.workspace .page-header p{font-size:13px;line-height:1.5;color:var(--ui-secondary);margin-top:8px;max-width:60ch}
.workspace :is(.field-label,.section-heading){font-size:var(--ui-label);font-weight:500;line-height:1.45;color:var(--ui-ink)}
.workspace .field-label{margin-bottom:8px}.workspace .field-label>span{font-size:var(--ui-meta);font-weight:400;line-height:1.4;color:var(--ui-secondary)}
.workspace :is(.post-updated,.caption-toolbar,.media-position,.caption-meter,.vault-caption span,.muted){font-size:var(--ui-meta);line-height:1.45;color:var(--ui-secondary)}
.workspace :is(.settings-card,.connection-card,.post-card,.vault-card){border-radius:var(--ui-radius-card)}
.workspace :is(.composer,.preview-panel,.connection-intro){border-radius:var(--ui-radius-floating)}
.workspace :is(.input,.select-trigger,.search-field,.button,.caption-box,.notes-field,.preview-tabs,.segmented){border-radius:var(--ui-radius-control)}
.workspace :is(.button,.input,.select-trigger,.search-field){min-height:var(--ui-control);font-size:var(--ui-label);line-height:1.4}
.workspace .input{padding:10px 12px}.workspace .select-trigger{padding:10px 12px;gap:8px}.workspace .search-field{padding:0 12px;gap:8px}.workspace .search-field input{font-size:var(--ui-label);padding:10px 0}
.workspace .button{padding:10px 14px;gap:8px;align-items:center;justify-content:center;transition:background-color .16s,box-shadow .2s var(--ui-ease),transform .16s var(--ui-ease)}
.workspace .button>svg{width:17px;height:17px;flex-basis:17px}.workspace .button>span{line-height:1.35}.workspace .button:active{transform:scale(.98)}
.workspace .button.secondary{color:var(--ui-secondary)}.workspace .text-link{font-size:12px;line-height:1.4}
.workspace .icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-control);min-width:36px;min-height:36px}
.workspace :is(.caption-box textarea,.platform-caption){font-size:var(--ui-body);line-height:1.65;padding:12px;min-height:0;max-height:360px;resize:vertical}
.workspace .caption-box textarea{display:block;width:100%}.workspace .caption-toolbar{min-height:38px;padding:4px 12px 10px;align-items:center}.workspace .caption-label{margin-top:20px}
.workspace .notes-field{padding:10px 12px;gap:9px;align-items:flex-start}.workspace .notes-field>svg{margin-top:3px;flex:0 0 17px}.workspace .notes-field textarea{font-size:var(--ui-label);line-height:1.6;min-height:0;padding:0;max-height:180px}
.workspace .section-heading{margin-top:24px;margin-bottom:12px}.workspace .section-heading>label{line-height:1.45}.workspace .section-heading>h2{font-size:16px;font-weight:500;line-height:1.35}
.workspace .settings-card{padding:var(--ui-panel-padding);margin-bottom:24px}.workspace .settings-card h2{font-size:18px;line-height:1.3;font-weight:500;margin-bottom:20px}.workspace .settings-card p{font-size:var(--ui-label);line-height:1.6;color:var(--ui-secondary)}.workspace .settings-card>.field-label{margin-top:20px}.workspace .settings-card>.primary{margin-top:24px}
.workspace .platform-option{border-radius:13px;min-height:70px;padding:10px 6px;gap:6px}.workspace .platform-option>span:last-of-type{font-size:11px;line-height:1.35}.workspace .platform-option>.platform-mark{width:27px;height:27px}.workspace .platform-grid{gap:8px}
.workspace :is(.input:focus,.caption-box:focus-within,.notes-field:focus-within,.search-field:focus-within,.select-trigger[aria-expanded=true]){outline:none;border-color:var(--ui-focus)!important;box-shadow:0 0 0 3px var(--ui-focus-fill)}
:where(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
/* A stable navigation shell carries one selection surface per layout. */
.sidebar nav{position:relative;isolation:isolate}.sidebar .nav-item{position:relative;z-index:1;min-height:46px;border-radius:13px;font-size:14px;line-height:1.3;gap:10px;color:var(--ui-secondary);transition:color .18s,background-color .18s;transform:none!important}
.sidebar .nav-item>svg,.sidebar .nav-item .collection-nav-icon>svg{width:18px;height:18px;flex-basis:18px}.sidebar .nav-item.active{background:transparent!important;box-shadow:none!important;color:var(--ui-accent)}.sidebar .nav-item.active::before{display:none}.sidebar .nav-item:hover{background:#a9956b0b}.sidebar .nav-item.active>svg{stroke:currentColor}
.nav-selection{position:absolute;left:0;top:0;pointer-events:none;z-index:0;opacity:0;border-radius:13px;background:var(--ui-selected);box-shadow:inset 0 0 0 1px var(--ui-selected-edge),0 2px 7px #24182707;transition:transform .28s var(--ui-ease),width .28s var(--ui-ease),height .28s var(--ui-ease),opacity .14s}
.mobile-nav{isolation:isolate}.mobile-nav>button{position:relative;z-index:1;gap:4px;line-height:1.25}.mobile-nav>.nav-selection{border-radius:14px}.mobile-nav>button.active{color:var(--ui-accent)}.mobile-nav>button>span:not(.collection-nav-icon){font-size:10px;line-height:1.25}
/* Compact full signature preserves the established symbol-to-wordmark ratio. */
.mobile-header .identity-home{width:auto;height:44px;min-width:0;justify-content:flex-start;flex:0 1 auto}.mobile-header .mobile-wordmark{display:block!important;width:168px;max-width:100%;height:auto;max-height:32px;object-fit:contain;object-position:left center}.mobile-header-actions{margin-left:auto;flex:0 0 auto}
/* Compose has comfortable writing widths before the preview moves below it. */
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.composer-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:var(--ui-panel-padding);gap:24px;align-items:start}.media-column,.writing-column{min-width:0}.media-stage{width:100%;height:340px;max-height:none;min-height:0}.media-stage.empty{height:260px;min-height:220px}.preview-panel{width:100%;max-width:none;padding:18px;position:sticky;top:24px}.composer-topline{padding:12px 24px 0;min-height:24px}.composer-footer{padding:16px 24px;gap:16px;border-radius:0 0 var(--ui-radius-floating) var(--ui-radius-floating)}
.workspace .composer-footer .button{min-height:44px}.workspace .preview-panel>.section-heading{margin:0 0 16px}.workspace .preview-tabs button{min-height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center}.workspace .preview-tabs{gap:4px;padding:4px}.workspace .preview-format button{line-height:1.4;font-size:11px;min-height:30px;padding:6px 10px}
.workspace .post-title{font-size:15px;line-height:1.35;letter-spacing:-.1px}.workspace .post-card-body{padding:14px}.workspace .post-card-body>p{font-size:12px;line-height:1.5;margin-top:6px}.workspace .post-card-actions{gap:8px;padding-top:10px;margin-top:10px;align-items:center}.workspace .post-card-actions .button{font-size:12px;line-height:1.35;min-height:36px;padding:8px 10px}.workspace .post-card-actions .icon-delete{min-width:36px;width:36px}.workspace .status-badge{font-size:10px;line-height:1.3;padding:4px 7px}
.collection-track,.collection-viewport,.draft-switch::before{transition-timing-function:var(--ui-ease)}.collection-track,.draft-switch::before{transition-duration:.42s}.collection-viewport{transition-duration:.32s}.draft-switch.scrubbing::before,.collection-viewport.direct-manipulation .collection-track{transition:none}.workspace .draft-switch{border-radius:12px}.draft-switch::before{border-radius:9px}.draft-switch button{font-size:12px;line-height:1.4;gap:6px}
/* Retired live surfaces preserve video content while yielding to the new view. */
.motion-layer .motion-snapshot video{visibility:visible}.motion-layer{overflow:hidden;pointer-events:none}
dialog{border-radius:var(--ui-radius-floating)}.options-panel{border-radius:14px}.options-panel .select-option{font-size:13px;line-height:1.4;min-height:36px;padding:8px 10px}.workspace :is(.post-card,.vault-card,.settings-card,.connection-card,.preview-panel,.composer){transition-duration:.2s;transition-timing-function:var(--ui-ease)}
@media(min-width:1800px){.editor-layout{grid-template-columns:minmax(0,1fr) 400px;max-width:1760px;gap:32px}.composer-body{gap:28px}.media-stage{height:420px}.workspace .page-header h1{font-size:38px}}
@media(min-width:2560px){:root{--ui-body:16px;--ui-label:15px;--ui-meta:12px;--ui-title:40px;--ui-panel-padding:28px}.workspace .page-header h1{font-size:var(--ui-title)}.sidebar .nav-item{font-size:16px;min-height:52px}.workspace .post-title{font-size:17px}.workspace .post-card-body>p{font-size:14px}.workspace .platform-option>span:last-of-type{font-size:12px}}
@media(max-width:1279px) and (min-width:801px){.editor-layout{grid-template-columns:minmax(0,1fr);gap:28px}.preview-panel{position:static;max-width:420px;justify-self:center}.composer-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}.media-stage{height:330px}.settings-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}}
@media(max-width:800px),(max-width:1000px) and (max-height:500px){:root{--ui-title:27px;--ui-panel-padding:18px}.mobile-header{height:60px;min-height:60px;padding:8px 18px;gap:12px}.workspace>main{padding-top:20px}.workspace .page-header h1{font-size:var(--ui-title)}.workspace .page-header p{font-size:12px;line-height:1.5;max-width:36ch}.workspace .create-header .page-heading>p{display:none}.editor-layout{display:flex;flex-direction:column;gap:24px}.composer{width:100%}.composer-body{display:flex;flex-direction:column;gap:24px;padding:18px}.media-column,.writing-column{width:100%}.media-stage{height:320px;max-height:55dvh;min-height:220px}.media-stage.empty{height:240px;min-height:220px}.preview-panel{position:static;width:100%;max-width:420px;align-self:center;padding:16px}.composer-topline{padding:10px 18px 0}.composer-footer{padding:12px 16px;gap:8px}.workspace .composer-footer .editor-final-actions .button{padding:10px 12px;font-size:12px}.workspace .composer-footer>.new-post{width:40px;min-width:40px;padding:0}.workspace .settings-card{padding:20px}.workspace .post-card-body{padding:10px}.workspace .post-title{font-size:14px}.workspace .post-card-body>p{font-size:11px}.workspace .post-card-actions{gap:4px}.workspace .post-card-actions .button{font-size:11px;min-height:36px;padding:7px 6px}.workspace .status-badge{font-size:9px}.workspace .post-updated{font-size:10px}.workspace .draft-switch{min-width:280px}.mobile-nav{padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-nav>button{min-height:54px}.mobile-nav .nav-selection{box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}.workspace .section-heading{margin-top:22px}}
@media(max-width:359px){:root{--ui-panel-padding:16px}.mobile-header{padding-left:16px;padding-right:12px;gap:8px}.mobile-header .mobile-wordmark{width:146px}.mobile-header-actions .icon-button{width:36px;height:40px}.composer-body{padding:16px}.workspace .draft-switch{min-width:0;width:100%}.draft-switch button{font-size:11px;gap:4px}.workspace .composer-footer [data-action=save-draft]{width:44px;padding:0}.mobile-nav>button>span:not(.collection-nav-icon){font-size:9px}.workspace .post-card-actions .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nav-selection,.collection-track,.collection-viewport,.draft-switch::before,.workspace .button,.workspace .icon-button,.workspace .post-card,.workspace .vault-card{transition:none!important;animation:none!important}.workspace .button:active{transform:none}}
.sidebar .nav-item.active svg{stroke:currentColor}
.workspace .thumb-wrap,.workspace .thumb-wrap:nth-child(2n),.workspace .thumb-wrap.selected{transform:none;border-radius:9px;transition:box-shadow .2s var(--ui-ease),transform .2s var(--ui-ease)}.workspace .thumb-wrap.selected{box-shadow:0 0 0 2px var(--ui-focus),0 3px 8px #24182712}.workspace .thumb-wrap:hover{transform:translateY(-1px)}.workspace .carousel-arrow{width:40px;height:40px;min-width:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
@media(prefers-reduced-motion:reduce){.workspace .thumb-wrap:hover{transform:none}}
.options-panel,dialog[open]{animation:none!important}

/* Compact action feedback, independent of the editing surface. */
#toast{left:calc(50% + 110px);bottom:24px;gap:9px;width:max-content;max-width:min(380px,calc(100vw - 32px));min-height:44px;padding:9px 12px;border-radius:14px;background:#fffdf9f5;color:#493d4b;border:1px solid #d7cdd7;box-shadow:0 5px 22px #2c202018,0 1px 4px #2c202008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--ui-font);font-size:13px;line-height:1.45;font-weight:400;transform:translate(-50%,6px);transition:opacity .15s var(--ui-ease),transform .18s var(--ui-ease),visibility .15s}
#toast.visible{transform:translate(-50%,0)}#toast .toast-symbol{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;color:#876536;background:#ab895416}#toast .toast-copy{min-width:0;overflow-wrap:anywhere}#toast button{flex:0 0 auto;min-height:30px;margin:-3px -4px -3px 3px;padding:5px 9px;border-radius:8px;color:#76582c;background:#ad8f5710;text-decoration:none;font-size:12px;line-height:1.3}#toast button:hover{background:#ad8f5724}#toast[data-kind=error] .toast-symbol{color:#ad5349;background:#ad534915}
[data-theme=dark] #toast{background:#302936f5;color:#eee5ef;border-color:#69556b66;box-shadow:0 5px 24px #0004,0 1px 4px #0002}[data-theme=dark] #toast .toast-symbol{color:#e1c58e;background:#dfbc7314}[data-theme=dark] #toast button{color:#eed3a1;background:#dfbc7312}[data-theme=dark] #toast button:hover{background:#dfbc7325}[data-theme=dark] #toast[data-kind=error] .toast-symbol{color:#edb2a8;background:#edb2a815}
@media(min-width:801px) and (max-width:1100px){#toast{left:calc(50% + 100px)}}
@media(max-width:800px),(max-width:1000px) and (max-height:500px){#toast{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px);padding:9px 11px;font-size:12px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){#toast,#toast.visible{transition:none;transform:translateX(-50%)}}
/* Navigation cells keep stable hit areas and the marker shares their exact bounds. */
.mobile-header-actions [aria-current=page]{color:var(--ui-accent);background:var(--ui-selected);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}
@media(max-width:800px),(max-width:1000px) and (max-height:500px){.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-items:stretch}.mobile-nav>button{width:100%;min-width:0;justify-content:center;padding:5px 2px}.mobile-nav .nav-selection{border-radius:13px}}
/* Every overlay uses the workspace's type, surfaces, controls and focus language. */
dialog{padding:0;width:calc(100% - 32px);max-width:460px;max-height:min(780px,calc(100dvh - 32px));overflow:hidden;background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-edge);border-radius:22px;box-shadow:0 20px 75px #24172730;font-family:var(--ui-font);font-size:var(--ui-body);line-height:1.5}dialog.wide{max-width:800px}dialog::backdrop{background:#1c152c65;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] dialog{background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-edge);box-shadow:0 22px 85px #0006}[data-theme=dark] dialog::backdrop{background:#0d091566}
.modal-content{padding:28px;max-height:calc(100dvh - 34px);overflow:auto;overscroll-behavior:contain}.modal-heading{padding-right:28px}.modal-heading h2{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.4px;margin:0 0 10px;color:var(--ui-ink)}.modal-heading p,.modal-note{font-size:13px;line-height:1.6;color:var(--ui-secondary);overflow-wrap:anywhere}.modal-note{max-height:220px;overflow:auto;white-space:pre-wrap}.modal-close{position:absolute;right:12px;top:12px;z-index:3;width:36px;height:36px;border-radius:10px;color:var(--ui-secondary);background:var(--ui-field)}
.modal-footer{gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--ui-edge);flex-wrap:wrap}.modal-footer .button{min-height:42px;padding:10px 14px;border-radius:11px;font-size:13px;line-height:1.4;gap:8px}.modal-footer .button>svg{width:17px;height:17px}.modal-footer .secondary{color:var(--ui-secondary);background:var(--ui-field);border-color:var(--ui-edge)}.modal-footer .primary{color:#3b2c17}.modal-footer .primary.danger-action{color:#fff6f3;background:#9a514b;border-color:#9a514b}.post-menu{display:grid;gap:8px;margin-top:20px}.post-menu .button{justify-content:flex-start;min-height:42px;font-size:13px;padding:10px 12px;border-radius:11px}.post-menu .quiet{color:var(--ui-secondary)}dialog .icon-button{display:inline-flex;align-items:center;justify-content:center}
dialog .platform-mark{background:transparent!important;color:var(--ui-accent);border:0;padding:0;border-radius:0;filter:none}dialog .platform-mark svg{width:100%;height:100%;fill:currentColor}dialog .search-field{border-radius:11px;min-height:42px;background:var(--ui-field);border:1px solid var(--ui-edge);padding:0 12px;display:flex;align-items:center;gap:8px}dialog .search-field input{padding:10px 0;color:var(--ui-ink);font-size:13px;min-width:0}dialog .search-field:focus-within{border-color:var(--ui-focus);box-shadow:0 0 0 3px var(--ui-focus-fill)}
dialog[data-kind=vault] .modal-content{display:flex;flex-direction:column;height:min(720px,calc(100dvh - 34px));overflow:hidden;gap:16px}dialog[data-kind=vault] .modal-heading h2{margin-bottom:0}dialog[data-kind=vault] .modal-footer{margin-top:0;flex:0 0 auto}dialog .modal-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:3px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px}dialog .vault-card{border-radius:14px;background:var(--ui-field);border:1px solid var(--ui-edge);box-shadow:none;transition:border-color .16s,box-shadow .16s;overflow:hidden}dialog .vault-card.chosen{border-color:var(--ui-focus);box-shadow:0 0 0 2px var(--ui-focus-fill)}dialog .vault-caption{padding:10px}dialog .vault-caption strong{font-size:12px;line-height:1.4;max-width:none}dialog .vault-caption span{font-size:10px;line-height:1.4;color:var(--ui-secondary)}dialog .vault-image{border-radius:0;aspect-ratio:4/3;height:auto}dialog .media-selected{border-radius:50%;background:var(--ui-accent);color:var(--ui-panel);box-shadow:0 1px 4px #0002}dialog .picker-search{flex:0 0 auto}
.drop-plan-fields{display:grid;gap:8px;margin-top:20px}.drop-plan-fields .field-label{display:flex;justify-content:space-between;font-size:13px;color:var(--ui-ink);margin-top:8px}.drop-plan-fields .field-label span{font-size:11px;color:var(--ui-secondary)}.drop-plan-fields .select-trigger{min-height:42px;font-size:13px;padding:10px 12px;border-radius:11px;color:var(--ui-ink);background:var(--ui-field);border-color:var(--ui-edge)}.drop-plan-error{font-size:13px;color:#a04f43;margin-top:12px}[data-theme=dark] .drop-plan-error{color:#eab2a6}.options-panel{max-height:var(--options-room,60dvh);overflow:auto;overscroll-behavior:contain}.options-list{max-height:min(238px,calc(var(--options-room,60dvh) - 58px))}.options-panel .select-option{color:var(--ui-ink)}
.drop-active{outline:2px solid var(--ui-focus)!important;outline-offset:2px;box-shadow:0 0 0 4px var(--ui-focus-fill)!important}.interaction-drop:disabled{opacity:.2!important;pointer-events:none}.calendar-post[draggable=true],.schedule-list>article[draggable=true]{cursor:grab}.calendar-post[draggable=true]:active,.schedule-list>article[draggable=true]:active{cursor:grabbing}
@media(max-width:600px){dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.modal-content{padding:24px 18px;max-height:calc(100dvh - 26px)}.modal-heading h2{font-size:22px}.modal-footer{gap:8px}.modal-footer .button{flex:1;min-height:44px;font-size:12px;padding:10px 12px}dialog[data-kind=vault] .modal-content{height:calc(100dvh - 26px)}dialog .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}dialog .vault-caption strong{font-size:11px}}
/* The picker grows with its library instead of opening a mostly empty panel. */
dialog[data-kind=vault] .modal-content{height:auto;max-height:min(720px,calc(100dvh - 34px))}dialog[data-kind=vault] .modal-body{flex:0 1 auto;min-height:150px;max-height:min(460px,calc(100dvh - 248px))}dialog.file-drop-active{box-shadow:0 0 0 3px var(--ui-focus),0 20px 75px #24172730}
@media(max-width:600px){dialog[data-kind=vault] .modal-content{height:auto;max-height:calc(100dvh - 26px)}dialog[data-kind=vault] .modal-body{max-height:calc(100dvh - 238px)}}
/* Top-layer menus remain attached to their controls without clipping inside cards or dialogs. */
.options-panel[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 24px);overflow:auto}.options-panel[popover]::backdrop{background:transparent}.options-panel[popover] .select-search{position:sticky;top:0;background:inherit;z-index:1}
.modal-content{max-height:min(778px,calc(100dvh - 34px))}
@media(max-width:600px){.modal-content{max-height:calc(100dvh - 26px)}}
/* Settings always shows the complete signature, regardless of navigation breakpoint. */
.workspace .brand-settings{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:28px 24px}.brand-settings .settings-brand{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:0}.brand-settings .settings-brand .identity-wide{display:block!important;width:min(100%,280px);max-width:100%;height:auto}.brand-settings .settings-brand .identity-compact{display:none!important}.workspace .brand-settings .identity-tagline{font-family:var(--ui-font);font-size:13px;line-height:1.5;letter-spacing:0;margin:0;color:var(--ui-secondary)}
.modal-heading .retention-note{font-size:12px;line-height:1.45;color:var(--ui-secondary);margin-top:8px}
.vault-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto!important}.vault-caption>div:first-child{min-width:0;flex:1}.workspace .vault-actions .icon-button{width:34px;min-width:34px;min-height:34px;height:34px;padding:7px}.vault-actions .danger-text{color:var(--ui-secondary)!important}.vault-actions .danger-text:hover{color:#a55349!important;background:#a5534912!important}[data-theme=dark] .vault-actions .danger-text:hover{color:#ecb0a4!important;background:#ecb0a412!important}
@media(max-width:480px){.workspace .vault-caption{flex-wrap:wrap;gap:8px}.workspace .vault-caption>div:first-child{flex:1 0 100%;width:100%}.workspace .vault-actions{width:100%;justify-content:flex-end}.workspace .vault-actions .icon-button{width:38px;height:38px;min-width:38px;min-height:38px}}
/* Compact settings retain the useful controls without repeating Connections. */
.workspace .backup-settings{padding:20px}.workspace .backup-settings h2{margin-bottom:8px}.workspace .backup-settings p{font-size:12px;margin-bottom:14px}.workspace .backup-settings .backup-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace .backup-settings .backup-actions .button{min-height:40px;font-size:12px;padding:9px 12px}.workspace .settings-card:has(>.theme-options){padding:20px}.workspace .settings-card:has(>.theme-options) h2{margin-bottom:14px}.workspace .theme-options{gap:8px}.workspace .theme-options>button{min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:11px;font-size:12px}.workspace .theme-options>button svg{width:17px;height:17px}
.graveyard-filters{display:inline-flex;gap:4px;margin-bottom:18px;padding:4px;max-width:100%}.graveyard-filters button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;font-size:12px;color:var(--ui-secondary);border-radius:9px}.graveyard-filters button.active{color:var(--ui-accent);background:var(--ui-selected);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}.graveyard-filters button>span{font-size:10px;opacity:.7}.graveyard-media-card .post-card-image{height:100%;width:100%}.graveyard-media-card .post-card-visual{height:150px;overflow:hidden}.graveyard-media-card .post-card-body>p{margin-bottom:8px}.graveyard-media-card .post-card-actions{justify-content:space-between}.graveyard-media-card .post-title{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}
@media(max-width:800px),(max-width:1000px) and (max-height:500px){.graveyard-media-card .post-card-visual{height:116px}.workspace .backup-settings .backup-actions .button{flex:1}.graveyard-filters button{min-height:38px}}

/* Safari sizing, safe areas and custom-menu fallback. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input,textarea{-webkit-tap-highlight-color:transparent}dialog{max-height:min(780px,calc(var(--visible-height,100dvh) - 24px))}.modal-content{max-height:min(778px,calc(var(--visible-height,100dvh) - 26px))}.options-panel[data-menu-fallback]{position:fixed;z-index:10000;inset:auto;margin:0;box-sizing:border-box;box-shadow:0 12px 36px #24172724}.options-panel[data-menu-fallback] .select-search{position:sticky;top:0;background:inherit;z-index:1}
@media(max-width:800px),(max-width:1000px) and (max-height:500px){.mobile-header{padding-top:calc(8px + env(safe-area-inset-top));height:calc(60px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.workspace>main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.mobile-nav{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.workspace input:not([type=checkbox]):not([type=hidden]),.workspace textarea,.select-search input{font-size:16px}.workspace input::placeholder,.workspace textarea::placeholder{font-size:14px}}
@media(max-width:1000px) and (max-height:500px){.workspace{margin-left:0}.sidebar{display:none}.mobile-header{position:sticky;top:0;z-index:30}.mobile-nav{min-height:60px}.mobile-nav>button{min-height:42px}.workspace>main{padding-top:16px}.workspace .page-header{margin-bottom:20px}.workspace .page-header h1{font-size:25px}.media-stage{max-height:none;min-height:180px;height:230px}.workspace .composer-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.workspace .composer-body .media-column{min-width:0}.workspace .preview-panel{max-width:420px}.workspace .settings-layout{grid-template-columns:minmax(0,1fr)}}
@media(hover:none){.workspace .post-card:hover,.workspace .vault-card:hover,.workspace .thumb-wrap:hover{transform:none}}
@media(max-width:1000px) and (max-height:500px){.workspace .composer-footer{position:static;bottom:auto}.workspace .composer-topline{padding-top:8px}}
/* Palette changes crossfade without moving controls or rebuilding the editor. */
html.theme-changing::view-transition-old(root){animation:theme-out 260ms ease-out both;mix-blend-mode:normal}
html.theme-changing::view-transition-new(root){animation:theme-in 260ms ease-out both;mix-blend-mode:normal}
@keyframes theme-out{to{opacity:0}}@keyframes theme-in{from{opacity:0}to{opacity:1}}
html.theme-fallback body,html.theme-fallback .workspace,html.theme-fallback .sidebar,html.theme-fallback .composer,html.theme-fallback .settings-card,html.theme-fallback .calendar-day,html.theme-fallback .mobile-header,html.theme-fallback .mobile-nav,html.theme-fallback input,html.theme-fallback textarea,html.theme-fallback button{transition:background-color 260ms ease,color 260ms ease,border-color 260ms ease,box-shadow 260ms ease}
.calendar-day:not(.inactive){cursor:pointer;transition:background-color 180ms ease,box-shadow 180ms ease}.calendar-day:not(.inactive):hover{background:var(--ui-field);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}
.calendar-day .day-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;padding:0;transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}
.calendar-day.today .day-number{color:var(--ui-ink);background:transparent;box-shadow:inset 0 0 0 1px var(--ui-accent)}
.calendar-day.chosen,.calendar-day.chosen:hover{background:var(--ui-field);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}
.calendar-day.chosen .day-number{background:#c8ad72;color:#251c10;box-shadow:0 2px 8px #83612e24;font-weight:600}
.calendar-day.today.chosen .day-number{outline:1px solid var(--ui-accent);outline-offset:3px}
.calendar-day:has(.day-number:focus-visible){box-shadow:inset 0 0 0 2px var(--ui-accent)}
.default-platforms{min-width:0;border:0;padding:0;margin:22px 0 20px}.default-platforms legend{font-size:12px;padding:0;color:var(--ui-ink)}.default-platforms p{font-size:11px;line-height:1.5;color:var(--ui-secondary);margin:6px 0 12px}.default-platforms>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.default-platforms label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--ui-edge);border-radius:10px;font-size:12px;cursor:pointer;min-height:40px;background:var(--ui-field)}.default-platforms label:has(input:checked){border-color:var(--ui-selected-edge);background:var(--ui-selected)}.default-platforms input{accent-color:#ad8e55;margin:0;flex:0 0 14px;width:14px;height:14px}.default-platforms .platform-mark{width:17px;height:17px}.default-platforms .platform-mark svg{width:16px;height:16px}
@media(max-width:480px){.calendar-day .day-number{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){html.theme-changing::view-transition-old(root),html.theme-changing::view-transition-new(root){animation:none!important}.calendar-day,.calendar-day .day-number,html.theme-fallback *{transition:none!important}}
.platform-preferences{margin:20px 0;border-top:1px solid var(--ui-edge);border-bottom:1px solid var(--ui-edge)}.platform-preferences>summary{display:flex;align-items:center;gap:8px;padding:14px 0;font-size:12px;list-style:none;cursor:pointer}.platform-preferences>summary::-webkit-details-marker{display:none}.platform-preferences>summary>span{font-size:11px;color:var(--ui-secondary);margin-left:auto;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-preferences[open]>summary>svg{transform:rotate(180deg)}.platform-preferences .default-platforms{margin:4px 0 14px}
/* Each transition stays in the content that owns it, including during scrolling. */
.motion-host{position:relative;isolation:isolate}.motion-host>.motion-layer{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0;background:transparent;pointer-events:none;z-index:4;overflow:hidden}.motion-host>.motion-layer>main{padding:inherit}.motion-layer .motion-snapshot{max-width:none;pointer-events:none}
.live-preview-stage{position:relative;max-width:100%;margin-inline:auto;overflow:hidden;border-radius:17px;isolation:isolate}.live-preview-canvas{position:absolute;left:0;top:0;width:360px;transform-origin:top left}#live-preview{position:relative;width:360px}#live-preview>.native-preview{width:360px;max-width:none;margin:0}#live-preview>.preview-outgoing{position:absolute;inset:0 auto auto 0;z-index:2;pointer-events:none}.preview-panel .media-navigation{position:relative;margin-top:10px}.preview-panel .preview-tabs{flex-wrap:wrap;overflow:visible}.preview-panel .preview-tabs button{flex:1 0 30px}.preview-panel .preview-options{flex-wrap:wrap}.preview-panel{min-width:0}
@media(prefers-reduced-motion:reduce){.live-preview-stage{transition:none!important}}

.settings-field-error{font-family:var(--ui-font);font-size:12px;line-height:1.45;color:#a4473e;margin:7px 2px 0}.settings-card input[aria-invalid=true]{border-color:#b66557!important;box-shadow:0 0 0 2px #b6655710}[data-theme=dark] .settings-field-error{color:#e6aaa0}

/* Composer layouts preserve readable preview text at every viewport height. */
.composer-view-switch{display:none}.save-status-copy{font-size:11px;line-height:1.4;color:var(--ui-secondary);margin-right:auto}.composer-status{width:100%;justify-content:space-between}.save-status-copy[data-status=error]{color:#a4473e}.preview-empty{padding:36px 22px;text-align:center;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ui-secondary)}.preview-empty strong{font-size:19px;color:var(--ui-ink)}.preview-empty p{font-size:13px;line-height:1.6;margin:0}.preview-help{font-size:12px;line-height:1.5;color:var(--ui-secondary)}.preview-panel:has(.preview-empty) .live-preview-stage{width:100%!important;height:280px!important}.preview-panel:has(.preview-empty) .live-preview-canvas{position:static;width:100%;transform:none!important}.preview-panel:has(.preview-empty) #live-preview{width:100%}
.vault-purpose{font-size:13px;line-height:1.6;color:var(--ui-secondary);margin:-14px 0 24px}.vault-examples{border-top:1px solid var(--ui-edge);margin:28px 0;padding-top:16px}.vault-examples summary{cursor:pointer;font-size:13px;color:var(--ui-secondary);padding:8px 0}.vault-examples>p{font-size:12px;color:var(--ui-secondary)}.vault-examples .vault-grid{grid-template-columns:repeat(auto-fill,minmax(180px,240px));margin-top:16px}.vault-caption strong{overflow-wrap:anywhere}.vault-caption span{line-height:1.5}.vault-upload{min-height:190px}.workspace{position:relative;isolation:isolate}.ambient-art{position:absolute;inset:0;min-height:100%;z-index:-1}.ambient-ribbon{left:clamp(8px,3vw,90px);top:56px;width:clamp(210px,27vw,420px);height:320px;opacity:.07;mask-position:top left;-webkit-mask-position:top left}.ambient-rose{position:fixed}.ambient-art .ambient-ribbon{transform:translate(calc(var(--art-x) * -1),calc(var(--art-y) * -1)) rotate(calc(-16deg - var(--art-turn,0deg)))}[data-theme=dark] .ambient-ribbon{opacity:.09}
@media(min-width:1280px){.editor-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px);max-width:1760px}.preview-panel{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding:16px}.preview-panel>.section-heading{position:sticky;top:-18px;z-index:5;background:var(--ui-panel);padding-block:8px}.preview-empty .button{display:none}}
@media(max-width:1279px){.composer-view-switch{display:flex;gap:4px;background:var(--ui-field);border:1px solid var(--ui-edge);padding:4px;border-radius:14px;width:max-content;margin:0 0 16px;position:sticky;top:12px;z-index:25}.composer-view-switch button{border:0;background:transparent;min-height:38px;min-width:102px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:var(--ui-secondary);font:inherit;font-size:13px;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}.composer-view-switch button.active{background:var(--ui-selected);color:var(--ui-ink);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}.editor-layout{display:block}.editor-layout[data-composer-view=edit]>.preview-panel,.editor-layout[data-composer-view=preview]>.composer{display:none}.editor-layout>.preview-panel{width:100%;max-width:480px;position:static;margin-inline:auto;overflow:visible}.editor-layout>.composer{width:100%}.media-stage.empty{height:150px;min-height:150px}.workspace .preview-panel>.section-heading{margin-top:0}.preview-panel>.preview-tabs{grid-column:auto;grid-row:auto}.preview-panel>.preview-options{grid-column:auto;grid-row:auto}.preview-panel>.live-preview-stage{grid-column:auto;grid-row:auto}.preview-panel>.media-navigation{grid-column:auto;grid-row:auto}.preview-panel{display:block}}
@media(max-width:800px),(max-width:1000px) and (max-height:500px){.composer-view-switch{top:68px}.media-stage.empty{height:132px;min-height:132px}.workspace .composer-body{gap:20px}.vault-purpose{margin-top:-12px;max-width:36ch}.vault-examples .vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ambient-ribbon{left:-28px;top:90px;width:240px;height:290px;opacity:.065}.vault-upload{min-height:170px}}
@media(prefers-reduced-motion:reduce){.composer-view-switch button{transition:none}}

@media(max-height:500px) and (min-width:600px) and (max-width:1279px) and (orientation:landscape){.editor-layout>.preview-panel{display:grid;grid-template-columns:minmax(140px,1fr) minmax(240px,360px);gap:12px 20px;max-width:720px;align-items:start}.preview-panel>.section-heading{grid-column:1;grid-row:1}.preview-panel>.preview-tabs{grid-column:1;grid-row:2}.preview-panel>.preview-options{grid-column:1;grid-row:3}.preview-panel>.live-preview-stage{grid-column:2;grid-row:1 / span 5}.preview-panel>.media-navigation{grid-column:1;grid-row:4}.preview-panel:has(.preview-empty){display:block}}

.vault-grid:has(>.vault-upload:only-child){grid-template-columns:minmax(0,1fr)}.vault-grid>.vault-upload:only-child{min-height:180px;width:100%}.media-text{color:var(--ui-secondary)}

@media(max-width:800px),(max-width:1000px) and (max-height:500px){.mobile-header{position:sticky;top:0;z-index:30;background:var(--ui-panel)}.composer-view-switch{scroll-margin-top:76px}.platform-option{scroll-margin-top:140px}}
@media(max-height:500px) and (max-width:1000px){.mobile-header{height:48px;min-height:48px;padding-block:4px}.composer-view-switch{top:54px;scroll-margin-top:56px}.workspace>main:has(.editor-layout[data-composer-view=preview]) .create-header{display:none}.workspace>main:has(.editor-layout[data-composer-view=preview]){padding-top:8px}.workspace>main:has(.editor-layout[data-composer-view=preview]) .composer-view-switch{margin-bottom:10px}}

/* All connection destinations share one height-aware grid. The entire tile opens details. */
.workspace[data-scene=connections] .connections-grid{display:grid;gap:10px;align-content:start;max-width:1880px;margin:0;min-width:0}
.workspace[data-scene=connections] .connection-card{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:14px;min-width:0;min-height:44px;height:100%;margin:0;padding:20px;border-radius:18px;text-align:left;font:inherit;cursor:pointer;overflow:hidden}
.connection-card>.platform-mark{flex:0 0 30px;width:30px;height:30px}.connection-card>.platform-mark svg{width:28px;height:28px}.connection-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.connection-copy strong{font-size:16px;line-height:1.2;font-weight:500;color:var(--ui-ink)}.connection-status{font-size:11px;line-height:1.4;color:var(--ui-secondary)}.connection-detail{margin-left:auto;display:flex;color:var(--ui-accent)}
.connections-grid[data-density=compact] .connection-card{padding:12px;gap:10px;border-radius:15px}.connections-grid[data-density=compact] .connection-copy strong{font-size:14px}.connections-grid[data-density=compact] .connection-card>.platform-mark{flex-basis:24px;width:24px;height:24px}.connections-grid[data-density=compact] .platform-mark svg{width:22px;height:22px}
.connections-grid[data-density=tight] .connection-card{padding:7px;gap:4px;flex-direction:column;justify-content:center;text-align:center;border-radius:12px}.connections-grid[data-density=tight] .connection-card>.platform-mark{flex:0 0 18px;width:18px;height:18px}.connections-grid[data-density=tight] .platform-mark svg{width:18px;height:18px}.connections-grid[data-density=tight] .connection-copy strong{font-size:12px;line-height:1.15;white-space:nowrap}.connections-grid[data-density=tight] .connection-status,.connections-grid[data-density=tight] .connection-detail{display:none}
@media(max-height:500px){.workspace[data-scene=connections]>main{padding-top:12px;padding-bottom:8px}.workspace[data-scene=connections] .page-header{margin-bottom:14px}.workspace[data-scene=connections] .page-header h1{font-size:24px}.workspace[data-scene=connections] .page-header p{margin-top:4px}.workspace[data-scene=connections] .page-brand{display:none}.workspace[data-scene=connections] .workspace-footer{padding-block:6px}}