:root{--sg-sidebar-width:272px;--sg-inspector-width:272px;--sg-composer-max:800px}:root[data-density=compact]{--sg-sidebar-width:248px;--sg-inspector-width:248px}body{overflow:hidden}.sg-login{min-height:100svh;padding:var(--space-4);background:linear-gradient(to bottom right, var(--color-bg-canvas), var(--color-bg-subtle));place-items:center;display:grid}.sg-login-card{width:min(100%,420px);padding:var(--space-8);gap:var(--space-6);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-panel-radius);box-shadow:var(--shadow-floating);display:grid}.sg-brand-mark{width:var(--control-size-xl);height:var(--control-size-xl);color:var(--color-action-on-primary);background:var(--color-action-primary);border-radius:var(--component-shape-group-radius);font-size:var(--type-size-18);font-weight:var(--type-weight-bold);place-items:center;display:grid}.sg-login-heading{gap:var(--space-2);display:grid}.sg-login-heading h1{font-size:var(--type-size-28);line-height:var(--type-line-36);margin:0}.sg-login-heading p,.sg-login-note{color:var(--color-text-secondary);margin:0}.sg-login-note{font-size:var(--type-size-11)}.sg-login-form{gap:var(--space-4);display:grid}.sg-app{grid-template-columns:var(--sg-sidebar-width) minmax(0, 1fr) var(--sg-inspector-width);background:var(--color-bg-canvas);height:100svh;display:grid;overflow:hidden}.sg-mobile-scrim{display:none}.sg-sidebar,.sg-inspector{background:var(--color-bg-subtle);min-width:0;overflow:hidden}.sg-sidebar{border-right:var(--border-width-thin) solid var(--color-border-default);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.sg-sidebar-header,.sg-sidebar-search,.sg-sidebar-footer,.sg-inspector-header,.sg-inspector-body{padding:var(--space-3)}.sg-sidebar-header,.sg-sidebar-footer,.sg-inspector-header{align-items:center;gap:var(--space-2);display:flex}.sg-sidebar-header{min-height:var(--space-16);justify-content:space-between}.sg-brand{align-items:center;gap:var(--space-2);min-width:0;display:flex}.sg-brand .sg-brand-mark{width:var(--control-size-sm);height:var(--control-size-sm);font-size:var(--type-size-13)}.sg-brand strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sg-icon-button{width:var(--component-control-height);min-width:var(--component-control-height);padding:0}.sg-sidebar-search .f-input{background:var(--color-bg-canvas)}.sg-chat-list{padding:0 var(--space-2) var(--space-4);margin:0;list-style:none;overflow-y:auto}.sg-chat-row{align-items:center;gap:var(--space-1);border-radius:var(--component-navigation-radius);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.sg-chat-row:hover{background:var(--color-state-hover)}.sg-chat-row.is-current{background:var(--component-navigation-current-background);box-shadow:inset var(--component-navigation-indicator-width) 0 var(--color-action-primary)}.sg-chat-select{min-width:0;min-height:var(--component-sidebar-item-height);padding:0 var(--space-2);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0}.sg-chat-select strong{color:var(--color-text-primary);font-size:var(--type-size-12);font-weight:var(--type-weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sg-chat-select small{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.sg-chat-actions{padding-right:var(--space-1);opacity:0;display:flex}.sg-chat-row:hover .sg-chat-actions,.sg-chat-row:focus-within .sg-chat-actions,.sg-chat-row.is-current .sg-chat-actions{opacity:1}.sg-chat-actions button{width:var(--control-size-xs);height:var(--control-size-xs);color:var(--color-text-secondary);border-radius:var(--component-button-radius);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sg-chat-actions button:hover{color:var(--color-text-primary);background:var(--color-state-hover)}.sg-rename-input{width:100%;height:var(--control-size-sm);padding:0 var(--space-2);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--component-field-border-width) solid var(--component-field-border-color);border-radius:var(--component-field-radius)}.sg-sidebar-footer{border-top:var(--border-width-thin) solid var(--color-border-default)}.sg-sidebar-footer .f-button{flex:1}.sg-main{background:var(--color-bg-surface);grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.sg-topbar{min-height:var(--space-16);padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.sg-topbar-title{min-width:0}.sg-topbar-title strong,.sg-topbar-title span{display:block}.sg-topbar-title strong{font-size:var(--type-size-13);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sg-topbar-title span{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.sg-mobile-button{display:none}.sg-conversation{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.sg-messages{min-height:0;padding:var(--space-8) max(var(--space-4), calc((100% - var(--sg-composer-max)) / 2));gap:var(--space-6);scroll-behavior:smooth;flex-direction:column;display:flex;overflow-y:auto}.sg-message{width:min(100%, var(--sg-composer-max));gap:var(--space-2);display:grid}.sg-message--user{width:min(82%,680px);margin-left:auto}.sg-message-label{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--type-size-10);display:flex}.sg-message-body{overflow-wrap:anywhere;min-width:0}.sg-message--user .sg-message-body{padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-editorial-radius)}.sg-markdown{font-size:var(--type-size-14);line-height:var(--type-line-24)}.sg-markdown>:first-child{margin-top:0}.sg-markdown>:last-child{margin-bottom:0}.sg-markdown pre{max-width:100%;padding:var(--space-3);color:var(--color-text-primary);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);font-size:var(--type-size-12);overflow-x:auto}.sg-markdown code:not(pre code){padding:var(--space-0-5) var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-xs)}.sg-markdown a{color:var(--color-action-primary);text-underline-offset:var(--space-0-5);text-decoration:underline}.sg-markdown table{border-collapse:collapse;width:100%}.sg-markdown th,.sg-markdown td{padding:var(--space-2);border:var(--border-width-thin) solid var(--color-border-default);text-align:left}.sg-message-meta{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.sg-tool-event{margin:var(--space-2) 0;padding:var(--space-3);gap:var(--space-2);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);font-size:var(--type-size-12);display:grid}.sg-tool-event.is-memory{color:var(--color-status-success);background:var(--color-status-success-subtle);border-color:var(--color-status-success)}.sg-tool-event.is-approval{color:var(--color-status-warning);background:var(--color-status-warning-subtle);border-color:var(--color-status-warning)}.sg-tool-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.sg-thinking{min-height:var(--space-6);align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--type-size-11);display:inline-flex}.sg-empty{place-content:center;justify-items:center;gap:var(--space-3);min-height:100%;color:var(--color-text-secondary);text-align:center;display:grid}.sg-empty h2,.sg-empty p{margin:0}.sg-empty h2{color:var(--color-text-primary);font-size:var(--type-size-22);line-height:var(--type-line-30)}.sg-empty p{max-width:460px}.sg-starters{margin-top:var(--space-3);justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sg-composer-wrap{padding:var(--space-3) max(var(--space-4), calc((100% - var(--sg-composer-max)) / 2)) max(var(--space-3), env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--color-bg-surface) var(--space-5))}.sg-composer{width:min(100%, var(--sg-composer-max));padding:var(--space-2);gap:var(--space-2);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-shape-editorial-radius);box-shadow:var(--shadow-floating);margin:0 auto;display:grid}.sg-composer textarea,.sg-textarea{width:100%;min-height:var(--space-16);padding:var(--space-2);resize:vertical;color:var(--color-text-primary);background:0 0;border:0}.sg-composer textarea::placeholder,.sg-textarea::placeholder{color:var(--color-text-tertiary)}.sg-composer-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sg-thinking-modes{gap:var(--space-1);display:flex}.sg-thinking-modes .f-button{padding-inline:var(--space-2)}.sg-inspector{border-left:var(--border-width-thin) solid var(--color-border-default);grid-template-rows:auto minmax(0,1fr);display:grid}.sg-inspector-header{min-height:var(--space-16);border-bottom:var(--border-width-thin) solid var(--color-border-default);justify-content:space-between}.sg-inspector-body{align-content:start;gap:var(--space-5);display:grid;overflow-y:auto}.sg-inspector-section{gap:var(--space-2);display:grid}.sg-inspector-section h3{font-size:var(--type-size-11);letter-spacing:.06em;text-transform:uppercase;margin:0}.sg-stat-list{gap:var(--space-2);margin:0;display:grid}.sg-stat-list div{justify-content:space-between;gap:var(--space-3);display:flex}.sg-stat-list dt{color:var(--color-text-tertiary)}.sg-stat-list dd{text-align:right;margin:0}.sg-tool-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sg-tool-list li{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--type-size-11);display:flex}.sg-tool-list i{width:var(--space-1-5);height:var(--space-1-5);background:var(--color-status-success);border-radius:var(--component-shape-pill-radius)}.sg-panel-overlay{background:color-mix(in srgb, var(--color-bg-inverse) 36%, transparent);z-index:80;position:fixed;inset:0}.sg-settings{background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-dialog-radius);width:min(100%,920px);height:min(90svh,760px);box-shadow:var(--component-dialog-shadow);z-index:81;grid-template-columns:216px minmax(0,1fr);display:grid;position:fixed;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%)}.sg-settings-nav{padding:var(--space-4);gap:var(--space-1);background:var(--color-bg-subtle);border-right:var(--border-width-thin) solid var(--color-border-default);flex-direction:column;display:flex}.sg-settings-nav h2{margin:0 0 var(--space-4);font-size:var(--type-size-16)}.sg-settings-nav button{min-height:var(--component-sidebar-item-height);padding:0 var(--space-3);color:var(--color-text-secondary);border:var(--border-width-thin) solid transparent;border-radius:var(--component-navigation-radius);text-align:left;cursor:pointer;background:0 0}.sg-settings-nav button:hover{background:var(--color-state-hover)}.sg-settings-nav button[aria-current=page]{color:var(--color-text-primary);background:var(--component-navigation-current-background);border-color:var(--component-navigation-current-border)}.sg-settings-content{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.sg-settings-header{min-height:var(--space-16);padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex}.sg-settings-header h2{font-size:var(--type-size-16);margin:0}.sg-settings-page{padding:var(--space-5);align-content:start;gap:var(--space-5);display:grid;overflow-y:auto}.sg-form-grid{gap:var(--space-4);display:grid}.sg-form-section{padding-bottom:var(--space-5);gap:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:grid}.sg-form-section:last-child{border-bottom:0}.sg-form-section h3,.sg-form-section p{margin:0}.sg-form-section h3{font-size:var(--type-size-13)}.sg-form-section p{color:var(--color-text-secondary);font-size:var(--type-size-12)}.sg-textarea-field{gap:var(--space-1-5);display:grid}.sg-textarea-field>span{font-size:var(--type-size-11);font-weight:var(--type-weight-semibold)}.sg-textarea{min-height:112px;padding:var(--space-3);background:var(--color-bg-surface);border:var(--component-field-border-width) solid var(--component-field-border-color);border-radius:var(--component-field-radius)}.sg-memory-toolbar{gap:var(--space-2);display:flex}.sg-memory-toolbar .f-field{flex:1}.sg-memory-list{gap:var(--space-3);display:grid}.sg-memory-card{padding:var(--space-3);gap:var(--space-2);background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);display:grid}.sg-memory-card-header,.sg-memory-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sg-memory-card code{color:var(--color-text-tertiary);font-size:var(--type-size-10)}.sg-memory-card p{color:var(--color-text-primary);margin:0}.sg-memory-card-footer{justify-content:flex-end}.sg-segmented{width:fit-content;padding:var(--space-1);gap:var(--space-1);background:var(--color-bg-subtle);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--component-shape-group-radius);display:flex}.sg-status{min-height:var(--space-5);color:var(--color-text-secondary);font-size:var(--type-size-11)}.sg-dialog-backdrop{padding:var(--space-4);background:color-mix(in srgb, var(--color-bg-inverse) 36%, transparent);z-index:120;place-items:center;display:grid;position:fixed;inset:0}.sg-dialog{width:min(100%,440px);padding:var(--space-5);gap:var(--space-3);background:var(--color-bg-elevated);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--component-dialog-radius);box-shadow:var(--component-dialog-shadow);display:grid}.sg-dialog h2,.sg-dialog p{margin:0}.sg-dialog p{color:var(--color-text-secondary)}.sg-dialog-actions{margin-top:var(--space-2);justify-content:flex-end;gap:var(--space-2);display:flex}@media (max-width:1080px){.sg-app{grid-template-columns:var(--sg-sidebar-width) minmax(0, 1fr)}.sg-inspector{display:none}}@media (max-width:720px){:root{--sg-composer-max:100%}.sg-app{grid-template-columns:minmax(0,1fr)}.sg-sidebar{width:min(86vw, var(--sg-sidebar-width));box-shadow:var(--shadow-floating);transition:transform var(--motion-duration-normal) var(--motion-ease-standard);z-index:70;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sg-app.is-sidebar-open .sg-sidebar{transform:translate(0)}.sg-mobile-scrim{background:color-mix(in srgb, var(--color-bg-inverse) 36%, transparent);z-index:69;display:none;position:fixed;inset:0}.sg-app.is-sidebar-open .sg-mobile-scrim{display:block}.sg-mobile-button{display:inline-flex}.sg-messages{padding:var(--space-5) var(--space-3)}.sg-message--user{width:92%}.sg-composer-wrap{padding-inline:var(--space-2)}.sg-thinking-modes .f-button>span{font-size:var(--type-size-10)}.sg-settings{border:0;border-radius:0;grid-template-columns:1fr;width:100%;height:100svh;inset:0;transform:none}.sg-settings-nav{padding:var(--space-2);border-right:0;border-bottom:var(--border-width-thin) solid var(--color-border-default);flex-direction:row;overflow-x:auto}.sg-settings-nav h2{display:none}.sg-settings-nav button{flex:none}.sg-settings-content{min-height:0}}@media (max-width:380px){.sg-topbar{padding-inline:var(--space-2)}.sg-topbar .f-button:not(.sg-mobile-button){display:none}.sg-thinking-modes .f-button{min-width:var(--control-size-sm)}.sg-thinking-modes .f-button>span{text-overflow:clip;max-width:34px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.sg-sidebar,.sg-messages{scroll-behavior:auto;transition-duration:var(--motion-duration-reduced)}}