@font-face{font-family:Anthropic Sans;src:local(Arial);font-style:normal;font-weight:300 800;font-display:swap}:root{color:var(--ink);background:var(--bg);font-synthesis:none;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sidebar-width:288px;--page-width:832px;--bg:#fff;--surface:#fff;--surface-2:#fafaf9;--sidebar:#fafaf9;--faint:#efefed;--hover:#f1f1ef;--hover-strong:#ececea;--active:#e7e7e4;--line:#dfdedb;--line-strong:#cfceca;--ink:#191917;--secondary:#5d5c57;--muted:#92918b;--faint-ink:#a2a19b;--disabled-ink:#b4b3ad;--invert-bg:#151514;--invert-bg-hover:#343431;--invert-ink:#fff;--clay:#da7756;--blue:#1776da;--link:#1b5fac;--ok:#2f8f5b;--danger:#b23a31;--danger-bg:#fbeceb;--danger-line:#e3c2bf;--notice-bg:#fbf0ea;--overlay:#1a191757;--overlay-page:#ffffffd1;--shadow:0 13px 32px #1c1b1824, 0 2px 6px #1c1b1814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Anthropic Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#262624;--surface:#30302e;--surface-2:#222220;--sidebar:#1f1e1d;--faint:#353432;--hover:#3a3937;--hover-strong:#43423f;--active:#4b4a46;--line:#3c3b38;--line-strong:#55534d;--ink:#f3f2ed;--secondary:#c4c2b8;--muted:#9b998f;--faint-ink:#86847c;--disabled-ink:#6b6961;--invert-bg:#f3f2ed;--invert-bg-hover:#d9d8d1;--invert-ink:#1c1b19;--clay:#d97757;--blue:#4a9eff;--link:#7bb6ff;--ok:#56b87f;--danger:#ef8279;--danger-bg:#3a2724;--danger-line:#6d3f39;--notice-bg:#38291f;--overlay:#0000008c;--overlay-page:#1c1b18d1;--shadow:0 13px 32px #00000073, 0 2px 6px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-size:14px;overflow:hidden}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.icon{flex:none;display:block}.app-shell{background:var(--bg);width:100%;min-width:0;height:100%;display:flex}.main-pane{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.experience-bar{z-index:12;border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);height:34px;color:var(--secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 12px;font-size:12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1c1b1814}.experience-bar a{color:var(--ink);font-weight:650;text-decoration:none}.experience-bar span{background:var(--notice-bg);color:var(--clay);border-radius:999px;padding:4px 8px}.sidebar{z-index:20;width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--line);background:var(--sidebar);opacity:1;visibility:visible;flex-direction:column;height:100%;transition:width .18s,min-width .18s,transform .18s,opacity .12s;display:flex;position:relative;overflow:visible}.sidebar.is-collapsed{width:0;min-width:0;transform:translateX(calc(-1 * var(--sidebar-width)));opacity:0;visibility:hidden;pointer-events:none}.sidebar-header{justify-content:space-between;align-items:center;height:91px;padding:23px 16px 10px;display:flex;overflow:hidden}.sidebar-header strong{font-family:var(--serif);letter-spacing:-.045em;font-size:30px;font-weight:600}.sidebar-header>div{gap:8px;display:flex}.bare-icon{width:26px;height:30px;color:var(--secondary);border-radius:7px;place-items:center;display:grid}.bare-icon:hover,.expand-sidebar:hover{background:var(--hover-strong)}.expand-sidebar{z-index:30;width:30px;height:30px;color:var(--secondary);border-radius:7px;place-items:center;display:grid;position:absolute;top:20px;left:18px}.product-switch{background:var(--faint);border-radius:9px;grid-template-columns:1fr 1fr;gap:1px;height:34px;margin:0 8px 17px;padding:2px;display:grid;overflow:hidden}.product-switch button{min-width:0;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.product-switch button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000029}.product-switch .icon{width:18px}.sidebar-nav{gap:3px;margin:0 8px;display:grid;position:relative}.sidebar-nav>button,.sidebar-nav .more-wrap>button{width:100%;height:35px;color:var(--secondary);text-align:left;white-space:nowrap;border-radius:8px;align-items:center;gap:15px;padding:0 11px;font-size:15px;display:flex}.sidebar-nav button:hover,.sidebar-nav button.active{background:var(--hover-strong);color:var(--ink)}.round-icon{background:var(--hover-strong);border-radius:50%;place-items:center;width:23px;height:23px;margin-left:-2px;display:grid}.round-icon .icon{width:19px}.more-wrap{position:relative}.more-menu{width:142px;top:0;left:calc(100% + 4px)}.chat-heading{color:var(--faint-ink);white-space:nowrap;justify-content:space-between;align-items:center;margin:31px 15px 0;display:flex}.chat-heading span{align-items:center;gap:3px;font-size:13px;display:flex}.code-session-empty{color:var(--muted);text-align:center;margin-top:auto;padding:0 24px 12px}.code-session-empty p{white-space:nowrap;margin:0 0 17px;font-size:13px}.pixel-spark{color:var(--line);font-size:72px;line-height:.8;transform:rotate(11deg)}.sidebar-spacer{flex:1;min-height:15px}.design-row{border-top:1px solid var(--line);height:53px;color:var(--secondary);text-align:left;align-items:center;gap:14px;padding:0 17px;font-size:15px;display:flex}.design-row:hover{background:var(--faint)}.slack-banner{background:var(--faint);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;height:44px;margin:0 8px 8px;padding:0 9px;font-size:13px;display:flex}.slack-banner a{color:var(--link);text-underline-offset:3px;margin-left:auto;text-decoration:underline}.slack-banner button{place-items:center;width:24px;display:grid}.profile-row{border-top:1px solid var(--line);height:58px;color:var(--secondary);text-align:left;white-space:nowrap;align-items:center;gap:10px;padding:0 13px;font-size:14px;display:flex}.profile-row>span:nth-child(2){text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.profile-row em{color:var(--muted);font-style:normal}.avatar{background:var(--hover-strong);width:25px;height:25px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.popover{z-index:80;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:6px;position:absolute}.menu-row{text-align:left;white-space:nowrap;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:40px;padding:7px 9px;font-size:15px;display:flex}.menu-row:hover{background:var(--hover)}.menu-row>span{flex:1}.menu-row .selected-check{color:var(--blue)}.popover-divider{background:var(--line);height:1px;margin:3px 8px}.menu-note{color:var(--muted);white-space:normal;margin:0 9px 5px;font-size:12.5px;line-height:1.45}kbd{color:var(--muted);font-family:inherit;font-size:13px}.collection-page{height:100%;padding:57px 32px 80px;overflow-y:auto}.collection-inner{width:min(100%, var(--page-width));min-height:800px;margin:0 auto}.collection-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:72px;display:flex}.collection-header h1{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:30px;font-weight:600;line-height:1.15}.collection-header p{color:var(--muted);margin:10px 0 0;font-size:15px}.header-actions{align-items:center;gap:11px;display:flex}.square-action,.select-action,.black-action,.outline-action{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:34px;font-size:14px;display:flex}.square-action,.select-action,.outline-action{border:1px solid var(--line);background:var(--surface);box-shadow:0 1px 2px #00000014}.square-action{width:34px}.select-action{gap:4px;padding:0 12px}.select-action>span{color:var(--muted)}.select-action .icon,.black-action .icon{margin-left:4px}.black-action{background:var(--invert-bg);color:var(--invert-ink);padding:0 13px}.square-action:hover,.select-action:hover,.outline-action:hover{background:var(--hover)}.black-action:hover{background:var(--invert-bg-hover)}.empty-collection{text-align:center;flex-direction:column;align-items:center;min-height:500px;padding-top:104px;display:flex}.empty-illustration{width:86px;height:86px;color:var(--ink)}.artifact-illustration{width:94px}.empty-collection h2{color:var(--secondary);margin:25px 0 16px;font-size:15px;font-weight:600}.empty-collection p{color:var(--secondary);margin:0;font-size:14px;line-height:1.45}.outline-action{margin-top:18px;padding:0 13px}.artifact-tabs{gap:3px;margin-top:-15px;display:flex}.artifact-tabs button{height:34px;color:var(--muted);border-radius:9px;padding:0 12px;font-size:14px;font-weight:600}.artifact-tabs button.active{background:var(--faint);color:var(--ink)}.artifact-tabs+.empty-collection{padding-top:75px}.scheduled-page .collection-header{min-height:113px}.scheduled-empty{height:244px;color:var(--muted);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.stopwatch-illustration{width:104px;height:104px;color:var(--ink);margin-top:13px}.scheduled-empty p{margin:14px 0 0;font-size:15px}.wave-divider{background:radial-gradient(circle at 5px -1px, transparent 6px, var(--line) 6.5px, var(--line) 7.5px, transparent 8px) 0 0/10px 7px repeat-x;opacity:.95;height:10px;margin-top:1px}.template-grid{grid-template-columns:1fr 1fr;gap:35px 49px;padding:54px 7px 0;display:grid}.template-card{text-align:left;align-items:flex-start;gap:16px;min-width:0;padding:0;display:flex}.template-card:hover strong{text-underline-offset:3px;text-decoration:underline}.template-icon{background:var(--hover);width:38px;height:38px;color:var(--secondary);border-radius:8px;flex:none;place-items:center;display:grid}.template-card>span:last-child{min-width:0}.template-card strong{margin:3px 0 4px;font-size:15px;display:block}.template-card p{min-height:36px;color:var(--secondary);margin:0 0 7px;font-size:14px;line-height:1.45}.template-card small{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.home-page{height:100%;padding:0 24px 60px;position:relative;overflow-y:auto}.beta{z-index:2;background:var(--hover);color:var(--secondary);border-radius:7px;padding:5px 9px;font-size:12px;position:fixed;top:22px;right:22px}.home-center{width:min(100%,674px);margin:0 auto;padding-top:clamp(175px,29vh,295px)}.home-center>h1{font-family:var(--serif);letter-spacing:-.047em;white-space:nowrap;justify-content:center;align-items:center;gap:9px;margin:0 0 40px;font-size:clamp(34px,3.05vw,44px);font-weight:500;line-height:1;display:flex}.claude-mark{color:var(--clay);flex:none}.composer{border:1px solid var(--line);background:var(--surface);border-radius:20px;position:relative;box-shadow:0 10px 27px #1a19170e}.composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;height:76px;padding:17px 20px 8px;font-size:16px;line-height:1.45}.composer textarea::placeholder{color:var(--muted);opacity:1}.composer-row{justify-content:space-between;align-items:center;gap:12px;min-height:51px;padding:3px 17px 12px;display:flex}.composer-left,.composer-right{align-items:center;gap:9px;display:flex}.composer-left{min-width:0}.composer-right>button{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.icon-control{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.icon-control:hover,.icon-control.active,.composer-right>button:hover{background:var(--hover)}.mode-toggle{background:var(--hover);border-radius:8px;align-items:center;padding:2px;display:flex}.mode-toggle button{height:27px;color:var(--muted);border-radius:7px;padding:0 10px;font-size:14px}.mode-toggle button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000002e, inset 0 0 0 1px var(--line)}.model-trigger{border-radius:8px;align-items:center;gap:6px;min-width:0;height:32px;padding:0 7px;display:flex}.model-trigger:hover{background:var(--hover)}.model-trigger strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.model-trigger span{color:var(--muted);flex:none;font-size:14px}.send-button{color:#fff;font-size:18px;background:var(--clay)!important}.menu-anchor{position:relative}.model-menu{width:230px;bottom:calc(100% + 12px);right:0}.add-menu{width:228px;top:calc(100% + 9px);left:0}.cowork-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:43px;padding:8px 18px;display:flex}.context-actions{gap:5px;display:flex}.context-trigger{border-radius:8px;align-items:center;gap:6px;height:29px;padding:0 8px;font-size:14px;display:flex}.context-trigger:hover,.context-trigger.active{background:var(--hover)}.project-menu,.approval-menu{top:calc(100% + 8px);left:0}.project-menu{width:258px}.approval-menu{width:248px}.project-search{height:37px;color:var(--muted);align-items:center;gap:8px;padding:0 8px;display:flex}.project-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:15px}.usage{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.ideas{gap:17px;margin:39px 20px 0;display:grid}.ideas>p{color:var(--muted);margin:0 0 3px;font-size:13px}.ideas button{text-align:left;align-items:center;gap:14px;font-size:15px;display:flex}.ideas button .icon{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:5px;padding:5px}.code-page{height:100%;padding:0 32px 60px;position:relative;overflow-y:auto}.code-setup{text-align:center;width:min(100%,606px);margin:0 auto;padding-top:clamp(120px,18vh,183px)}.code-setup>h1{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:32px;font-weight:500}.code-setup>p{color:var(--secondary);margin:11px 0 38px;font-size:15px}.code-app-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:24px;grid-template-rows:100%;grid-template-columns:47% 53%;height:260px;display:grid;overflow:hidden;box-shadow:0 2px 3px #00000012}.code-card-copy{z-index:2;background:linear-gradient(90deg, var(--surface) 84%, color-mix(in srgb, var(--surface) 70%, transparent), transparent);padding:30px 0 28px 28px;position:relative}.code-card-copy h2{margin:0 0 11px;font-size:17px}.code-card-copy p{color:var(--secondary);margin:0;font-size:17px;line-height:1.46}.download-macos{background:var(--invert-bg);height:38px;color:var(--invert-ink);border-radius:8px;align-items:center;gap:9px;padding:0 15px;font-size:15px;display:flex;position:absolute;bottom:28px;left:28px}.apple{width:18px;height:20px;color:var(--invert-ink);place-items:center;font-size:31px;line-height:1;display:inline-grid;position:relative;overflow:hidden}.apple:after{content:"";background:var(--invert-bg);border-radius:50%;width:7px;height:7px;position:absolute;top:-1px;right:0}.diff-preview{color:#1a1918;background:#fff;border:1px solid #bebdb9;border-radius:9px 0 0;width:344px;height:222px;margin-top:74px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:5.7px;overflow:hidden;box-shadow:-14px 2px 35px #00000014}.diff-top{border-bottom:1px solid #ddd;align-items:center;gap:5px;height:18px;padding:0 7px;display:flex}.diff-top b{color:#299345}.diff-top i{color:#bd504b;font-style:normal}.diff-body{grid-template-columns:35% 65%;height:calc(100% - 18px);display:grid}.file-tree{border-right:1px solid #e2e1de;padding:8px 6px}.file-tree p,.file-tree strong{margin:7px 0;font-weight:400;display:block}.file-tree b{color:#25883d}.code-lines>span{color:#777;height:21px;padding:7px 5px;display:block}.code-lines p{white-space:nowrap;height:9px;margin:0;padding-left:6px;line-height:9px}.code-lines .blue{color:#9c9c9c;background:#e8f2fb}.code-lines .red{color:#b44e46;background:#fae3e1}.code-lines .green{color:#327b39;background:#e8f4e1}.code-lines .syntax{color:#d0547a}.platforms{justify-content:center;gap:8px;margin-top:20px;display:flex}.platforms button{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:14px;align-items:center;gap:8px;height:38px;padding:0 11px;font-size:14px;display:flex}.platforms button:hover{background:var(--hover)}.vscode-logo{color:#1589d4;font-size:23px;transform:rotate(45deg)}.jetbrains-logo{color:#fff;background:linear-gradient(135deg,#f2de00,#ff057a 45%,#121212 46%);place-items:center;width:19px;height:19px;font-size:10px;display:grid}.slack-logo{color:#27b6a0;font-size:24px;line-height:1}@media (width<=980px){:root{--sidebar-width:260px}.collection-page{padding-inline:24px}.collection-header{flex-direction:column}.artifact-tabs{margin-top:7px}.empty-collection{padding-top:72px}.scheduled-page .collection-header{min-height:142px}}@media (width<=720px){.sidebar{width:min(288px,100vw - 46px);min-width:min(288px,100vw - 46px);position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 26px #0000001f}.sidebar.is-collapsed{width:min(288px,100vw - 46px);min-width:min(288px,100vw - 46px)}.home-page{padding-inline:16px}.home-center{padding-top:24vh}.home-center>h1{white-space:normal;text-align:center;font-size:29px}.home-center>h1 .claude-mark{width:31px;height:31px}.model-trigger span,.usage{display:none}.composer textarea{height:65px}.composer-row{padding-inline:12px}.cowork-bar{padding-inline:11px}.approval-menu{left:auto;right:-80px}.collection-page{padding:70px 16px 55px}.collection-inner{min-height:600px}.collection-header{min-height:125px}.collection-header h1{font-size:28px}.header-actions{gap:7px;width:100%}.select-action{flex:1;min-width:0;overflow:hidden}.black-action{padding-inline:10px}.empty-collection{padding-top:48px}.empty-collection p br{display:none}.artifact-tabs{overflow-x:auto}.scheduled-page .collection-header{min-height:155px}.scheduled-empty{height:215px}.template-grid{grid-template-columns:1fr;gap:29px;padding-top:41px}.template-card p{min-height:0}.code-page{padding-inline:15px}.code-setup{padding-top:105px}.code-setup>h1{font-size:30px}.code-app-card{height:290px;display:block}.code-card-copy{height:100%;padding-left:23px}.diff-preview{opacity:.8;width:57%;height:180px;margin-top:-200px;position:absolute;right:-1px}.download-macos{left:23px}.platforms{flex-wrap:wrap}}@media (width<=420px){.experience-bar{max-width:calc(100% - 70px);left:12px;transform:none}.experience-bar span{text-overflow:ellipsis;overflow:hidden}.beta{top:14px;right:14px}.home-center{padding-top:21vh}.home-center>h1{margin-bottom:29px}.context-trigger{padding-inline:4px}.project-menu{max-width:calc(100vw - 43px);left:-10px}.approval-menu{max-width:calc(100vw - 43px);right:-35px}.add-menu{max-width:calc(100vw - 43px)}.empty-collection{min-height:390px}.header-actions .select-action>span{display:none}.scheduled-page .black-action{font-size:0}.scheduled-page .black-action:before{content:"New";font-size:14px}.code-setup>p{font-size:14px}.code-card-copy p{font-size:16px}.diff-preview{display:none}.platforms button{padding-inline:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}body.is-desktop .sidebar-header{-webkit-app-region:drag;height:112px;padding-top:46px}body.is-desktop .sidebar-header>div,body.is-desktop .expand-sidebar{-webkit-app-region:no-drag}body.is-desktop .expand-sidebar{top:44px}body.is-desktop .beta{top:46px}body.is-desktop .main-pane:before{content:"";-webkit-app-region:drag;z-index:1;height:38px;position:absolute;top:0;left:0;right:0}.chat-heading-toggle{color:inherit;align-items:center;gap:3px;font-size:13px;display:flex}.chat-list{align-content:start;gap:1px;max-height:34vh;margin:4px 8px 0;display:grid;overflow-y:auto}.chat-list-empty{color:var(--faint-ink);margin:6px 7px;font-size:13px}.chat-list-item{border-radius:8px;align-items:center;display:flex}.chat-list-item:hover{background:var(--hover-strong)}.chat-list-item.is-active{background:var(--active)}.chat-list-item>button:first-child{min-width:0;height:32px;color:var(--secondary);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 4px 0 11px;font-size:14px;overflow:hidden}.chat-list-item.is-active>button:first-child{color:var(--ink)}.chat-delete{width:28px;height:28px;color:var(--muted);border-radius:6px;place-items:center;margin-right:3px;display:none}.chat-list-item:hover .chat-delete{display:grid}.chat-delete:hover{color:var(--danger)}.chat-running-dot{background:var(--clay);border-radius:50%;flex:none;width:6px;height:6px;margin-right:10px;animation:1.4s ease-in-out infinite chat-running}.chat-list-item:hover .chat-running-dot{display:none}@keyframes chat-running{0%,to{opacity:1}50%{opacity:.25}}.model-menu{width:268px}.model-options{gap:1px;display:grid}.model-option{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 9px;display:flex}.model-option:hover{background:var(--hover)}.model-option>span{gap:2px;min-width:0;display:grid}.model-option strong{font-size:15px;font-weight:500}.model-option small{color:var(--muted);font-size:13px}.model-empty{color:var(--muted);margin:8px 9px;font-size:13px}.effort-row em,.menu-row em{color:var(--muted);font-size:14px;font-style:normal}.effort-row.is-open,.menu-row:hover{background:var(--hover)}.selected-check{color:var(--blue)}.effort-menu{width:286px;bottom:0;left:calc(100% + 6px)}.effort-note{color:var(--secondary);margin:4px 8px 8px;font-size:13px;line-height:1.45}.effort-note.muted{color:var(--faint-ink)}.effort-option{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 9px;font-size:15px;display:flex}.effort-option:hover:not(:disabled){background:var(--hover)}.effort-option:disabled{color:var(--disabled-ink);cursor:default}.effort-option>span:first-child{flex:none}.effort-badge{background:var(--faint);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:12px;font-style:normal}.effort-info{color:var(--faint-ink)}.effort-option .selected-check{margin-left:auto}.thinking-row{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:9px;display:flex}.thinking-row:hover:not(:disabled){background:var(--hover)}.thinking-row:disabled{cursor:default;opacity:.75}.thinking-row>span:first-child{gap:2px;display:grid}.thinking-row strong{font-size:15px;font-weight:500}.thinking-row small{color:var(--muted);font-size:13px}.switch{background:var(--line-strong);border-radius:20px;flex:none;align-items:center;width:38px;height:22px;padding:2px;transition:background .14s;display:flex}.switch i{background:var(--surface);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 2px #00000047}.switch.is-on{background:var(--blue);justify-content:flex-end}.chat-page{flex-direction:column;height:100%;padding:74px 24px 0;display:flex;position:relative;overflow-y:auto}.transcript{gap:28px;width:min(100%,674px);margin:0 auto;padding-bottom:26px;display:grid}.composer-dock{background:linear-gradient(to bottom, transparent, var(--bg) 20px);width:min(100%,674px);margin:auto auto 0;padding-bottom:22px;position:sticky;bottom:0}.message{align-items:flex-start;gap:12px;display:flex}.message-content{flex:1;min-width:0}.message-user{justify-content:flex-end}.message-user p{background:var(--hover);white-space:pre-wrap;border-radius:14px;max-width:78%;margin:0;padding:10px 14px;font-size:16px;line-height:1.6}.message-assistant{display:block}.message-content>.claude-mark{margin:20px 0 4px;display:block}.thinking-block{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;margin-bottom:12px;overflow:hidden}.thinking-block>button{width:100%;color:var(--muted);text-align:left;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:flex}.thinking-body{color:var(--secondary);white-space:pre-wrap;padding:0 14px 12px;font-size:14px;line-height:1.62}.message-notice,.message-error{border-radius:10px;margin:10px 0 0;padding:10px 13px;font-size:14px;line-height:1.5}.message-notice{background:var(--notice-bg)}.message-error{background:var(--danger-bg);color:var(--danger)}.message-actions{opacity:0;align-items:center;gap:14px;margin-top:10px;transition:opacity .12s;display:flex}.message-assistant:hover .message-actions{opacity:1}.message-actions button{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.message-actions button:hover{color:var(--ink)}.message-usage{color:var(--faint-ink);font-size:12px}.markdown{font-size:16px;line-height:1.68}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 14px}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:22px 0 10px;font-weight:600;line-height:1.3}.markdown h2{font-size:21px}.markdown h3{font-size:18px}.markdown h4{font-size:16px}.markdown ul,.markdown ol{margin:0 0 14px;padding-left:24px}.markdown li{margin:5px 0}.markdown blockquote{border-left:3px solid var(--line);color:var(--secondary);margin:0 0 14px;padding:2px 0 2px 14px}.markdown hr{border:0;border-top:1px solid var(--line);margin:20px 0}.markdown a{color:var(--blue);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.markdown code{background:var(--hover);border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.code-block{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:0 0 16px;overflow:hidden}.code-block-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:7px 10px 7px 14px;font-size:12px;display:flex}.code-block-bar button{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.code-block-bar button:hover{color:var(--ink)}.code-block pre{margin:0;padding:14px;overflow-x:auto}.code-block code{background:0 0;padding:0;font-size:13.5px;line-height:1.6}.search-backdrop{z-index:92;background:color-mix(in srgb, var(--overlay) 55%, transparent);place-items:start center;padding:14vh 24px 40px;display:grid;position:fixed;inset:0}.search-panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;flex-direction:column;width:min(100%,760px);max-height:68vh;display:flex;overflow:hidden;box-shadow:0 26px 64px #0000004d}.search-field{border-bottom:1px solid var(--line);height:62px;color:var(--muted);flex:none;align-items:center;gap:13px;padding:0 15px 0 18px;display:flex}.search-field input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search-field input::placeholder{color:var(--muted)}.search-field>button{width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.search-field>button:hover{background:var(--hover);color:var(--ink)}.search-results{align-content:start;gap:2px;padding:8px;display:grid;overflow-y:auto}.search-hit{width:100%;color:var(--secondary);text-align:left;border-radius:10px;align-items:center;gap:13px;padding:9px 12px;display:flex}.search-hit .icon{color:var(--muted)}.search-hit.is-selected{background:var(--hover-strong);color:var(--ink)}.search-hit-text{flex:1;gap:2px;min-width:0;display:grid}.search-hit-title,.search-hit-snippet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-hit-title{font-size:14.5px}.search-hit-snippet{color:var(--muted);font-size:12.5px}.search-when{color:var(--muted);flex:none;font-size:12.5px}.search-enter{background:var(--faint);width:24px;height:22px;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:12px;display:grid}.search-empty{color:var(--muted);text-align:center;margin:0;padding:26px 16px 30px;font-size:14px}.settings-backdrop{z-index:90;background:var(--overlay);place-items:center;padding:40px 24px;display:grid;position:fixed;inset:0}.settings-dialog{border:1px solid var(--line-strong);background:var(--surface);border-radius:18px;width:min(100%,960px);height:min(100%,680px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000042}.settings-nav{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;flex:none;gap:2px;width:214px;padding:14px 10px;display:flex}.settings-nav-head{font-family:var(--serif);padding:8px 12px 14px;font-size:22px;font-weight:600}.settings-nav button{height:36px;color:var(--secondary);text-align:left;border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:14.5px;display:flex}.settings-nav button:hover{background:var(--hover-strong)}.settings-nav button.is-active{background:var(--active);color:var(--ink)}.settings-body{flex-direction:column;flex:1;min-width:0;display:flex}.settings-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 16px 0 26px;display:flex}.settings-header h2{margin:0;font-size:17px;font-weight:600}.settings-scroll{flex:1;min-height:0;padding:4px 26px 34px;overflow-y:auto}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;padding:20px 0;display:flex}.settings-row:last-child{border-bottom:0}.settings-row.is-stacked{display:block}.settings-row-label strong{font-size:14.5px;font-weight:600;display:block}.settings-row-label p{max-width:520px;color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.settings-row-control{flex:none}.settings-row.is-stacked .settings-row-control{margin-top:12px}.settings-value{color:var(--secondary);font-size:14px}.settings-note{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.5}.key-state{margin:10px 0 0;font-size:13px}.key-state.is-ok{color:var(--ok)}.key-state.is-error{color:var(--danger)}.settings-dialog input[type=text],.settings-dialog input[type=password],.settings-dialog input[type=number],.settings-dialog input:not([type]),.settings-dialog textarea,.settings-dialog select{border:1px solid var(--line);background:var(--surface);border-radius:9px;outline:none;width:100%;min-width:240px;padding:9px 11px;font-size:14px}.settings-dialog input:focus,.settings-dialog textarea:focus,.settings-dialog select:focus{border-color:var(--blue)}.settings-dialog input[type=number]{min-width:130px}.settings-dialog input[type=checkbox]{width:auto;min-width:0}.settings-dialog textarea{resize:vertical;min-height:110px;line-height:1.55}.settings-row.is-stacked textarea,.settings-row.is-stacked input,.settings-row.is-stacked select{min-width:0}.settings-dialog button.primary,.settings-dialog button.ghost,.settings-dialog button.danger{white-space:nowrap;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;display:inline-flex}.settings-dialog button.primary{background:var(--clay);color:#fff}.settings-dialog button.primary:disabled{opacity:.45;cursor:default}.settings-dialog button.ghost{border:1px solid var(--line);background:var(--surface)}.settings-dialog button.ghost:hover:not(:disabled){background:var(--hover)}.settings-dialog button.ghost:disabled{opacity:.45;cursor:default}.settings-dialog button.danger{border:1px solid var(--danger-line);color:var(--danger)}.settings-dialog button.danger:hover{background:var(--danger-bg)}.danger-confirm{gap:8px;display:flex}.icon-danger{width:30px;height:30px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.icon-danger:hover{background:var(--danger-bg);color:var(--danger)}.provider-list{gap:12px;display:grid}.provider-card{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;gap:11px;padding:14px;display:grid}.provider-head{align-items:center;gap:12px;display:flex}.provider-head input{flex:1;min-width:0;font-weight:600}.provider-field{grid-template-columns:88px 1fr;align-items:center;gap:12px;display:grid}.provider-field>span{color:var(--secondary);font-size:13px}.provider-field input{min-width:0}.provider-actions{align-items:center;gap:10px;display:flex}.provider-actions .danger{margin-left:auto}.add-provider{margin-top:12px}.theme-choices{gap:10px;display:flex}.theme-choice{border:1px solid var(--line);width:96px;color:var(--secondary);border-radius:12px;justify-items:center;gap:8px;padding:10px 8px 9px;font-size:13px;display:grid}.theme-choice:hover{background:var(--hover)}.theme-choice.is-active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--ink)}.theme-swatch{border:1px solid var(--line);border-radius:8px;place-items:center;width:100%;height:42px;display:grid}.theme-swatch.is-light{color:#55534d;background:#fff}.theme-swatch.is-dark{color:#c4c2b8;background:#262624}.theme-swatch.is-system{color:var(--muted);background:linear-gradient(105deg,#fff 50%,#262624 50%)}.segmented{background:var(--faint);border-radius:10px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:13.5px}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000029}.segmented.small button{padding:5px 10px;font-size:13px}.fetch-bar{gap:10px;display:flex}.fetch-bar select{flex:1;min-width:0}.fetch-results{border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}.fetch-results-head{border-bottom:1px solid var(--line);background:var(--surface-2);gap:9px;padding:9px;display:flex}.fetch-results-head input{flex:1;min-width:0}.fetch-results ul{max-height:260px;margin:0;padding:6px;list-style:none;overflow-y:auto}.fetch-results li{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 8px;display:flex}.fetch-results li:hover{background:var(--hover)}.fetch-results li>span{gap:2px;min-width:0;display:grid}.fetch-results strong{font-size:14px;font-weight:500}.fetch-results code,.model-row code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fetch-results button{height:30px;padding:0 12px}.local-runtimes{gap:8px;margin-top:12px;display:grid}.local-runtime{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:12px;padding:10px 12px;display:flex}.local-runtime>span{flex:1;gap:3px;min-width:0;display:grid}.local-runtime strong{font-size:14px;font-weight:500}.local-runtime small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.local-runtime code{color:var(--faint-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.local-runtime.is-off{background:0 0}.local-runtime.is-off strong{color:var(--secondary)}.local-runtime button{height:30px;padding:0 12px}.manual-add{grid-template-columns:1fr 1fr 1fr auto;gap:9px;display:grid}.manual-add input{min-width:0}.model-table{gap:6px;display:grid}.model-row{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:12px;padding:8px 10px;display:flex}.model-row-main{flex:1;gap:3px;min-width:0;display:grid}.model-row-main input{min-width:0;padding:5px 8px;font-size:14px}.model-row-main small{color:var(--faint-ink);font-size:12px}.model-row select{width:auto;min-width:150px;padding:6px 8px;font-size:13px}.model-flag{color:var(--secondary);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.pin{border:1px solid var(--line);color:#0000;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.pin.is-on{border-color:var(--blue);background:var(--blue);color:#fff}@media (width<=980px){.effort-menu{left:auto;right:calc(100% + 6px)}.settings-dialog{flex-direction:column;height:100%}.settings-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;width:100%;overflow-x:auto}.settings-nav-head{display:none}.manual-add{grid-template-columns:1fr}.model-row{flex-wrap:wrap}}@media (width<=720px){.chat-page{padding-inline:16px}.effort-menu{bottom:calc(100% + 6px);left:auto;right:0}}:root{--ease-out:cubic-bezier(.2, .9, .3, 1)}.popover{transform:translate(var(--pop-dx,0px), var(--pop-dy,0px));animation:pop-in .15s var(--ease-out) both}@keyframes pop-in{0%{opacity:0;transform:translate(var(--pop-dx,0px), calc(var(--pop-dy,0px) + 6px)) scale(.975)}to{opacity:1;transform:translate(var(--pop-dx,0px), var(--pop-dy,0px)) scale(1)}}.effort-menu.is-flipped{left:auto;right:calc(100% + 6px)}.menu-row,.model-option,.effort-option,.thinking-row,.chat-list-item,.sidebar-nav>button,.sidebar-nav .more-wrap>button,.design-row,.profile-row,.icon-control,.bare-icon,.expand-sidebar,.model-trigger,.context-trigger,.composer-right>button,.settings-nav button,.template-card,.platforms button,.artifact-tabs button,.square-action,.select-action,.black-action,.outline-action{transition:background-color .13s var(--ease-out), color .13s var(--ease-out), box-shadow .13s var(--ease-out), opacity .13s var(--ease-out)}.mode-toggle button,.product-switch button,.segmented button{transition:background-color .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out)}.composer{transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out)}.composer:focus-within{border-color:var(--line-strong);box-shadow:0 12px 30px #1a191717}.send-button{transition:transform .13s var(--ease-out), background-color .13s var(--ease-out), opacity .13s var(--ease-out);animation:pop-in .15s var(--ease-out) both}.send-button:hover{transform:scale(1.06)}.send-button:active{transform:scale(.94)}.send-button.is-stop{background:var(--invert-bg)!important}.chat-delete{transition:color .12s var(--ease-out)}.switch{transition:background-color .16s var(--ease-out)}.switch i{transition:transform .16s var(--ease-out)}.message{animation:message-in .24s var(--ease-out) both}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.settings-dialog{animation:dialog-in .18s var(--ease-out) both}.settings-backdrop{animation:.14s both fade-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.claude-mark.is-spinning{animation:2.6s linear infinite mark-spin}@keyframes mark-spin{to{transform:rotate(360deg)}}.mode-toggle.is-locked{opacity:.72}.mode-toggle button:disabled{cursor:default}.mode-toggle.is-locked button:not(.selected){color:var(--disabled-ink)}.attachment-row{flex-wrap:wrap;gap:8px;padding:14px 18px 0;display:flex}.attachment-chip{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:7px;max-width:220px;height:30px;padding:0 6px 0 8px;font-size:13px;display:inline-flex}.attachment-chip.is-error{border-color:var(--danger-line);color:var(--danger)}.attachment-chip img{object-fit:cover;border-radius:4px;width:20px;height:20px}.attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attachment-chip button{width:20px;height:20px;color:var(--muted);border-radius:5px;place-items:center;display:grid}.attachment-chip button:hover{background:var(--hover-strong);color:var(--ink)}.composer .attachment-row+textarea{padding-top:10px}.message-attachments{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.message-attachments img{border:1px solid var(--line);background:var(--hover);object-fit:contain;border-radius:12px;min-width:44px;max-width:240px;min-height:44px;max-height:240px}.message-user-stack{justify-items:end;gap:0;max-width:78%;display:grid}.message-user .message-user-stack>p{max-width:100%}.tool-trail{gap:4px;margin-bottom:12px;display:grid}.tool-row{border:1px solid var(--line);background:var(--surface-2);color:var(--secondary);animation:message-in .2s var(--ease-out) both;border-radius:9px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.tool-row .icon{color:var(--muted);flex:none}.tool-row.is-running .icon{animation:1.6s linear infinite mark-spin}.tool-row.is-done .icon{color:var(--ok)}.tool-row.is-error{border-color:var(--danger-line);color:var(--danger)}.tool-row.is-error .icon{color:var(--danger)}.tool-row em{color:var(--muted);font-style:normal}.project-note{color:var(--secondary);margin:6px 9px 8px;font-size:13px;line-height:1.45}.workspace-path{background:var(--hover);color:var(--secondary);word-break:break-all;border-radius:8px;margin:0 9px 4px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}@media (prefers-reduced-motion:reduce){.claude-mark.is-spinning,.tool-row.is-running .icon{animation:none}}.chat-page,.home-page{position:relative}.drop-overlay{z-index:40;border:2px dashed var(--clay);background:var(--overlay-page);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;border-radius:18px;place-items:center;animation:.12s both fade-in;display:grid;position:absolute;inset:12px}.drop-overlay span{background:var(--surface);box-shadow:var(--shadow);color:var(--ink);border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:15px;display:flex}.drop-overlay .icon{color:var(--clay)}