@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --bg:#030303;
  --panel:#070707;
  --panel-2:#0b0b0b;
  --panel-3:#111;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.2);
  --text:#f6f6f3;
  --muted:rgba(255,255,255,.58);
  --soft:rgba(255,255,255,.36);
  --left-width:272px;
  --left-compact:78px;
  --right-width:330px;
  --right-compact:54px;
  --topbar-height:88px;
  --radius:14px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}
button,input,textarea{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
svg{display:block;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;overflow:hidden}
.sr-skip{position:fixed;top:-80px;left:16px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.sr-skip:focus{top:16px}

.workspace-shell{height:100dvh;display:grid;grid-template-columns:var(--left-width) minmax(0,1fr) var(--right-width);background:radial-gradient(circle at 62% 35%,rgba(255,255,255,.025),transparent 35%),#030303;transition:grid-template-columns .42s var(--ease)}
.workspace-shell.left-collapsed{grid-template-columns:var(--left-compact) minmax(0,1fr) var(--right-width)}
.workspace-shell.right-collapsed{grid-template-columns:var(--left-width) minmax(0,1fr) var(--right-compact)}
.workspace-shell.left-collapsed.right-collapsed{grid-template-columns:var(--left-compact) minmax(0,1fr) var(--right-compact)}

.icon-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:#0b0b0b;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.icon-button:hover{background:#151515;border-color:var(--line-strong)}
.icon-button:active{transform:scale(.96)}

/* left sidebar */
.left-sidebar{position:relative;min-width:0;height:100dvh;border-right:1px solid var(--line);background:rgba(4,4,4,.96);padding:20px 16px 14px;display:flex;flex-direction:column;gap:18px;overflow:hidden;z-index:30;transition:padding .42s var(--ease)}
.sidebar-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}
.app-brand{display:flex;align-items:center;gap:11px;min-width:0;white-space:nowrap;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:24px;letter-spacing:-.03em}
.brand-shield{width:34px;height:34px;flex:0 0 auto}
.sidebar-collapse{flex:0 0 auto}
.collapse-closed{display:none}
.new-chat-button{height:52px;border:1px solid var(--line);background:#101010;border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:12px;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.new-chat-button:hover{background:#161616;border-color:var(--line-strong);transform:translateY(-1px)}
.new-chat-button svg{width:23px;height:23px;flex:0 0 auto}.new-chat-button span{font-weight:600}.new-chat-button kbd{margin-left:auto;color:var(--muted);font-size:12px;background:none;border:0}
.workspace-nav{display:grid;gap:5px}
.workspace-nav-item{height:47px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:14px;padding:0 13px;cursor:pointer;white-space:nowrap;text-align:left;transition:background .2s,color .2s}
.workspace-nav-item svg{width:23px;height:23px;flex:0 0 auto}.workspace-nav-item span{font-size:15px}.workspace-nav-item:hover{background:#101010;color:#fff}.workspace-nav-item.active{background:linear-gradient(90deg,#161616,#101010);color:#fff}
.recent-section{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;padding:2px 4px 0}
.recent-label{font-size:12px;color:var(--soft);margin:5px 8px 7px;text-transform:uppercase;letter-spacing:.1em}
.recent-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#303030 transparent;padding-right:4px}
.recent-chat{width:100%;border:0;background:transparent;color:#d7d7d7;border-radius:8px;padding:10px 9px;text-align:left;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.recent-chat:hover,.recent-chat.active{background:#101010;color:#fff}
.sidebar-account{position:relative;border-top:1px solid var(--line);padding-top:13px}
.account-button{width:100%;height:54px;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;border-radius:10px;padding:5px 7px}
.account-button:hover{background:#0d0d0d}.avatar{width:36px;height:36px;border-radius:50%;background:#262626;display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 auto}.account-copy{min-width:0;display:grid;gap:2px}.account-copy strong{font-size:13px}.account-copy small{font-size:11px;color:var(--muted)}.account-button>svg{margin-left:auto;width:17px;height:17px}
.account-popover{position:absolute;left:0;right:0;bottom:66px;padding:6px;background:#111;border:1px solid var(--line);border-radius:11px;box-shadow:0 20px 55px rgba(0,0,0,.55);z-index:50}.account-popover a,.account-popover button{display:block;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:10px;border-radius:7px;cursor:pointer;font-size:12px}.account-popover a:hover,.account-popover button:hover{background:#1a1a1a}

.workspace-shell.left-collapsed .left-sidebar{padding-inline:12px}
.workspace-shell.left-collapsed .app-brand span,
.workspace-shell.left-collapsed .new-chat-button span,
.workspace-shell.left-collapsed .new-chat-button kbd,
.workspace-shell.left-collapsed .workspace-nav-item span,
.workspace-shell.left-collapsed .recent-section,
.workspace-shell.left-collapsed .account-copy,
.workspace-shell.left-collapsed .account-button>svg{display:none}
.workspace-shell.left-collapsed .sidebar-topline{justify-content:center;flex-direction:column;gap:8px}
.workspace-shell.left-collapsed .app-brand{justify-content:center}
.workspace-shell.left-collapsed .new-chat-button,.workspace-shell.left-collapsed .workspace-nav-item,.workspace-shell.left-collapsed .account-button{justify-content:center;padding:0}
.workspace-shell.left-collapsed .new-chat-button{width:52px;align-self:center}
.workspace-shell.left-collapsed .workspace-nav-item{width:52px;margin-inline:auto}
.workspace-shell.left-collapsed .sidebar-account{margin-top:auto}.workspace-shell.left-collapsed .account-button{width:52px;margin:auto}
.workspace-shell.left-collapsed .collapse-open{display:none}.workspace-shell.left-collapsed .collapse-closed{display:block}
.workspace-shell.left-collapsed .account-popover{left:58px;right:auto;width:190px;bottom:2px}

/* main */
.workspace-main{min-width:0;height:100dvh;display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr);overflow:hidden}
.workspace-topbar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 36px;min-width:0}
.workspace-search{width:min(392px,43vw);height:44px;border:1px solid var(--line);border-radius:10px;background:#080808;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--muted)}
.workspace-search svg{width:19px;height:19px;flex:0 0 auto}.workspace-search input{border:0;outline:0;background:transparent;color:#fff;min-width:0;flex:1;font-size:13px}.workspace-search input::placeholder{color:var(--muted)}.workspace-search kbd{font-size:11px;color:var(--soft);background:none;border:0;white-space:nowrap}
.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.credit-pill{height:42px;border:1px solid var(--line);background:#080808;border-radius:10px;padding:0 15px;display:flex;align-items:center;gap:9px;cursor:pointer}.credit-pill:hover{border-color:var(--line-strong)}.credit-pill svg{width:18px;height:18px}.credit-pill span{font-size:13px;font-weight:600;white-space:nowrap}
.notification-button{border-color:transparent;background:transparent;position:relative}.notification-button i{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#fff}
.mobile-panel-button{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#0b0b0b;place-items:center;padding:0}.mobile-panel-button svg{width:20px;height:20px}
.view-stack{min-height:0;overflow:hidden}
.workspace-view{height:100%;display:none;overflow:auto}.workspace-view.active{display:flex;flex-direction:column}
.workspace-heading{padding:28px 36px 10px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.workspace-heading h1,.utility-heading h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.045em;font-size:clamp(46px,4.7vw,74px);line-height:.9;margin:0 0 9px}.workspace-heading p,.utility-heading p{margin:0;color:var(--muted);font-size:14px}
.chat-stage{flex:1;min-height:0;overflow:auto;padding:10px 36px 20px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#303030 transparent}
.chat-inner{width:min(920px,100%);margin:0 auto;display:grid;gap:18px;padding:8px 0 22px}
.chat-empty{min-height:50vh;display:grid;place-items:center;text-align:center}.chat-empty h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:52px;line-height:1;margin:0 0 12px;font-weight:500}.chat-empty p{color:var(--muted);margin:0}.prompt-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}.prompt-chips button{border:1px solid var(--line);background:#0a0a0a;border-radius:999px;color:#ddd;padding:10px 14px;cursor:pointer;font-size:12px}.prompt-chips button:hover{background:#121212;border-color:var(--line-strong)}
.message-row{display:flex;gap:12px;align-items:flex-start}.message-row.user{justify-content:flex-end}.message-row.user .message-bubble{max-width:min(620px,82%);background:#171717;border:1px solid var(--line);border-radius:12px;padding:14px 17px}.message-row.assistant .message-bubble{max-width:min(760px,90%);background:linear-gradient(145deg,#111,#0b0b0b);border:1px solid var(--line);border-radius:12px;padding:17px 20px}.message-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);flex:0 0 auto;background:#080808}.message-avatar svg{width:22px;height:22px}.message-avatar.user-avatar{background:#242424;border:0;font-size:11px;font-weight:700}.message-content{font-size:13.5px;line-height:1.65;color:#e7e7e7;white-space:pre-wrap;overflow-wrap:anywhere}.message-content p{margin:0 0 10px}.message-content p:last-child{margin-bottom:0}.message-content strong{color:#fff}.message-content ul,.message-content ol{margin:8px 0;padding-left:21px}.message-actions{display:flex;gap:6px;margin-top:12px}.message-actions button{border:0;background:transparent;color:var(--muted);padding:5px;cursor:pointer;border-radius:6px}.message-actions button:hover{color:#fff;background:#1a1a1a}.message-actions svg{width:16px;height:16px}.typing-dots{display:flex;gap:5px;padding:4px 0}.typing-dots i{width:6px;height:6px;border-radius:50%;background:#aaa;animation:bounce 1.1s infinite}.typing-dots i:nth-child(2){animation-delay:.12s}.typing-dots i:nth-child(3){animation-delay:.24s}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.compact-messages .chat-inner{gap:10px}.compact-messages .message-row.assistant .message-bubble,.compact-messages .message-row.user .message-bubble{padding-block:11px}
.composer-wrap{padding:0 36px 16px}.composer{width:min(920px,100%);margin:0 auto;min-height:62px;border:1px solid var(--line);border-radius:12px;background:#080808;display:flex;align-items:flex-end;gap:10px;padding:10px 10px 10px 12px;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(255,255,255,.035)}.composer textarea{resize:none;min-height:40px;max-height:160px;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:10px 0;font-size:14px;line-height:1.45}.composer textarea::placeholder{color:var(--muted)}.composer-tool{width:38px;height:38px;border:0;background:transparent;color:#eee;display:grid;place-items:center;cursor:pointer;border-radius:9px}.composer-tool:hover{background:#151515}.send-button{width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;transition:transform .2s,opacity .2s}.send-button:hover{transform:translateY(-1px)}.send-button:disabled{opacity:.3;cursor:not-allowed}.workspace-disclaimer{text-align:center;color:var(--soft);font-size:10px;margin:9px 0 0}.attachment-preview{width:min(920px,100%);margin:0 auto 8px;display:flex;gap:8px;flex-wrap:wrap}.attachment-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0b0b0b;border-radius:9px;padding:8px 10px;font-size:11px;color:#ddd}.attachment-chip button{border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer}.attachment-chip button:hover{color:#fff}

/* utility views */
.utility-heading{padding:44px 40px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.utility-heading>div>span{font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.16em}.utility-heading h1{font-size:64px;margin-top:10px}.solid-button,.outline-button{min-height:42px;border-radius:9px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer}.solid-button{border:1px solid #fff;background:#fff;color:#000}.outline-button{border:1px solid var(--line);background:transparent;color:#fff}.solid-button:hover{background:#e8e8e8}.outline-button:hover{background:#121212;border-color:var(--line-strong)}
.project-grid,.billing-dashboard-grid{padding:28px 40px 50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card,.utility-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#101010,#080808);padding:20px;min-height:180px}.project-card{display:flex;flex-direction:column;gap:12px}.project-card-top{display:flex;justify-content:space-between;gap:12px}.project-card h2,.utility-card h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;line-height:1;margin:0;font-weight:500}.project-card p,.utility-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.project-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--soft);font-size:10px}.project-card footer button{border:0;background:transparent;color:var(--muted);cursor:pointer}.empty-card{border-style:dashed;display:grid;place-items:center;text-align:center;color:var(--muted);cursor:pointer}.empty-card:hover{border-color:var(--line-strong);background:#0c0c0c}
.file-dropzone{margin:28px 40px 18px;min-height:180px;border:1px dashed var(--line-strong);border-radius:13px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);cursor:pointer;background:#070707}.file-dropzone:hover,.file-dropzone.dragging{background:#0d0d0d;border-color:rgba(255,255,255,.35)}.file-dropzone svg{width:30px;height:30px;color:#fff}.file-dropzone strong{color:#fff}.file-dropzone span{font-size:11px}.file-list{padding:0 40px 50px;display:grid;gap:8px}.file-row{border:1px solid var(--line);background:#090909;border-radius:10px;padding:13px 14px;display:flex;align-items:center;gap:12px}.file-row>svg{width:20px;height:20px}.file-row>span{min-width:0;flex:1}.file-row strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row small{color:var(--muted);font-size:10px}.file-row button{border:0;background:transparent;color:var(--muted);cursor:pointer}.file-row button:hover{color:#fff}
.billing-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-large{grid-column:span 3;min-height:230px}.utility-label{font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.14em}.utility-card h2{font-size:42px;margin:18px 0 10px}.usage-line{display:flex;align-items:baseline;gap:8px;margin:24px 0 10px}.usage-line strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:58px;font-weight:500}.usage-line span{color:var(--muted);font-size:12px}.utility-card .outline-button{margin-top:20px;width:100%}
.settings-list{padding:28px 40px 50px;display:grid;gap:10px;max-width:900px}.setting-row,.danger-row{min-height:74px;border:1px solid var(--line);background:#080808;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row span,.danger-row span{display:grid;gap:5px}.setting-row strong,.danger-row strong{font-size:13px}.setting-row small,.danger-row small{color:var(--muted);font-size:11px}.setting-row input{position:absolute;opacity:0}.setting-row i{width:42px;height:24px;border-radius:999px;background:#252525;position:relative;cursor:pointer;transition:background .2s}.setting-row i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#aaa;left:3px;top:3px;transition:transform .2s,background .2s}.setting-row input:checked+i{background:#fff}.setting-row input:checked+i:after{transform:translateX(18px);background:#000}.danger-row{width:100%;text-align:left;color:#fff;cursor:pointer}.danger-row>svg{color:#d7d7d7}.danger-row:hover{border-color:rgba(255,255,255,.25);background:#0d0d0d}

/* right sidebar */
.right-sidebar{position:relative;min-width:0;height:100dvh;border-left:1px solid var(--line);background:rgba(4,4,4,.97);padding:112px 18px 18px;overflow:hidden;z-index:30;transition:padding .42s var(--ease)}
.right-collapse{position:absolute;left:50%;top:22px;transform:translateX(-50%);z-index:2}.right-collapse:active{transform:translateX(-50%) scale(.96)}
.right-sidebar-inner{display:grid;gap:14px;opacity:1;transition:opacity .2s;width:100%}
.side-card{border:1px solid var(--line);background:linear-gradient(145deg,#101010,#080808);border-radius:13px;padding:18px}.side-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.side-card-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1;margin:0;font-weight:500}.side-card-head button,.side-card-head span{border:0;background:transparent;color:var(--muted);font-size:10px;padding:0;cursor:pointer}.side-card-head button:hover{color:#fff}.usage-number{display:flex;align-items:baseline;gap:6px}.usage-number strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:42px;font-weight:500}.usage-number span{font-size:11px;color:var(--muted)}.usage-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:4px 0 10px}.usage-track{height:8px;background:#020202;border:1px solid var(--line);border-radius:999px;overflow:hidden}.usage-track i{display:block;height:100%;width:0;background:#f3f3f3;border-radius:inherit;transition:width .35s var(--ease)}.plan-row{display:flex;align-items:end;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.plan-row span{display:grid;gap:5px}.plan-row small{color:var(--muted);font-size:10px}.plan-row strong{font-size:12px}.plan-row a{border:1px solid var(--line);border-radius:7px;padding:7px 9px;font-size:10px}.plan-row a:hover{background:#151515}
.model-select{width:100%;min-height:65px;border:1px solid var(--line);border-radius:10px;background:#101010;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;align-items:center;text-align:left;cursor:pointer}.model-select:hover{border-color:var(--line-strong)}.model-icon{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.model-icon svg{width:18px;height:18px}.model-select>span:nth-child(2){display:grid;gap:2px}.model-select strong{font-size:11px}.model-select small{color:var(--muted);font-size:9px}.model-select>svg{width:15px;height:15px;transform:rotate(90deg)}.model-menu{margin-top:8px;border:1px solid var(--line);border-radius:10px;background:#111;padding:5px}.model-menu button{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:9px;border-radius:7px;cursor:pointer;font-size:11px}.model-menu button:hover{background:#1a1a1a}.model-menu small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.activity-list{display:grid;gap:2px}.activity-item{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0;display:grid;grid-template-columns:18px 1fr;gap:9px}.activity-item:last-child{border-bottom:0}.activity-item svg{width:16px;height:16px;color:#ccc}.activity-item strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item small{color:var(--soft);font-size:8px}.activity-empty{color:var(--muted);font-size:10px;padding:6px 0}
.workspace-shell.right-collapsed .right-sidebar{padding:80px 8px 12px}.workspace-shell.right-collapsed .right-sidebar-inner{opacity:0;pointer-events:none}.workspace-shell.right-collapsed .right-collapse .collapse-open{display:none}.workspace-shell.right-collapsed .right-collapse .collapse-closed{display:block}

/* overlays, dialog, toast */
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);z-index:80}.toast-region{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:8px}.toast{max-width:360px;background:#fff;color:#080808;border-radius:10px;padding:12px 14px;font-size:12px;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:toastIn .3s var(--ease)}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.workspace-dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--line-strong);border-radius:14px;background:#0b0b0b;color:#fff;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.8)}.workspace-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.workspace-dialog form{padding:22px;display:grid;gap:17px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head span{color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.dialog-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-weight:500;margin:5px 0 0}.workspace-dialog label{display:grid;gap:7px;font-size:11px;color:var(--muted)}.workspace-dialog input,.workspace-dialog textarea{border:1px solid var(--line);background:#050505;color:#fff;border-radius:9px;padding:12px;outline:0}.workspace-dialog input:focus,.workspace-dialog textarea:focus{border-color:var(--line-strong)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}

body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

@media(max-width:1180px){
  :root{--right-width:292px}
  .workspace-heading{padding-inline:28px}.chat-stage{padding-inline:28px}.composer-wrap{padding-inline:28px}.workspace-topbar{padding-inline:28px}
}

@media(max-width:980px){
  .workspace-shell,.workspace-shell.left-collapsed,.workspace-shell.right-collapsed,.workspace-shell.left-collapsed.right-collapsed{grid-template-columns:1fr}
  .left-sidebar,.right-sidebar{position:fixed;top:0;bottom:0;width:min(310px,86vw);height:100dvh;z-index:90;transition:transform .35s var(--ease);box-shadow:0 0 70px rgba(0,0,0,.65)}
  .left-sidebar{left:0;transform:translateX(-105%)}.right-sidebar{right:0;transform:translateX(105%);padding-top:82px}
  .workspace-shell.mobile-left-open .left-sidebar{transform:none}.workspace-shell.mobile-right-open .right-sidebar{transform:none}
  .sidebar-collapse{display:none}.mobile-panel-button{display:grid}.workspace-topbar{padding-inline:18px}.workspace-search{width:min(520px,100%)}
  .workspace-main{grid-column:1}.project-grid,.billing-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-large{grid-column:span 2}
}

@media(max-width:680px){
  :root{--topbar-height:72px}
  .workspace-topbar{gap:9px}.workspace-search kbd{display:none}.workspace-search{height:42px;padding-inline:11px}.credit-pill{padding:0 10px}.credit-pill span{display:none}.notification-button{display:none}
  .workspace-heading{padding:24px 18px 8px}.workspace-heading h1{font-size:48px}.chat-stage{padding:8px 18px 18px}.composer-wrap{padding:0 18px 12px}.message-row.assistant .message-bubble{max-width:calc(100% - 46px)}.message-row.user .message-bubble{max-width:88%}.message-avatar{width:32px;height:32px}
  .utility-heading{padding:28px 20px 22px;align-items:flex-start;flex-direction:column}.utility-heading h1{font-size:50px}.project-grid,.billing-dashboard-grid{padding:20px;grid-template-columns:1fr}.billing-large{grid-column:span 1}.file-dropzone{margin:20px}.file-list,.settings-list{padding:0 20px 36px}.settings-list{padding-top:20px}.chat-empty h2{font-size:40px}.prompt-chips{gap:6px}.prompt-chips button{font-size:10px;padding:8px 10px}
}

@media(max-width:680px){
  .workspace-heading h1{font-size:44px;line-height:.88;max-width:280px}
}