.shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.session-join .shell{height:auto;flex:1;min-height:0}.shell-header{display:flex;align-items:center;gap:var(--ui-space-8);flex-wrap:wrap;padding:var(--ui-space-8) var(--ui-space-16);background:var(--ui-surface);border-bottom:var(--ui-line-w) solid var(--ui-border)}.shell-back{text-decoration:none;color:var(--ui-text);font-size:var(--ui-size-xl);padding:var(--ui-space-4) var(--ui-space-6);border-radius:var(--ui-radius)}.shell-back:hover{background:var(--ui-bg)}.shell-tool-name{font-weight:var(--ui-weight-strong);white-space:nowrap}.shell-note{color:var(--ui-text-muted);font-size:var(--ui-size-md)}.shell-people{position:relative}.shell-live{font-size:var(--ui-size-md);color:var(--ui-text-muted);white-space:nowrap;background:none;border:none;padding:var(--ui-space-4) var(--ui-space-6);cursor:pointer;display:inline-flex;align-items:center;gap:var(--ui-space-4)}.shell-live-dot{font-size:var(--ui-size-xl);line-height:1}.shell-live-connected{color:var(--ui-success)}.shell-live-expired,.shell-live-disconnected{color:var(--ui-danger)}.shell-people-menu{position:absolute;top:calc(100% + var(--ui-space-4));left:0;min-width:11rem;background:var(--ui-surface-raised);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-lg);padding:var(--ui-space-4);margin:0;list-style:none;z-index:var(--ui-z-popover)}.shell-people-menu li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ui-space-16);padding:var(--ui-space-4) var(--ui-space-8);font-size:var(--ui-size-md);white-space:nowrap;color:var(--ui-text)}.shell-people-role{color:var(--ui-text-muted);font-size:var(--ui-size-md)}.shell-title{flex:1 1 10rem;min-width:8rem;font:inherit;color:var(--ui-text);background:transparent;border:var(--ui-line-w) solid transparent;border-radius:var(--ui-radius);padding:var(--ui-space-4) var(--ui-space-8)}.shell-title:hover,.shell-title:focus{border-color:var(--ui-border);background:var(--ui-bg)}.shell-actions{display:flex;align-items:center;gap:var(--ui-space-6);flex-wrap:wrap;margin-left:auto}.shell-main{flex:1;display:flex;flex-direction:column;--page-pad: var(--ui-space-16);padding:var(--page-pad);min-height:0;overflow:hidden}.shell-main[data-readonly] :is(button,input,select,textarea):not(.node-canvas-frame *,[data-local],[data-local] *){opacity:.5;pointer-events:none}.shell-error{max-width:36rem;margin:var(--ui-space-32) auto;padding:var(--ui-space-16);border:var(--ui-line-w) solid var(--ui-danger);border-radius:var(--ui-radius);background:var(--ui-danger-soft);color:var(--ui-danger-text)}.doc-menu{position:relative}.doc-menu-list{position:absolute;top:calc(100% + var(--ui-space-4));left:0;min-width:14rem;max-height:60dvh;overflow-y:auto;background:var(--ui-surface-raised);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-lg);padding:var(--ui-space-4);display:flex;flex-direction:column;z-index:var(--ui-z-popover)}.doc-menu-list button{border:none;background:none;text-align:left;padding:var(--ui-space-6) var(--ui-space-8);border-radius:var(--ui-radius);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-menu-list button:hover{background:var(--ui-hover)}.doc-menu-list button.active{background:var(--ui-selected);color:var(--ui-accent-text);font-weight:var(--ui-weight-strong)}.doc-menu-list hr{border:none;border-top:var(--ui-line-w) solid var(--ui-border);margin:var(--ui-space-4) 0}.help-shortcuts{margin:var(--ui-space-6) 0 0}.help-shortcut{display:flex;align-items:baseline;gap:var(--ui-space-12);margin:var(--ui-space-4) 0}.help-shortcut dt{min-width:9rem}.help-shortcut dd{margin:0;color:var(--ui-text-muted)}kbd{font-family:var(--ui-font-mono);font-size:var(--ui-size-md);padding:var(--ui-space-2) var(--ui-space-6);border:var(--ui-line-w) solid var(--ui-border);border-bottom-width:2px;border-radius:var(--ui-radius);background:var(--ui-bg)}.palette-overlay{position:fixed;inset:0;background:var(--ui-overlay);display:flex;justify-content:center;align-items:flex-start;padding:10dvh var(--ui-space-16) var(--ui-space-16);z-index:var(--ui-z-overlay)}.palette{width:100%;max-width:34rem;background:var(--ui-surface-raised);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-lg);display:flex;flex-direction:column;overflow:hidden}.palette input{border:none;border-bottom:var(--ui-line-w) solid var(--ui-border);border-radius:0;padding:var(--ui-space-12) var(--ui-space-16);font-size:var(--ui-size-lg);background:var(--ui-surface-raised)}.palette-list{max-height:50dvh;overflow-y:auto;padding:var(--ui-space-4)}.palette-section{font-size:var(--ui-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-muted);padding:var(--ui-space-8) var(--ui-space-8) var(--ui-space-4)}.palette-list button{display:flex;justify-content:space-between;gap:var(--ui-space-16);width:100%;border:none;background:none;text-align:left;padding:var(--ui-space-8) var(--ui-space-8);border-radius:var(--ui-radius)}.palette-list button:hover{background:var(--ui-hover)}.palette-list button.active{background:var(--ui-selected);color:var(--ui-accent-text)}.palette-hint{color:var(--ui-text-muted);font-size:var(--ui-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-group{flex:1;min-height:0}.split-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.split-handle{flex:0 0 var(--ui-space-8);border-radius:var(--ui-radius);background:transparent;transition:background var(--ui-motion-fast)}.split-handle:hover,.split-handle[data-resize-handle-state=drag]{background:var(--ui-accent)}.split-editor{display:flex;flex:1;min-height:0;align-items:stretch}.split-text{gap:var(--ui-space-6)}.split-text .tool-code{min-height:0}.split-toggle{align-self:flex-start;writing-mode:vertical-rl;padding:var(--ui-space-8) var(--ui-space-4)}.split-visual{flex:1;min-width:0;display:flex;flex-direction:column}.modal-overlay{position:fixed;inset:0;background:var(--ui-overlay);display:flex;align-items:center;justify-content:center;padding:var(--ui-space-16);z-index:var(--ui-z-overlay)}.modal{background:var(--ui-surface-raised);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-lg);padding:var(--ui-space-16) var(--ui-space-16);max-width:32rem;width:100%;max-height:85dvh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-16)}.modal-head h2{margin:0;font-size:var(--ui-size-xl)}.modal h3{font-size:var(--ui-size-md);text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-muted);margin:var(--ui-space-16) 0 var(--ui-space-6)}.modal-message{font-weight:var(--ui-weight-strong);margin:var(--ui-space-12) 0 var(--ui-space-4)}.modal-detail{color:var(--ui-text-muted);font-size:var(--ui-size-md);margin:var(--ui-space-4) 0}.modal-notice{margin-top:var(--ui-space-8);padding:var(--ui-space-8) var(--ui-space-12);border-radius:var(--ui-radius);background:var(--ui-accent-soft);color:var(--ui-accent-text);font-size:var(--ui-size-sm)}.modal-actions{display:flex;gap:var(--ui-space-8);flex-wrap:wrap;margin-top:var(--ui-space-16)}.share-section{display:flex;align-items:center;gap:var(--ui-space-8);flex-wrap:wrap}.share-section p{flex-basis:100%;margin:var(--ui-space-4) 0}.diff-list{margin:var(--ui-space-8) 0;padding:var(--ui-space-8) var(--ui-space-12);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg);max-height:14rem;overflow-y:auto;font-family:var(--ui-font-mono);font-size:var(--ui-size-md)}.diff-list ul{margin:0;padding:0;list-style:none}.diff-add{color:var(--ui-success)}.diff-remove{color:var(--ui-danger)}.diff-update,.diff-move{color:var(--ui-accent)}.lazy-error{max-width:34rem;padding:var(--ui-space-12) var(--ui-space-16);border-radius:var(--ui-radius);background:var(--ui-danger-soft);color:var(--ui-danger-text);font-size:var(--ui-size-sm)}.lazy-error p{color:var(--ui-text-muted)}.lazy-error pre{margin:var(--ui-space-8) 0 0;padding:var(--ui-space-8) var(--ui-space-8);background:var(--ui-bg);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);color:var(--ui-text);font-family:var(--ui-font-mono);font-size:var(--ui-size-sm);white-space:pre-wrap;overflow-x:auto}.tool-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-6) var(--ui-space-12);padding:var(--ui-space-6) max(var(--page-pad),var(--ui-space-8));margin:calc(-1 * var(--page-pad)) calc(-1 * var(--page-pad)) var(--ui-space-12);background:var(--ui-surface);border-bottom:var(--ui-line-w) solid var(--ui-border)}.tool-bleed{margin:calc(-1 * var(--ui-space-16));--page-pad: 0px}.tool-bar .tool-field{flex-direction:row;align-items:center;gap:var(--ui-space-6)}.tool-bar .tool-field>span{white-space:nowrap}.tool-bar-gap{flex:1 1 var(--ui-space-32)}.tool-menu{position:relative}.tool-menu>summary{list-style:none;cursor:pointer;user-select:none}.tool-menu>summary::-webkit-details-marker{display:none}.tool-menu>summary:after{content:" ▾";opacity:.6}.tool-popover{position:absolute;top:calc(100% + var(--ui-space-6));right:0;z-index:var(--ui-z-popover);display:flex;flex-direction:column;gap:var(--ui-space-8);width:max-content;max-width:min(22rem,90vw);padding:var(--ui-space-12);background:var(--ui-surface);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-md)}.tool-popover.left{right:auto;left:0}@media(max-width:640px){.tool-popover,.doc-menu-list{position:fixed;inset:auto var(--ui-space-8) var(--ui-space-8);width:auto;min-width:0;max-width:none;max-height:70dvh;overflow-y:auto}}.tool-field{display:flex;flex-direction:column;gap:var(--ui-space-4)}.tool-field>span{font-size:var(--ui-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ui-text-muted)}.tool-field-row{display:flex;gap:var(--ui-space-16)}.tool-card{display:flex;flex-direction:column;gap:var(--ui-space-6);padding:var(--ui-space-8) var(--ui-space-8);background:var(--ui-bg);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius)}.tool-pills{display:flex;gap:var(--ui-space-4)}.tool-pill{display:inline-flex;align-items:center;min-height:var(--ui-control-height);font-size:var(--ui-size-xs);line-height:var(--ui-leading-text);padding:0 var(--ui-control-pad);border-radius:var(--ui-radius);border:var(--ui-line-w) solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text-muted);cursor:pointer;white-space:nowrap}.tool-pill:disabled{opacity:.45;cursor:not-allowed}.tool-pill.active{background:var(--ui-selected);border-color:var(--ui-accent);color:var(--ui-text)}.tool-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ui-control-height);border:none;background:transparent;color:var(--ui-text-muted);cursor:pointer;padding:0 var(--ui-space-4)}.tool-icon-btn:hover{color:var(--ui-danger)}.tool-push-end{margin-left:auto}.tool-toggle{min-width:var(--ui-control-height);justify-content:center;border:var(--ui-line-w) solid var(--ui-control-border);border-radius:var(--ui-radius);background:var(--ui-control)}.tool-toggle:hover:not(:disabled){background:var(--ui-control-hover)}.tool-toggle[aria-pressed=true]{background:var(--ui-selected);border-color:var(--ui-accent);color:var(--ui-accent-text)}.tool-slot{display:contents}.tool-color-row{display:flex;align-items:stretch;width:100%;border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden}.tool-color{flex:1;min-width:0;padding:0;border:none;border-radius:0;cursor:pointer}.tool-color.active{box-shadow:inset 0 0 0 var(--ui-line-w) #ffffffe6,inset 0 0 0 2px #00000073}.tool-color-none{flex:0 0 var(--ui-control-height);background:var(--ui-surface);color:var(--ui-text-muted);font-size:var(--ui-size-xs);line-height:1;border-right:var(--ui-line-w) solid var(--ui-border)}.code-editor{flex:1;min-height:10rem;display:flex;flex-direction:column;border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);overflow:hidden;background:var(--ui-surface)}.code-editor .cm-editor{flex:1;min-height:0}.split-text .code-editor{min-height:0}.code-editor .cm-activeLine{background:var(--ui-accent-wash)}.code-editor .cm-activeLineGutter{background:var(--ui-accent-soft);color:var(--ui-text)}.cm-peer-caret{position:relative;border-left:2px solid;margin-left:-1px}.cm-peer-caret-name{position:absolute;top:-1.15em;left:-2px;padding:0 var(--ui-space-4);border-radius:var(--ui-radius);color:var(--ui-text-inverse);font-size:var(--ui-size-xs);line-height:var(--ui-leading-text);white-space:nowrap;z-index:var(--ui-z-cursor);pointer-events:none}.tok-keyword{color:var(--ui-code-keyword)}.tok-string,.tok-string2{color:var(--ui-code-string)}.tok-number,.tok-bool,.tok-atom,.tok-null{color:var(--ui-code-number)}.tok-propertyName,.tok-typeName,.tok-className{color:var(--ui-code-property)}.tok-comment{color:var(--ui-code-comment);font-style:italic}.presence-surface{position:relative}.presence-surface-fill{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}.presence-cursor{position:absolute;pointer-events:none;z-index:var(--ui-z-cursor)}.presence-cursor-name{display:inline-block;margin:var(--ui-space-2) 0 0 var(--ui-space-8);padding:var(--ui-space-2) var(--ui-space-6);border-radius:var(--ui-radius);color:var(--ui-text-inverse);font-size:var(--ui-size-xs);white-space:nowrap}.minimap{position:relative;overflow:hidden;border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg)}.minimap canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.minimap-ping{position:absolute;pointer-events:none;z-index:2;width:0;height:0}.minimap-ping:before{content:"";position:absolute;left:-8px;top:-8px;width:16px;height:16px;border:2px solid var(--ping-color);border-radius:50%;animation:presence-ping-pulse .85s ease-out 2 both}.minimap-ping.off{opacity:.6}.session-chat,.session-chat-toggle{position:relative}.session-chat-badge{position:absolute;top:-.3rem;right:-.3rem;min-width:1.1rem;padding:0 var(--ui-space-4);border-radius:var(--ui-radius);background:var(--ui-accent);color:var(--ui-text-inverse);font-size:var(--ui-size-xs);line-height:1.1rem}.session-chat-panel{position:absolute;right:0;top:calc(100% + var(--ui-space-8));z-index:var(--ui-z-popover);display:flex;flex-direction:column;width:min(19rem,80vw);height:min(22rem,60vh);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:0 4px 16px color-mix(in srgb,var(--ui-text) 15%,transparent);overflow:hidden}.session-chat-head{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-space-6) var(--ui-space-6) var(--ui-space-6) var(--ui-space-12);border-bottom:var(--ui-line-w) solid var(--ui-border);font-weight:var(--ui-weight-strong);font-size:var(--ui-size-md)}.session-chat-head button{border:none;background:none;font-size:var(--ui-size-lg);cursor:pointer;color:var(--ui-text-muted)}.session-chat-log{flex:1;overflow-y:auto;padding:var(--ui-space-8) var(--ui-space-12);font-size:var(--ui-size-md)}.session-chat-log p{margin:0 0 var(--ui-space-6);overflow-wrap:anywhere}.session-chat-log p.mine{color:var(--ui-text-muted)}.session-chat-name{font-weight:var(--ui-weight-strong)}.session-chat-empty{color:var(--ui-text-muted);font-size:var(--ui-size-md)}.session-chat-input{display:flex;gap:var(--ui-space-6);padding:var(--ui-space-6);border-top:var(--ui-line-w) solid var(--ui-border)}.session-chat-input input{flex:1;min-width:0}.presence-ping{position:absolute;pointer-events:none;z-index:calc(var(--ui-z-cursor) + 1);width:0;height:0}.presence-ping:before{content:"";position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:2px solid var(--ping-color);border-radius:50%;animation:presence-ping-pulse .85s ease-out 2 both}.presence-ping-name{position:absolute;left:var(--ui-space-12);top:var(--ui-space-8);padding:var(--ui-space-2) var(--ui-space-6);border-radius:var(--ui-radius);color:var(--ui-text-inverse);font-size:var(--ui-size-xs);white-space:nowrap;animation:presence-ping-fade 1.8s ease-out both}@keyframes presence-ping-pulse{0%{transform:scale(.25);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes presence-ping-fade{0%,70%{opacity:1}to{opacity:0}}.settings-row{display:flex;gap:var(--ui-space-16);flex-wrap:wrap}.settings-field{display:flex;align-items:center;gap:var(--ui-space-8)}.session-join{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.session-bar{padding:var(--ui-space-6) var(--ui-space-16);font-size:var(--ui-size-md);background:var(--ui-surface);border-bottom:var(--ui-line-w) solid var(--ui-border)}.session-empty{max-width:32rem;margin:var(--ui-space-48) auto;padding:0 var(--ui-space-16);color:var(--ui-text-muted)}.session-invite{display:flex;flex-direction:column;gap:var(--ui-space-12);margin-top:var(--ui-space-24);padding-top:var(--ui-space-24);border-top:var(--ui-line-w) solid var(--ui-border)}.qr-scanner-video{width:100%;max-width:22rem;align-self:center;border-radius:var(--ui-radius);background:var(--ui-fill)}.tool-stack{display:flex;flex-direction:column;gap:var(--ui-space-8);flex:1;min-height:0}.tool-stack>.tool-bar{margin-bottom:0}.tool-row{display:flex;align-items:center;gap:var(--ui-space-8);flex-wrap:wrap}.tool-code{font-family:var(--ui-font-mono);font-size:var(--ui-size-lg);flex:1;min-height:10rem;resize:vertical}.tool-status{font-size:var(--ui-size-md);color:var(--ui-text-muted)}.tool-status.error{color:var(--ui-danger)}.share-link{display:flex;flex-direction:column;gap:var(--ui-space-8);width:100%}.share-link-row{display:flex;gap:var(--ui-space-6)}.share-link-row input{flex:1;min-width:0;font-family:var(--ui-font-mono);font-size:var(--ui-size-md)}.share-qr{align-self:center;padding:var(--ui-space-8);border-radius:var(--ui-radius);background:#fff;max-width:100%;height:auto}@media(max-width:30rem){.share-link-row{flex-wrap:wrap}.share-link-row input{flex:1 0 100%}}.shell-role{display:inline-flex;align-items:center;gap:var(--ui-space-4);padding:var(--ui-space-2) var(--ui-space-6);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);color:var(--ui-text-muted);font-size:var(--ui-size-sm);white-space:nowrap}.shell-role-lead{border-color:var(--ui-role-lead);color:var(--ui-role-lead)}.shell-role-edit{border-color:var(--ui-role-edit);color:var(--ui-role-edit)}.shell-role-watch{border-style:dashed;color:var(--ui-role-watch)}.share-mark-lead{color:var(--ui-role-lead)}.share-mark-edit{color:var(--ui-role-edit)}.share-mark-watch{color:var(--ui-role-watch)}.share-mark-lead:hover{color:var(--ui-role-lead)}.share-mark-edit:hover{color:var(--ui-role-edit)}.share-mark-watch:hover{color:var(--ui-role-watch)}.share-mark-lead:hover,.share-mark-edit:hover,.share-mark-watch:hover{text-decoration:underline}.share-people{display:flex;flex-direction:column;gap:var(--ui-space-4);margin:var(--ui-space-4) 0 0;padding:0;list-style:none;width:100%}.share-people li{display:flex;align-items:center;gap:var(--ui-space-6);flex-wrap:wrap}.share-people li>span{flex:1;min-width:6rem}.presence-lead{margin-left:var(--ui-space-2);color:var(--ui-role-lead);font-size:var(--ui-size-xs)}.shell-waiting{padding:var(--ui-space-2) var(--ui-space-6);border-radius:var(--ui-radius);background:var(--ui-warning-soft);color:var(--ui-warning-text);font-size:var(--ui-size-sm);text-decoration:none}.shell-waiting:hover{text-decoration:underline}.shell-refused{margin:0;padding:var(--ui-space-6) var(--ui-space-16);background:var(--ui-danger-soft);color:var(--ui-danger-text);border-bottom:var(--ui-line-w) solid var(--ui-danger);font-size:var(--ui-size-sm);cursor:pointer}.recent{margin:var(--ui-space-16) 0 0;padding:var(--ui-space-12) var(--ui-space-16);background:var(--ui-surface);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius)}.recent-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4) var(--ui-space-16)}.recent-storage{display:flex;align-items:baseline;gap:var(--ui-space-8);text-decoration:none;color:var(--ui-text);font-weight:var(--ui-weight-strong)}.recent-storage:after{content:"→";color:var(--ui-text-muted)}.recent-storage:hover .recent-storage-name{text-decoration:underline}.recent-storage-count{margin-left:auto;color:var(--ui-text-muted);font-size:var(--ui-size-sm);font-weight:var(--ui-weight-normal)}.recent ul{list-style:none;margin:var(--ui-space-8) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4) var(--ui-space-16)}.recent-link{display:flex;align-items:baseline;gap:var(--ui-space-8);min-width:0;text-decoration:none;color:var(--ui-accent)}.recent-link{padding:var(--ui-space-2) var(--ui-space-4);border-radius:var(--ui-radius)}.recent-link:hover{background:var(--ui-hover)}.recent-link:hover .recent-title{text-decoration:underline}.recent-icon{flex:none}.recent-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-tool{flex:none;color:var(--ui-text-muted);font-size:var(--ui-size-sm)}.recent-age{color:var(--ui-text-muted);font-size:var(--ui-size-sm);white-space:nowrap;margin-left:auto}.recent-shared{flex:none;color:var(--ui-success);font-size:var(--ui-size-xs)}@media(max-width:34rem){.recent ul,.recent-workspace{grid-template-columns:1fr}}.browser{display:flex;flex-direction:column;gap:var(--ui-space-16)}.browser-usage{padding:var(--ui-space-12) var(--ui-space-16);background:var(--ui-surface);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius)}.browser-usage p{margin:0}.browser-bars{display:flex;flex-direction:column;gap:var(--ui-space-4);margin-top:var(--ui-space-8)}.browser-bar{display:flex;height:var(--ui-space-12);border-radius:var(--ui-radius);background:var(--ui-border);overflow:hidden}.browser-bar-fill{background:var(--ui-accent)}.browser-band{min-width:2px}.browser-band+.browser-band{border-left:var(--ui-line-w) solid var(--ui-surface)}.backup-buttons{display:flex;gap:var(--ui-space-6)}.browser-usage-actions{display:flex;flex-wrap:wrap;gap:var(--ui-space-6);margin-top:var(--ui-space-8)}.browser-muted{color:var(--ui-text-muted);font-size:var(--ui-size-sm)}.browser-controls{display:flex;flex-wrap:wrap;gap:var(--ui-space-8);align-items:center}.browser-search{flex:1 1 14rem;min-width:0}.browser-sorts,.browser-filters{display:flex;gap:var(--ui-space-4);flex-wrap:wrap}.browser-sort{background:transparent;border:var(--ui-line-w) solid var(--ui-border);color:var(--ui-text-muted);font-size:var(--ui-size-sm);padding:var(--ui-space-4) var(--ui-space-8);border-radius:var(--ui-radius)}.browser-sort.active,.browser-chip.active{background:var(--ui-selected);color:var(--ui-accent-text);border-color:var(--ui-accent)}.browser-chip{background:transparent;border:var(--ui-line-w) solid var(--ui-border);color:var(--ui-text-muted);font-size:var(--ui-size-sm);padding:var(--ui-space-4) var(--ui-space-8);border-radius:var(--ui-radius)}.browser-body{display:flex;gap:var(--ui-space-16);align-items:flex-start}.browser-count{color:var(--ui-text-muted);font-size:var(--ui-size-xs);font-weight:var(--ui-weight-normal)}.browser-row{display:flex;align-items:baseline;gap:var(--ui-space-8);padding:var(--ui-space-2) var(--ui-space-6);border-radius:var(--ui-radius);min-width:0}.browser-row:hover{background:var(--ui-hover)}.browser-row.selected{background:var(--ui-selected);outline:var(--ui-line-w) solid var(--ui-accent)}.browser-name{flex:1 1 auto;min-width:0;text-align:left;background:transparent;border:none;padding:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-rename{flex:1 1 auto;min-width:0;font:inherit}.browser-meta{flex:none;color:var(--ui-text-muted);font-size:var(--ui-size-sm);white-space:nowrap}.browser-live{flex:none;color:var(--ui-success);font-size:var(--ui-size-sm)}.browser-flag{flex:none;color:var(--ui-text-muted);font-size:var(--ui-size-xs);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);padding:0 var(--ui-space-4)}.browser-detail{flex:0 0 17rem;position:sticky;top:var(--ui-space-16);padding:var(--ui-space-12) var(--ui-space-16);background:var(--ui-surface);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius)}.browser-detail h2{font-size:var(--ui-size-lg);margin:0 0 var(--ui-space-8);overflow-wrap:anywhere}.browser-detail dl{display:grid;grid-template-columns:auto 1fr;gap:var(--ui-space-2) var(--ui-space-8);margin:0 0 var(--ui-space-12);font-size:var(--ui-size-md)}.browser-detail dt{color:var(--ui-text-muted)}.browser-detail dd{margin:0;overflow-wrap:anywhere}.browser-id{font-family:var(--ui-font-mono);font-size:var(--ui-size-xs);color:var(--ui-text-muted)}.browser-warn{color:var(--ui-danger-text)}.browser-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-space-6);margin-bottom:var(--ui-space-8)}.browser-actions button{width:100%;padding:var(--ui-space-6) var(--ui-space-8)}.browser-wide{grid-column:1 / -1}.browser-empty{color:var(--ui-text-muted)}@media(max-width:46rem){.browser-body{flex-direction:column}.browser-detail{position:static;flex:1 1 auto;width:100%}}.browser-upload{cursor:pointer}.browser-side{flex:0 0 13rem;position:sticky;top:var(--ui-space-16);max-height:calc(100vh - var(--ui-space-32));overflow:auto}.browser-side-list,.browser-side-list ul{list-style:none;margin:0;padding:0}.browser-side-item{display:block;width:100%;text-align:left;background:transparent;border:var(--ui-line-w) solid transparent;border-radius:var(--ui-radius);padding:var(--ui-space-4) var(--ui-space-8);font:inherit;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-side-item:hover{background:var(--ui-hover)}.browser-side-item.current{background:var(--ui-selected);color:var(--ui-accent-text)}.browser-side-item.drop,.browser-row.drop,.browser-crumb.drop{outline:var(--ui-line-w) dashed var(--ui-accent)}.browser-main{flex:1 1 auto;min-width:0;min-height:12rem}.browser-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2);margin-bottom:var(--ui-space-8);color:var(--ui-text-muted)}.browser-crumb{background:transparent;border:var(--ui-line-w) solid transparent;border-radius:var(--ui-radius);padding:var(--ui-space-2) var(--ui-space-6);font:inherit;color:var(--ui-text-muted)}.browser-crumb:hover{color:var(--ui-accent)}.browser-crumb.current{color:var(--ui-text);font-weight:var(--ui-weight-strong)}.browser-list{list-style:none;margin:0;padding:0}.browser-legend{display:flex;flex-wrap:wrap;gap:var(--ui-space-4) var(--ui-space-12);list-style:none;margin:var(--ui-space-6) 0 0;padding:0;color:var(--ui-text-muted);font-size:var(--ui-size-sm)}.browser-legend li{display:flex;align-items:center;gap:var(--ui-space-4)}.browser-swatch{width:.75em;height:.75em;border-radius:var(--ui-radius)}.browser-row{cursor:default}.browser-row.focused:not(.selected){outline:var(--ui-line-w) solid var(--ui-border)}.browser-icon{flex:none;width:1.25em;text-align:center;color:var(--ui-text-muted)}.browser-preview{display:block;max-width:100%;max-height:14rem;margin:0 0 var(--ui-space-8);border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg);object-fit:contain}.browser-download{display:block;text-align:center;text-decoration:none;border:var(--ui-line-w) solid var(--ui-border);border-radius:var(--ui-radius);padding:var(--ui-space-4) var(--ui-space-8);color:inherit}.browser-move{max-height:50vh;overflow:auto;min-width:16rem}@media(max-width:800px){.browser-side{display:none}.browser-controls{gap:var(--ui-space-6)}.browser-filters,.browser-sorts{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.browser-meta-more{display:none}.browser-row{padding:var(--ui-space-6);min-height:var(--ui-control-height);align-items:center}}.browser-detail-body dl{display:grid;grid-template-columns:auto 1fr;gap:var(--ui-space-2) var(--ui-space-8);margin:0 0 var(--ui-space-12);font-size:var(--ui-size-md)}.browser-detail-body dt{color:var(--ui-text-muted)}.browser-detail-body dd{margin:0;overflow-wrap:anywhere}.browser-detail-body .browser-preview{max-height:8rem}