/* Arbiter reading surfaces. Keep compact navigation; give long-form chat its own rhythm. */
:root{--chat-ai:#f2f3f5;--chat-user:#eee8f8;--chat-ink:#22232b;--chat-user-ink:#30243e;--chat-meta:#60616d;--chat-code:#e3e4e9;--chat-title:17.67px;--chat-body:15px}
.app-header #theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;flex:0 0 32px;padding:0;margin:0;border:0;border-radius:4px;background:transparent;box-shadow:none;color:var(--ink)}
.app-header #theme-toggle svg{width:17px;height:17px}.app-header #theme-toggle:hover{background:var(--sp-hover);color:var(--action)}
#rail-reply-list{padding:2px 8px 14px;scrollbar-gutter:stable}
.rail-reply.rail-assistant,.rail-reply.rail-user{position:relative;overflow:visible;border:0;border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--chat-ai);color:var(--chat-ink);box-shadow:none;max-width:94%;width:fit-content;min-width:96px}
.rail-reply.rail-assistant{margin-right:auto;border-top-left-radius:4px}
.rail-reply.rail-user{margin-left:auto;background:var(--chat-user);color:var(--chat-user-ink);border-top-right-radius:4px}
.rail-reply:before{content:'';position:absolute;top:12px;width:8px;height:10px;background:var(--chat-ai);left:-6px;clip-path:polygon(100% 0,100% 100%,0 0)}
.rail-reply.rail-user:before{left:auto;right:-6px;background:var(--chat-user);clip-path:polygon(0 0,100% 0,0 100%)}
.rail-reply .chat-markdown{font-size:var(--chat-body);line-height:1.6;letter-spacing:0;overflow-wrap:anywhere;color:inherit}
.chat-markdown p{margin:0 0 10px}.chat-markdown ul,.chat-markdown ol{margin:8px 0 12px;padding-left:23px}.chat-markdown li{margin:3px 0}.chat-markdown li>p{margin:0 0 5px}
.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4,.chat-markdown p.chat-section-title{font-size:var(--chat-title);line-height:1.45;font-weight:700;margin:20px 0 9px;color:inherit}
.chat-markdown .chat-paragraph-group>:first-child{margin-top:0}.chat-markdown .chat-paragraph-group>:last-child{margin-bottom:0}.chat-paragraph-group+.chat-paragraph-group{margin-top:12px}
.rail-message-time{font-size:11px;color:var(--chat-meta);margin-top:10px;text-align:right}
.chat-markdown :not(pre)>code{background:var(--chat-code);color:inherit}.chat-markdown pre{font-size:13px;line-height:1.55;margin:10px 0;padding:12px;border-radius:6px}.chat-markdown th,.chat-markdown td{padding:8px;border-color:var(--line)}
.chat-markdown a{color:var(--action);text-underline-offset:3px}.chat-markdown blockquote{color:var(--muted);border-color:var(--action)}
.chat-full-mode .chat-markdown{max-width:82ch}.chat-full-mode .rail-reply{max-width:min(94%,900px)}
:root[data-theme=dark]{--bg:#17191f;--paper:#20232b;--soft:#242730;--ink:#eeeef3;--muted:#b7b5c3;--line:#45434f;--action:#c1a3ff;--accent:#ad85ff;--sp-hover:#343044;--surface-ring:#51465f;--chat-ai:#252830;--chat-user:#392d4e;--chat-ink:#f0f0f5;--chat-user-ink:#f6f0ff;--chat-meta:#c0b8cd;--chat-code:#3a3d48}
[data-theme=dark] body{background:var(--bg);color:var(--ink)}
[data-theme=dark] .app-header,[data-theme=dark] #operator-sidebar,[data-theme=dark] #header-menu,[data-theme=dark] #urgent-panel,[data-theme=dark] dialog#detail,[data-theme=dark] .handoff-rail.rail-fixed,[data-theme=dark] .chat-full-mode #os-context .handoff-rail{background:var(--bg);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .app-header .brand .arb-brand-mark{background:var(--ink)}
[data-theme=dark] :is(.os-today,.os-workspace,.os-deck,.os-tile,.os-inbox,.arb-panel,.op-project,.op-box,.work-group,.brief-project,.card,.asset,.decision,.work-item){background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:none}
[data-theme=dark] #operator-sidebar summary,[data-theme=dark] #operator-sidebar[data-folder-view=box] .side-project{background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.work-group>summary,.op-project header,.folder-view-toggle,.path,.notice,.brief-detail,.table-head,.decision-bar,.arb-row.past),[data-theme=dark] #detail :is(.path,.work-preview){background:var(--soft);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(button,input,textarea,select,a,summary){color:var(--ink)}
[data-theme=dark] :is(input,textarea,select),[data-theme=dark] #detail :is(input:not([type=checkbox]):not([type=radio]),select,textarea),[data-theme=dark] .op-heading :is(input,select){background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(input,textarea)::placeholder{color:var(--muted)}
[data-theme=dark] :is(.secondary,.quiet,.work-filters button,.work-sources button,.work-stats button,.folder-add,.work-edit,.work-head-icon,.chat-link,.chat-edit),[data-theme=dark] #detail :is(.secondary,.quiet,.close){background:var(--soft);color:var(--ink);border-color:var(--line);box-shadow:none}
[data-theme=dark] :is(.primary,.choice.selected,.work-filters button[aria-pressed=true],.work-head-icon[aria-pressed=true],.folder-view-toggle button[aria-pressed=true],.work-sources button.selected),[data-theme=dark] #detail :is(.primary,.choice.selected),[data-theme=dark] #operator-sidebar .side-tool.selected{background:#7144d4;color:#fff;border-color:#9f79f0}
[data-theme=dark] #operator-sidebar details[open]>summary,[data-theme=dark] #operator-sidebar summary:hover,[data-theme=dark] .os-tile[aria-pressed=true],[data-theme=dark] .os-chat-row.is-important,[data-theme=dark] .os-edited,[data-theme=dark] .op-pin.selected{background:var(--sp-hover);color:var(--action);border-color:var(--accent)}
[data-theme=dark] :is(.nav,.op-project-title,.work-title,.work-head,.os-work-head),[data-theme=dark] #header-menu button,[data-theme=dark] #operator-sidebar a{color:var(--ink)}
[data-theme=dark] :is(small,.muted,.work-meta,.work-summary,.work-grip,.os-next,.side-tool,.arb-icon),[data-theme=dark] #header-menu small{color:var(--muted)}
[data-theme=dark] :is(.nav.active,.work-origin,.work-next,.rail-load-older,.os-access a,.os-access button,.chat-markdown a,#os-version),[data-theme=dark] #detail .resource-link{color:var(--action)}
[data-theme=dark] :is(.os-access a,.os-access button,.next-cell button),[data-theme=dark] #detail .resource-link{background:var(--sp-hover)}
[data-theme=dark] :is(button:not(.primary),a,summary):hover,[data-theme=dark] #header-menu button:hover:not(:disabled),[data-theme=dark] #operator-sidebar .side-chat-title:hover,[data-theme=dark] #operator-sidebar .side-tool:hover{background:var(--sp-hover);color:var(--action)}
[data-theme=dark] .work-status{background:#34333e;color:#e4e0ef}[data-theme=dark] .status-doing{background:#403253;color:#eadbff}[data-theme=dark] .status-pending{background:#493d28;color:#ffe1a1}[data-theme=dark] .status-review{background:#224541;color:#b8eee6}[data-theme=dark] .status-done{background:#2e4336;color:#c4ebce}
[data-theme=dark] .chat-image :is(button,.image-download){background:var(--paper);color:var(--action);border-color:var(--line)}
[data-theme=dark] .handoff-rail .handoff-actions .attach-image{color:var(--action)}
[data-theme=dark] #detail :is(label,h2,h3,.field),[data-theme=dark] .handoff-rail>header h2{color:var(--ink)}
@media(pointer:coarse){.app-header #theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px;flex-basis:44px}}
@media(max-width:600px){.rail-reply.rail-assistant,.rail-reply.rail-user{padding:11px 12px;max-width:96%}.rail-reply .chat-markdown{font-size:16px}.chat-markdown p.chat-section-title,.chat-markdown :is(h1,h2,h3,h4){font-size:18.67px}}

[data-theme=dark] #operator-sidebar :is(.sidebar-caption,summary .ui-icon){color:var(--ink)}
[data-theme=dark] #operator-sidebar :is(summary small,.side-tool,.side-chats a small,.side-chat-title small,.side-chat-origin){color:var(--muted)}
[data-theme=dark] .sidebar-caption b{color:var(--action)}
[data-theme=dark] :is(.work-counts,.work-counts span,.work-filters small,.arb-previous>summary,.arb-subheading,.work-subline){color:var(--muted)}
[data-theme=dark] #operator-sidebar summary{border-left-color:var(--folder-accent)}
[data-theme=dark] #operator-sidebar[data-folder-view=box] .side-project{border-left-color:var(--folder-accent)}
[data-theme=dark] .rail-replies,[data-theme=dark] #rail-reply-list{border-color:var(--line)}

[data-theme=dark] .work-task>.work-edit,[data-theme=dark] .work-header-actions>.work-head-icon,[data-theme=dark] .arb-actions>.arb-icon,[data-theme=dark] .side-tools>.side-tool{background:transparent;box-shadow:none}
[data-theme=dark] .work-task>.work-edit:hover,[data-theme=dark] .work-header-actions>.work-head-icon:hover{background:var(--sp-hover)}
[data-theme=dark] :is(.work-task,.work-group>summary,.op-feed,.sidebar-caption,.arb-input){border-color:var(--line)}

[data-theme=dark] button.arb-check{color:transparent}
[data-theme=dark] button.arb-check:hover,[data-theme=dark] button.arb-check:focus-visible,[data-theme=dark] .arb-check.inert{color:var(--action)}

/* One-line composer and aligned brand, 2026-10-11. */
.handoff-rail>header,.chat-full-mode .handoff-rail>header{min-height:32px;padding-top:0;padding-bottom:0;margin:0 0 3px}
.handoff-rail>header h2{margin:0;font-size:16px}
.handoff-rail .field,.handoff-rail .rail-target-label{margin:0 0 5px;gap:0}
.handoff-rail .rail-target-label select{height:34px;min-height:34px;padding:4px 9px;font-size:13px;line-height:20px}
.handoff-rail #handoff-form textarea{display:block;box-sizing:border-box;min-height:36px;height:36px;max-height:220px;padding:6px 9px;font-size:15px;line-height:22px;resize:none;overflow-y:hidden}
.handoff-rail .handoff-actions{margin:0;gap:4px;align-items:center}
.handoff-rail .handoff-actions button,.handoff-rail .handoff-actions a{min-height:30px;padding:3px 7px;line-height:22px;font-size:12px}
.handoff-rail #handoff-feedback{margin:2px 0;line-height:1.3}
.handoff-rail .rail-replies{margin-top:5px}
.app-header{padding-left:0;gap:4px}
.app-header #sidebar-toggle{margin-left:0;margin-right:0}
.app-header .brand{width:140px;flex:0 0 140px;display:flex;gap:4px;align-items:center;min-height:40px}
.app-header .brand .arb-brand-mark{margin:0;width:36px;height:40px;flex:0 0 36px;background:var(--ink);mask:url('/arbiterdev/arbiter-symbol.png') center/contain no-repeat;-webkit-mask:url('/arbiterdev/arbiter-symbol.png') center/contain no-repeat}
.app-header .brand .arb-brand-word{margin:0;display:block;width:100px;height:40px;flex:0 0 100px;background:var(--ink);mask:url('/arbiterdev/arbiter-lockup.png') -56.7px -9px/164px 54.67px no-repeat;-webkit-mask:url('/arbiterdev/arbiter-lockup.png') -56.7px -9px/164px 54.67px no-repeat}
@media(pointer:coarse){.handoff-rail .handoff-actions button,.handoff-rail .handoff-actions a{min-height:44px}.handoff-rail .rail-target-label select{height:44px;min-height:44px}.app-header #sidebar-toggle svg{transform:translateX(-6px)}}
@media(max-width:767px){.app-header .brand{width:140px;flex-basis:140px}.handoff-rail #handoff-form textarea{font-size:16px}.app-header nav{gap:4px}}

@media(max-width:600px){.app-header{gap:2px;padding-right:4px}.app-header #os-version{display:none}.app-header .brand{width:124px;flex-basis:124px}.app-header .brand .arb-brand-word{width:84px;flex-basis:84px;mask-size:137.76px 45.92px;-webkit-mask-size:137.76px 45.92px;mask-position:-47.63px -5.5px;-webkit-mask-position:-47.63px -5.5px}}

/* Rounded input focus and zero-width collapsed chat. */
.arb-input textarea,.arb-input textarea:focus,.arb-input textarea:focus-visible{outline:none;box-shadow:none;border:0;font-weight:400}
.arb-input:focus-within{outline:none;box-shadow:none;border-color:var(--accent)}
.handoff-rail .rail-target-label select,.handoff-rail #handoff-form textarea{border:1px solid #c7bfd3;border-radius:8px;box-shadow:none;outline:none;font-size:13px;font-weight:400;color:var(--ink);background:var(--paper)}
.handoff-rail #handoff-form textarea::placeholder{font-size:inherit;font-weight:400;color:var(--muted);opacity:1}
.handoff-rail .rail-target-label select:focus,.handoff-rail #handoff-form textarea:focus{outline:none;box-shadow:none;border-color:var(--action)}
[data-theme=dark] .handoff-rail .rail-target-label select,[data-theme=dark] .handoff-rail #handoff-form textarea{border-color:var(--line)}
[data-theme=dark] .handoff-rail .rail-target-label select:focus,[data-theme=dark] .handoff-rail #handoff-form textarea:focus{border-color:var(--action)}
.handoff-rail button:focus:not(:focus-visible),.handoff-rail a:focus:not(:focus-visible){outline:none;box-shadow:none}
.handoff-rail .rail-tools button:focus-visible{outline:2px solid var(--action);outline-offset:-3px;border-radius:6px}
.handoff-rail #rail-reply-list:focus,.chat-full-mode #rail-reply-list:focus{outline:none;box-shadow:none}
.handoff-rail #rail-reply-list:focus-visible{box-shadow:inset 2px 0 var(--accent)}
.arb-v02 .os-cockpit.rail-collapsed{grid-template-columns:minmax(0,1fr);gap:0}
.os-cockpit.rail-collapsed #os-context{display:none}
.arb-v02 .os-cockpit.rail-collapsed>.os-main{padding-right:28px;box-sizing:border-box;min-width:0}
.handoff-rail.collapsed{display:none!important}
#rail-edge-open{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:45;display:grid;place-items:center;width:22px;min-width:22px;height:92px;padding:0;border:2px solid #43208f;border-right:0;border-radius:10px 0 0 10px;background:#6031cd;color:#fff;box-shadow:-3px 2px 0 #00b8a9;opacity:1}
#rail-edge-open[hidden]{display:none}#rail-edge-open svg{width:20px;height:20px;stroke-width:2.4}#rail-edge-open:hover{background:#48209e;color:#fff}#rail-edge-open:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:-3px 2px 0 #00b8a9,0 0 0 3px #6031cd}
[data-theme=dark] #rail-edge-open{background:#7545dc;border-color:#c8b3ff;color:#fff;box-shadow:-3px 2px 0 #00b8a9}
[data-theme=dark] #rail-edge-open:hover{background:#6031cd}
@media(max-width:767px){.handoff-rail .rail-target-label select,.handoff-rail #handoff-form textarea{font-size:16px}}
@media(pointer:coarse){#rail-edge-open{width:28px;min-width:28px;height:104px}}

.handoff-rail .rail-tools button:focus-visible{outline:none;box-shadow:inset 0 -2px var(--action);color:var(--action)}

/* Attachment lightbox and host Vault onboarding. */
#image-viewer{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:0;border:1px solid var(--line,#c7bfd3);border-radius:14px;background:var(--paper,#fbfaf6);color:var(--ink,#22212a);overflow:hidden;box-shadow:0 16px 80px #0004}
#image-viewer::backdrop{background:#16131b99;backdrop-filter:blur(8px)}
#image-viewer[open]{display:flex;flex-direction:column}
.image-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px;border-bottom:1px solid #91879944;flex:none}
#viewer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;min-width:0}
.image-toolbar>div{display:flex;align-items:center;gap:3px;flex:none}
.image-toolbar button,.image-toolbar a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:inherit;text-decoration:none;font-size:13px;box-shadow:none}
.image-toolbar button:hover,.image-toolbar a:hover{background:#907bc522}
.image-stage{flex:1;min-height:0;overflow:auto;display:grid;padding:16px;box-sizing:border-box;align-items:safe center;justify-items:safe center}
.image-stage img{max-width:none;max-height:none;object-fit:contain;display:block;flex:none}
.image-viewer-error{position:absolute;bottom:12px;left:20px;font-size:13px}
.vault-list{list-style:none;padding:0;margin:12px 0 20px}.vault-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #91879944}.vault-list li>span:first-of-type{min-width:0;flex:1}.vault-list small{display:block;overflow-wrap:anywhere;font-size:12px;margin-top:3px}.vault-connected{font-size:12px;white-space:nowrap}
.vault-modes{display:flex;gap:16px;margin:12px 0}.vault-modes label{display:flex;align-items:center;gap:6px;font-size:13px}.vault-hint{font-size:12px;color:inherit;opacity:.8}#vault-name-field[hidden]{display:none}
html[data-theme="dark"] #image-viewer{background:#201e28;color:#f3f0f8;border-color:#595263}
@media(max-width:600px){#image-viewer{width:100vw;height:100dvh;border:0;border-radius:0;max-height:100dvh}.image-toolbar{padding:4px;flex-wrap:wrap}.image-toolbar button,.image-toolbar a{min-width:44px;height:44px}#viewer-name{width:100%;padding:0 8px}.image-toolbar>div{margin-left:auto}.vault-modes{gap:10px}}
.todo-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 8px}.todo-context select{width:100%;min-width:0;height:34px;padding:4px 10px;border:1px solid #c7bfd3;border-radius:8px;background:var(--paper,#fff);color:inherit;font-family:inherit;font-weight:400;font-size:13px}.arb-project-label{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#image-viewer,html[data-theme="dark"] #image-viewer{background:transparent;border:0;box-shadow:none}.image-toolbar{background:rgba(251,250,246,.92);border:0;border-radius:12px;color:#25232b}html[data-theme="dark"] .image-toolbar{background:rgba(32,30,40,.92);color:#f3f0f8}#image-viewer::backdrop{background:#25212b88;backdrop-filter:blur(6px)}.image-toolbar button:focus:not(:focus-visible){outline:none}.image-save-choice{max-width:420px;border-radius:12px}.image-save-choice::backdrop{background:#25212b66}.image-save-choice div{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){.todo-context select{height:44px;font-size:16px}.arb-project-label{max-width:120px}}

.todo-action-menu{display:flex;gap:8px;flex-wrap:wrap}.todo-action-menu .arb-icon{width:auto;height:40px;display:inline-flex;gap:7px;padding:8px 12px;background:var(--soft);color:var(--ink)}.todo-action-menu .arb-icon span{display:inline;font-size:13px}.todo-action-menu .arb-icon::after{display:none}

/* The context selectors and composer are one consistent input family. */
.arb-daily .todo-context select,.arb-daily .arb-input{box-sizing:border-box;height:40px;min-height:40px;border:1px solid var(--line,#c7bfd3);border-radius:8px;background:var(--surface,#fff);box-shadow:none;color:var(--ink)}
.arb-daily .todo-context select{padding:0 10px;font-weight:400;font-size:13px}
.arb-daily .arb-input{padding:3px 4px 3px 10px;gap:6px}
.arb-daily .arb-input textarea{box-sizing:border-box;height:30px;min-height:30px;padding:4px 0;line-height:22px;background:transparent;font-size:13px;border-radius:0}
.arb-daily .arb-input button{box-sizing:border-box;height:32px;min-height:32px;padding:0 12px;line-height:normal;border-radius:6px}
@media(max-width:767px),(pointer:coarse){.arb-daily .todo-context select,.arb-daily .arb-input{height:52px;min-height:52px}.arb-daily .todo-context select,.arb-daily .arb-input textarea{font-size:16px}.arb-daily .arb-input button{height:44px;min-height:44px}}

:root[data-theme=dark] .arb-daily .todo-context select,:root[data-theme=dark] .arb-daily .arb-input{background:var(--paper)}

#detail:has(#todo-menu){width:280px;max-width:calc(100vw - 32px);padding:14px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #0002}
#detail:has(#todo-menu) h2{font-size:14px;margin:0 28px 12px 0;padding:0;border:0;overflow-wrap:anywhere}#detail:has(#todo-menu) .close{width:24px;height:24px;min-height:0;padding:0;font-size:20px;border:0;box-shadow:none;top:8px;right:8px}#detail:has(#todo-menu) p{font-size:12px;margin:8px 0}#detail:has(#todo-menu) .todo-action-menu{gap:6px}.todo-action-menu .todo-purge{color:#bc303a;background:transparent;font-size:13px;padding:6px 10px;min-height:40px}

.local-save-dialog{width:300px;max-width:calc(100vw - 32px);padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.local-save-dialog h2{font-size:14px;margin:0 0 12px}.local-save-actions{display:flex;gap:6px;flex-wrap:wrap}.local-save-actions button{font-size:12px;min-height:36px;padding:6px 10px}.local-save-dialog p{font-size:12px;overflow-wrap:anywhere}.local-save-dialog::backdrop{background:#25212b66}

/* Compact task controls: equal field heights, no empty list or trailing card space. */
.arb-daily .os-today{padding:0 12px 6px;margin-bottom:10px}
.arb-daily .os-today>summary{min-height:36px;margin:0;padding:0}
.arb-daily .todo-context{gap:6px;margin-bottom:6px}
.arb-daily .arb-input{margin:0}
.arb-daily .arb-list:empty{display:none;margin:0;padding:0}
.arb-daily .arb-panel>.arb-fold{margin-top:6px;margin-bottom:0;padding-top:2px;padding-bottom:0}
.arb-daily .arb-panel>.arb-fold>summary{min-height:28px;padding:2px 0}
.arb-daily .arb-panel{padding-bottom:0}
@media(max-width:767px),(pointer:coarse){.arb-daily .os-today>summary,.arb-daily .arb-panel>.arb-fold>summary{min-height:44px}.arb-daily .todo-context select,.arb-daily .arb-input{height:48px;min-height:48px}}

.media-mode #capture-form,.media-mode #sync-label{display:none}
.media-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;align-items:start}
.media-chat,.media-studio{min-width:0}
.media-chat>select,.media-studio select,.media-studio input,.media-studio textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;padding:8px 10px}
.media-chat>select{height:38px;margin:0 0 6px}
.media-studio{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.media-studio header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.media-studio h2{font-size:14px;margin:0}.media-studio small,.media-studio p{font-size:12px;color:var(--muted)}
.media-studio label{display:grid;gap:5px;font-size:12px;margin-bottom:10px}.media-studio textarea{resize:vertical;min-height:170px;font-family:inherit;font-weight:400}.media-studio details{font-size:12px;margin-top:14px}.media-studio details p{line-height:1.5}
.media-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.media-actions button,.media-actions a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font-size:13px}.media-actions a{color:var(--action)}
.media-mode .handoff-rail{position:relative!important;inset:auto!important;width:100%!important;height:calc(100dvh - 190px)!important;min-height:400px;padding:0!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column}
.media-mode .handoff-rail .rail-replies{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.media-mode #rail-reply-list{flex:1;min-height:0;overflow:auto}
.media-mode .rail-expand,.media-mode .rail-collapse,.media-mode #rail-edge-open{display:none!important}
@media(max-width:900px){.media-workspace{grid-template-columns:minmax(0,1fr)}.media-mode .handoff-rail{height:65dvh!important;min-height:360px}.media-chat>select,.media-studio select,.media-studio input,.media-studio button,.media-actions a{min-height:44px}.media-studio input,.media-studio select,.media-studio textarea{font-size:16px}}

/* Adjustable work panes. Keep content mounted while hiding either side. */
.media-workspace{position:relative;grid-template-columns:minmax(0,var(--media-left,55fr)) 12px minmax(0,var(--media-right,45fr));gap:0;align-items:stretch}
.media-chat{padding-right:6px}.media-studio{margin-left:6px}
.media-divider{cursor:col-resize;touch-action:none;position:relative;min-height:100%;outline-offset:0;border-radius:5px}
.media-divider:before{content:'';position:absolute;left:5px;top:0;bottom:0;width:2px;border-radius:2px;background:var(--line)}
.media-divider:hover:before,.media-divider:focus-visible:before{background:var(--action);width:3px}
.media-pane-head{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin:0 0 6px;font-size:13px}
.media-pane-tools{display:flex;gap:2px}.media-pane-tools button,.media-restore{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:5px;background:transparent;border:0;box-shadow:none;color:var(--action)}.media-pane-tools svg,.media-restore svg{width:18px;height:18px}
.media-workspace[data-pane=left],.media-workspace[data-pane=right]{display:block;padding-top:34px}
.media-workspace[data-pane=left] .media-studio,.media-workspace[data-pane=right] .media-chat,.media-workspace:not([data-pane=both]) .media-divider{display:none}
.media-restore{position:absolute;right:0;top:0;border-radius:6px}.media-workspace[data-pane=right] .media-studio{margin-left:0}
@media(max-width:900px){.media-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.media-divider{display:none}.media-chat{padding-right:0}.media-studio{margin-left:0}.media-pane-tools button,.media-restore{width:44px;height:44px;min-height:44px}.media-workspace[data-pane=left],.media-workspace[data-pane=right]{padding-top:46px}}

/* A single edge handle owns both directions; preserve compact reading scale. */
.handoff-rail .rail-collapse{display:none!important}
.handoff-rail{padding-right:28px!important}
#rail-edge-open svg{transition:transform 180ms ease}
:root{--analysis-reading-size:13px;--analysis-reading-leading:1.7}
#rail-reply-list .chat-markdown,#rail-reply-list .chat-markdown :is(p,li),.handoff-rail #handoff-form textarea,.yt-section p{font-size:var(--analysis-reading-size)!important;line-height:var(--analysis-reading-leading)!important}
@media(min-width:901px){
 .arb-v02 .os-cockpit{transition:grid-template-columns 220ms ease,gap 220ms ease}
 .arb-v02 .os-cockpit.rail-collapsed{grid-template-columns:minmax(0,1fr) 0px}
 .os-cockpit.rail-collapsed #os-context{display:block;min-width:0;visibility:hidden}
 .handoff-rail.rail-fixed{transition:opacity 180ms ease,transform 220ms ease,visibility 0s;opacity:1;transform:translateX(0);visibility:visible}
 .handoff-rail.rail-fixed.collapsed{display:flex!important;opacity:0;transform:translateX(18px);visibility:hidden;pointer-events:none;transition:opacity 180ms ease,transform 220ms ease,visibility 0s 220ms}
}
@media(prefers-reduced-motion:reduce){.arb-v02 .os-cockpit,.handoff-rail.rail-fixed,#rail-edge-open svg{transition:none!important}}

/* Keep note iframe and fixed chat in the current animated column bounds. */
.sn-workspace #os-context{min-width:0;overflow:hidden}
.sn-workspace .os-main{overflow:hidden}
.sn-workspace #sn-native-slot{min-width:0;width:100%}

/* ARBITEA wordmark: reuse original A glyph, symbol/palette/layout remain unchanged. */
.app-header .brand .arb-brand-word{position:relative;background:none;mask:none;-webkit-mask:none}
.app-header .brand .arb-brand-word::before,.app-header .brand .arb-brand-word::after{content:"";position:absolute;inset:0;background:var(--ink);mask:url('/arbiterdev/arbiter-lockup.png') -56.7px -9px/164px 54.67px no-repeat;-webkit-mask:url('/arbiterdev/arbiter-lockup.png') -56.7px -9px/164px 54.67px no-repeat}
.app-header .brand .arb-brand-word::before{clip-path:inset(0 15% 0 0)}
.app-header .brand .arb-brand-word::after{clip-path:inset(0 83% 0 0);transform:translateX(85%)}
@media(max-width:600px){.app-header .brand .arb-brand-word::before,.app-header .brand .arb-brand-word::after{mask-size:137.76px 45.92px;-webkit-mask-size:137.76px 45.92px;mask-position:-47.63px -5.5px;-webkit-mask-position:-47.63px -5.5px}}