/* Geometry and motion studied from the user's 192-second reference recording. */
:root{--content-width:768px;--sidebar-width:280px;--accent:#d8b86b;--accent-soft:#d8b86b20;--reference-blue:#d8b86b;--ease-reference:cubic-bezier(.22,1,.36,1)}
html[data-theme="dark"]{--canvas:#000;--sidebar:#080808;--surface:#1c1c1c;--surface-2:#242424;--surface-3:#303030;--composer:#1d1d1d;--ink:#eee;--muted:#aaa;--faint:#858585;--line:#ffffff20;--line-soft:#ffffff10;--user:#3c3220;--pressed:#d8b86b;--inverse:#fff;--hover:#ffffff0b}
html[data-theme="light"]{--canvas:#fff;--sidebar:#f8f8f8;--surface:#fff;--surface-2:#f5f5f5;--surface-3:#e9e9e9;--composer:#f3f3f3;--user:#f4e7c9;--pressed:#d8b86b;--inverse:#fff;--accent:#d8b86b}
body{font-family:Inter,Arial,system-ui,sans-serif}.sidebar{padding:10px 12px;gap:4px}.sidebar-top{height:44px}.brand-mark{display:none}.brand-label{font-size:17px;font-weight:600;letter-spacing:-.04em}.brand-button{padding:8px}.nav-action,.workspace-link{min-height:36px;border-radius:8px;background:transparent;box-shadow:none}.workspace-link.active{background:var(--hover);color:var(--ink)}.workspace-icon{font-size:17px}.new-badge{display:none}.history-label{margin-top:15px;font-size:11px;color:var(--faint)}.history-item{min-height:34px;border-radius:7px}.history-item-title{font-size:12px}.sidebar-bottom{border:0}.sidebar-search-wrap{margin-top:9px}.account-copy strong{font-weight:500}.shortcut{display:none}
.topbar{height:56px;background:var(--canvas)!important;backdrop-filter:none;position:relative}.section-subtitle,.section-title-wrap{display:none}.mode-switch{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line-soft);border-radius:30px}.mode-switch button{padding:7px 22px;min-width:85px;background:transparent;border-radius:24px;color:var(--muted);cursor:pointer;font-size:13px;transition:background .2s,color .2s}.mode-switch button.active{background:var(--surface-3);color:var(--ink)}.topbar-right{margin-left:auto}.wallet-pill{background:transparent;border-color:transparent;font-size:10px;opacity:.75}.topbar-action-label{display:none}.wallet-dot{color:var(--reference-blue)}
.main-pane{position:relative;overflow:hidden}.conversation{width:min(calc(100% - 40px),var(--content-width))}.conversation-scroller{scroll-behavior:auto}.welcome{position:absolute;top:calc(43% - 52px);left:0;right:0;min-height:0;padding:0;animation:reference-enter .3s var(--ease-reference)}.welcome h1{font-size:25px;line-height:1.35;letter-spacing:-.04em;font-weight:400;text-align:center}.welcome-mark,.welcome-copy,.mode-guide,.suggestion-grid,.recent-projects{display:none!important}.messages{padding:38px 0 28px}.bottom-spacer{height:0}.message{margin-bottom:32px;animation:reference-enter .3s var(--ease-reference)}.assistant-row{display:block}.assistant-avatar{display:none}.assistant-content{font-size:15px;line-height:1.8}.assistant-content p{margin:0 0 20px}.assistant-content h1,.assistant-content h2,.assistant-content h3{font-size:20px;font-weight:600;margin:30px 0 18px;line-height:1.4;letter-spacing:-.02em}.assistant-content h3{font-size:17px}.assistant-content ul,.assistant-content ol{padding-left:24px}.assistant-content blockquote{border-left:3px solid var(--muted);padding-left:18px;background:none}.user-bubble{border-radius:17px;padding:11px 16px;background:var(--user);font-size:15px}.message.user .message-inner{max-width:83%}
.composer-zone{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),var(--content-width));padding:22px 0 16px;background:linear-gradient(0deg,var(--canvas) 74%,transparent);display:flex;flex-direction:column;transition:bottom .55s var(--ease-reference),width .35s var(--ease-reference)}.main-pane.empty-chat .composer-zone{bottom:calc(57% - 104px);background:none}.conversation-scroller{padding-bottom:145px}.main-pane.empty-chat .conversation-scroller{padding-bottom:0}.composer-meta-row{order:-2;display:flex!important;justify-content:center;padding:0 0 8px}.composer-note{font-size:10px;padding:0!important;color:var(--faint)}.main-pane.empty-chat .composer-meta-row{display:none!important}.service-status{display:none}.attachment-strip:empty{display:none}.attachment-strip{order:-1;padding-left:0}.composer{position:relative;min-height:54px;border:1px solid transparent;border-radius:25px;padding:8px 9px;background:var(--composer);box-shadow:none;transition:background .2s,border-color .2s,height .22s var(--ease-reference)}.composer:focus-within{transform:none;box-shadow:none;border-color:var(--line-soft)}.composer textarea{min-height:36px;font-size:14px;line-height:1.6;padding:6px 220px 6px 41px;max-height:220px;display:block;transition:height .16s var(--ease-reference)}.composer-toolbar{position:absolute;left:9px;right:9px;bottom:8px;min-height:36px;pointer-events:none}.composer-toolbar button{pointer-events:auto}.composer-tools-left,.composer-tools-right{gap:4px}.composer-tools-left{width:36px}.composer-model-trigger{max-width:145px;font-size:11px;padding:0 5px}.composer-model-name{font-size:11px;font-weight:400}.composer-model-trigger .provider-logo{display:none}.effort-trigger{height:34px;font-size:11px;color:var(--muted);cursor:pointer;border-radius:16px;background:transparent;padding:0 7px}.effort-trigger:hover{background:var(--hover)}.tool-button{background:none;width:34px;height:34px;font-size:24px;color:var(--ink)}.send-button{width:34px;height:34px;background:var(--reference-blue);color:#fff;box-shadow:none!important}.send-button:disabled{opacity:1;background:var(--surface-3);color:var(--muted)}.web-search-toggle{display:none!important}.composer.expanded{padding-bottom:48px;border-radius:24px}.composer.expanded textarea{padding-left:8px;padding-right:8px}.composer.expanded .composer-tools-left{width:auto}.composer.expanded .web-search-toggle[data-mode="on"]{display:flex!important}.image-options{margin-top:10px;position:relative;z-index:1}.composer:has(.image-options:not([hidden])){padding-bottom:47px}.composer:has(.image-options:not([hidden])) textarea{padding-inline:8px}.scroll-bottom-button{bottom:155px;right:calc(50% - 18px);box-shadow:none;background:var(--surface);border-color:var(--line)}
.thinking-line{min-height:34px;gap:9px}.thinking-orb{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--reference-blue);animation:reference-breathe 1.65s ease-in-out infinite;box-shadow:none}.thinking-label,.thinking-dots{display:none}.streaming-cursor{display:none}.workspace-run{background:none;border:0;border-radius:0;box-shadow:none;width:100%;animation:none;padding:0}.workspace-run-head{padding:0;min-height:32px;grid-template-columns:8px minmax(0,1fr) auto;gap:10px}.workspace-run-orb{width:8px;height:8px;border:0;background:var(--reference-blue);border-radius:50%;animation:reference-breathe 1.65s ease-in-out infinite}.workspace-run-orb>*{display:none}.workspace-run-orb::after{display:none}.workspace-run.done .workspace-run-orb{animation:none;opacity:.65}.workspace-run-copy strong{font-size:12px!important;font-weight:400;line-height:1.7;color:var(--muted)}.workspace-run-copy small,.workspace-progress,.workspace-foot,.workspace-run-glow{display:none}.workspace-run-time{font-size:10px;opacity:.7}.workspace-details summary{display:block!important;padding:2px 0 12px;font-size:11px;list-style:none;color:var(--faint);width:max-content}.workspace-details summary::after{content:' ⌄'}.workspace-details[open] summary::after{content:' ⌃'}.workspace-details[open]{margin-bottom:22px}.workspace-action-log{border:0}.workspace-action-head{display:none}.workspace-action-line{font-size:11px}.workspace-phases{padding-left:0}.workspace-files{padding-left:0}.project-card{margin-top:20px;background:var(--surface);box-shadow:none;border-radius:14px}.project-card-actions button{font-size:11px}.web-search-card{padding:0;border:0;background:none;box-shadow:none;margin-bottom:15px}.web-search-head{display:flex;min-height:30px}.web-search-head strong{font-size:12px;font-weight:400;color:var(--muted)}.web-search-head small,.web-search-steps,.web-search-skeletons,.web-search-badge{display:none}.web-search-orb{width:8px;height:8px;background:var(--reference-blue);border:0;border-radius:50%;animation:reference-breathe 1.65s ease-in-out infinite}.web-search-orb>*{display:none}
.reference-popover{position:fixed;z-index:90;background:var(--surface-3);border:1px solid var(--line-soft);border-radius:12px;padding:8px;box-shadow:0 12px 35px #0003;max-height:min(440px,calc(100dvh - 24px));overflow:auto;color:var(--ink);opacity:0;transform:translateY(6px) scale(.985);transform-origin:bottom right;transition:opacity .16s,transform .2s var(--ease-reference)}.reference-popover.visible{opacity:1;transform:none}.reference-popover button{width:100%;background:none;color:inherit;border-radius:7px;min-height:37px;padding:8px 11px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;cursor:pointer}.reference-popover button:hover{background:var(--hover)}.popover-check{margin-left:auto;color:var(--reference-blue)}.popover-label{display:block;font-size:10px;color:var(--faint);padding:9px 11px 5px}.popover-divider{height:1px;background:var(--line);margin:5px 3px}.tools-popover{border-radius:22px;padding:12px}.tools-popover button{min-height:42px}.tool-menu-icon{width:22px;text-align:center;font-size:19px}.effort-panel{padding:7px 11px}.effort-panel strong{font-size:13px;font-weight:500}.effort-panel input{width:100%;accent-color:var(--reference-blue);margin:16px 0 6px}.effort-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.library-grid button{padding:0;aspect-ratio:1;overflow:hidden}.library-grid img{width:100%;height:100%;object-fit:cover}.library-empty{padding:20px;font-size:12px;color:var(--muted)}
.code-block{border:0;background:#454845;border-radius:17px;overflow:hidden;box-shadow:none;margin:22px 0}.code-head{background:transparent;border:0;padding:10px 16px;font-size:10px;min-height:37px;color:#ddd}.code-head button{background:none;color:#eee;font-size:10px}.code-block pre{padding:6px 18px 20px;background:none;font-size:12px;line-height:1.65;tab-size:2}.code-block code{color:#eee;background:none}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#dbb1ef}.hljs-string,.hljs-attr,.hljs-selector-class{color:#bee396}.hljs-number,.hljs-built_in{color:#f4c197}.hljs-comment{color:#bdc3bb}.hljs-title,.hljs-attribute{color:#e5cf9e}.assistant-content .katex{font-size:1.08em}.assistant-content table{width:100%;overflow:auto}.assistant-content a{color:var(--reference-blue)}
.rich-mount{position:relative;margin:24px 0;max-width:100%;animation:reference-enter .32s var(--ease-reference)}.artifact-mount{border-radius:20px;background:var(--surface);overflow:hidden;border:1px solid var(--line-soft)}.inline-artifact-frame{display:block;border:0;width:100%;background:transparent;transition:height .32s var(--ease-reference)}.artifact-tools{display:flex;justify-content:center;gap:4px;padding:4px;background:var(--surface)}.artifact-tools button{font-size:12px;width:28px;height:24px;background:none;border-radius:6px;color:var(--faint);cursor:pointer}.artifact-tools button:hover{background:var(--hover);color:var(--ink)}.artifact-building .artifact-tools::before{content:'Создаю…';font-size:10px;position:absolute;left:12px;bottom:6px;color:var(--faint)}.artifact-warning{padding:10px;background:var(--surface);color:var(--ink);cursor:pointer}.rich-block-pending{padding:18px 0;font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.rich-block-head{display:flex;justify-content:space-between;align-items:flex-start;padding:2px 0 12px}.rich-block-head strong{font-size:16px;font-weight:500}.rich-block-head p{font-size:11px;color:var(--faint);margin:2px 0!important}.chart-menu-trigger{background:none;color:var(--muted);cursor:pointer;width:32px;height:28px;border-radius:7px}.chart-menu-trigger:hover{background:var(--hover)}.chart-plot{position:relative}.chart-plot svg{display:block;width:100%;overflow:visible}.chart-grid line{stroke:var(--line);stroke-dasharray:3 5}.chart-grid text,.chart-labels text{fill:var(--faint);font:11px system-ui}.chart-line{stroke:var(--reference-blue);stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:0;animation:chart-draw .75s var(--ease-reference)}.chart-points circle{fill:var(--reference-blue);outline:none;transition:r .12s;cursor:pointer}.chart-points circle.active,.chart-points circle:focus{r:6;stroke:var(--canvas);stroke-width:2}.chart-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 15px));background:var(--surface-3);color:var(--ink);padding:7px 10px;border-radius:7px;font-size:11px;border:1px solid var(--line);pointer-events:none;white-space:nowrap}.chart-menu{position:absolute;right:0;top:34px;z-index:4;width:260px;background:var(--surface-3);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 8px 25px #0003}.chart-menu button{display:block;background:none;width:100%;padding:10px;border-radius:6px;text-align:left;font-size:11px;cursor:pointer}.chart-menu button:hover{background:var(--hover)}.chart-table{max-height:330px;overflow:auto}.chart-table caption{font-size:12px;color:var(--muted);text-align:left;padding:10px 0}
.native-widget{border:1px solid var(--line);border-radius:16px;padding:22px;background:transparent;--widget-color:#d8b86b;--widget-surface:#ffffff05;--widget-ink:var(--ink)}.widget-title{display:block;font-size:16px;font-weight:500;margin-bottom:15px}.widget-themes{display:flex;gap:6px;background:var(--surface);border-radius:9px;padding:4px;width:max-content;max-width:100%}.widget-themes button{background:none;color:var(--muted);padding:7px 12px;border-radius:7px;font-size:11px;cursor:pointer;transition:background .2s,color .2s}.widget-themes button.active{background:var(--surface-3);color:var(--ink)}.widget-range-label{display:block;font-size:12px;margin:20px 0 14px}.widget-range-label input{display:block;width:100%;margin:14px 0 0;accent-color:var(--widget-color);cursor:pointer}.widget-check{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.widget-check input{accent-color:var(--widget-color)}.widget-preview{background:var(--widget-surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:20px;transition:background .35s,border-color .35s;min-height:133px;color:var(--widget-ink)}.widget-bar{height:8px;width:var(--widget-size);max-width:100%;min-width:2px;background:var(--widget-color);border-radius:10px;transition:background .3s,width .15s var(--ease-reference)}.widget-dots{display:flex;gap:8px;margin:22px 0}.widget-dots i{width:6px;height:6px;border-radius:50%;background:var(--widget-color);opacity:calc(.25 + var(--i)*.055);animation:reference-enter .3s var(--ease-reference) both;animation-delay:calc(var(--i)*25ms)}.widget-caption{display:block;font-size:9px;letter-spacing:.14em;margin-top:18px;opacity:.6}.native-widget[data-widget-theme="gold"]{--widget-color:#d3b469;--widget-surface:#bf9c3512}.native-widget[data-widget-theme="minimal"]{--widget-color:#444;--widget-surface:#f2f1ed;--widget-ink:#222}.message-actions{opacity:1;gap:3px;margin-top:20px}.message-cost{font-size:9px;opacity:.55;margin-top:14px}.image-generation-stage{border-radius:20px}.image-generation-mesh i{background:#d8b86b18}.image-result-grid img{border-radius:18px}.demo-badge{color:var(--reference-blue);font-size:10px;letter-spacing:.04em}
.main-pane{background:var(--canvas)}.composer-model-trigger{min-width:0}.composer textarea{padding-right:var(--composer-controls,220px)}.composer.expanded textarea{padding-right:8px}.workspace-link.active::before{display:none}
@keyframes reference-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes reference-breathe{50%{opacity:.4;transform:scale(.85)}}@keyframes chart-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:1800px){:root{--sidebar-width:320px}}@container(max-width:600px){.topbar-right .wallet-pill,.topbar-right .topbar-action{display:none}.mode-switch button{min-width:65px;padding:7px 14px}.composer-model-trigger{max-width:115px!important}.effort-trigger{font-size:10px;padding:0 4px}.composer textarea{padding-right:205px}.composer-note{font-size:9px;line-height:1.5}.welcome h1{font-size:22px}.native-widget{padding:17px}.widget-themes button{padding:7px 9px}.assistant-content{font-size:14px}.conversation{width:calc(100% - 28px)}.composer-zone{width:calc(100% - 24px)}.reference-popover{font-size:12px}.messages{padding-top:24px}}
@media(max-width:760px){.sidebar{width:280px}.topbar{height:52px}.welcome{top:calc(40% - 42px)}.main-pane.empty-chat .composer-zone{bottom:calc(60% - 98px)}.composer textarea{font-size:16px}.message.user .message-inner{max-width:90%}.composer-model-trigger{max-width:96px!important}.composer textarea{padding-right:190px}.composer.expanded textarea{padding-right:8px}.chart-menu{width:230px}.chart-labels text{font-size:10px}.rich-mount{margin-block:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.composer textarea{padding-right:var(--composer-controls,220px)}.composer.expanded textarea{padding-right:8px}
.dictation-trigger{display:grid;place-items:center;width:30px;height:34px;flex:none;color:var(--muted);background:none;border-radius:50%;cursor:pointer}.dictation-trigger:hover{background:var(--hover);color:var(--ink)}.dictation-trigger.listening{color:var(--reference-blue);animation:reference-breathe 1.6s ease-in-out infinite}.message-action[aria-pressed="true"]{color:var(--reference-blue);background:var(--accent-soft)}
.artifact-source{margin:0;padding:18px;max-height:380px;overflow:auto;font:11px/1.7 Consolas,monospace;white-space:pre;color:var(--ink);background:var(--surface-2)}
@container(max-width:420px){.composer:not(.expanded) .composer-model-name{display:none}.composer:not(.expanded) .composer-model-trigger{min-width:26px;padding:0 6px}}
@media(min-width:1800px){:root{--sidebar-width:clamp(260px,19.375vw,372px)}}