.modal::backdrop,:root{--ease-out:cubic-bezier(0.23,1,0.32,1);--duration-press:100ms;--duration-feedback:160ms;--duration-enter:250ms;--duration-exit:200ms}:root{--ink:#0d0d0d;--secondary:#5d5d5d;--muted:#737373;--border:#0000001a;--hover:#0000000d;--sidebar:#f9f9f9;--white:#fff;--radius:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5;min-width:1280px}button,input,select,textarea{font:inherit;color:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s ease}button:disabled{cursor:not-allowed;opacity:.45}button:hover:not(:disabled){background:var(--hover)}a{color:inherit;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #999;outline-offset:1px}h1,h2,h3,h4,p{margin:0}h1,h2{font-size:24px;line-height:1.33;letter-spacing:-.55px}h1,h2,h3{font-weight:600}h3{font-size:18px;letter-spacing:-.25px}h4{font-size:12px;font-weight:500;color:var(--secondary)}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);padding:11px 12px;width:100%}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#828282}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}small{font-size:12px}svg{flex-shrink:0;stroke-width:1.6}.icon-button{padding:8px;border-radius:var(--radius);min-width:30px;min-height:30px}.button{padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:500;white-space:nowrap}.button.primary{background:#f0f0f0;border-color:#c9c9c9}.button.primary:hover{background:#e5e5e5}.button.ghost{border-color:transparent}.text-button{font-size:12px;padding:5px 0;justify-content:flex-start;text-decoration:underline;text-underline-offset:3px;border-radius:3px}.field-hint{font-size:12px;font-weight:400;color:var(--secondary);line-height:1.5}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#737373;display:inline-block;flex-shrink:0}.app-shell{display:flex;height:100dvh;min-height:650px;overflow:hidden}.sidebar{width:260px;background:var(--sidebar);flex-direction:column;padding:0 12px}.sidebar,.sidebar-brand{flex-shrink:0;display:flex}.sidebar-brand{align-items:center;justify-content:space-between;height:78px;padding:0 5px 0 8px}.brand{font-size:19px;letter-spacing:-.65px;font-weight:600;padding:4px;border-radius:8px;gap:9px}.brand-logo{width:28px;height:28px;object-fit:contain;filter:grayscale(1);border-radius:50%}.main-nav{display:flex;flex-direction:column;gap:4px;margin:8px 0 28px}.main-nav>button{height:40px;justify-content:flex-start;padding:0 12px;border-radius:var(--radius);font-size:13px;gap:11px}.main-nav>button:first-child{background:#ededed}.nav-plus{margin-left:auto;font-size:19px;font-weight:300}.main-nav kbd{font-family:inherit;color:#888}.main-nav kbd,.project-count{font-size:11px;margin-left:auto}.project-count{color:var(--secondary)}.sidebar-label{text-transform:uppercase;letter-spacing:.9px;color:#797979;font-size:10px;font-weight:500;padding:0 12px 12px}.sidebar-projects{flex:1 1;overflow:auto;min-height:80px}.sidebar-empty{padding:4px 12px;color:var(--secondary);font-size:12px}.sidebar-empty small{display:block;margin-top:5px;color:#7c7c7c;font-size:11px}.project-row{width:100%;justify-content:flex-start;gap:10px;text-align:left;padding:10px 12px;border-radius:var(--radius);font-size:13px}.project-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row.active{background:#eaeaea}.project-row svg{color:var(--secondary)}.sidebar-bottom{padding:16px 8px 18px;flex-shrink:0}.key-status{display:flex;gap:11px;align-items:center;margin-bottom:19px;color:var(--secondary)}.key-status>div{flex:1 1}.key-status span{font-size:12px;color:var(--ink);display:block}.key-status small{font-size:11px;display:block;margin-top:2px}.help-link{width:100%;justify-content:flex-start;padding:8px 0;font-size:12px;color:var(--secondary);border-radius:6px}.help-link svg:last-child{margin-left:auto}.account-block{border-top:1px solid var(--border);margin-top:14px;padding-top:17px}.account-block p{font-size:12px;color:var(--secondary);line-height:1.6;margin-bottom:12px}.login{background:white;border-radius:9999px;width:100%;padding:9px 12px}.account-info{display:flex;align-items:center;gap:11px}.account-info strong{font-size:13px;font-weight:500}.account-info small{display:block;color:var(--secondary);font-size:10px}.account-block:has(.account-info){display:flex;align-items:center;justify-content:space-between}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px;min-width:0}.model-menu{font-weight:500;font-size:15px;padding:6px 8px;border-radius:8px;gap:9px}.topbar-divider{width:1px;height:16px;background:var(--border)}.topbar-context{font-size:12px;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.network-label{font-size:11px;color:var(--secondary);display:flex;gap:9px;align-items:center}.network-label .tiny-dot{width:4px;height:4px}.workspace{flex:1 1;min-height:0}.chat-panel,.workspace{display:flex;min-width:0}.chat-panel{flex-direction:column;flex:1 1;position:relative}.welcome-panel{justify-content:center}.welcome{width:min(720px,calc(100% - 100px));margin:0 auto;transform:translateY(-33px)}.welcome-eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;letter-spacing:1.7px;font-size:10px;color:#757575;margin-bottom:18px}.welcome h1{text-align:center;font-size:24px;font-weight:500;letter-spacing:-.6px}.welcome-description{text-align:center;color:var(--secondary);font-size:14px;margin-top:11px}.welcome-composer{margin-top:32px;border:1px solid #dcdcdc;border-radius:16px;padding:18px 18px 12px}.welcome-composer textarea{border:0;padding:0;resize:none;min-height:65px;font-size:14px;outline:none}.composer-toolbar{display:flex;align-items:center;gap:12px;min-height:35px}.composer-toolbar>span{margin-left:auto;font-size:11px;color:#777}.composer-toolbar .button{font-size:12px;padding:6px 9px}.send-button{border:1px solid #d7d7d7;background:#eee;border-radius:10px;width:33px;height:33px;flex-shrink:0;margin-left:auto}.composer-toolbar>span+.send-button{margin-left:0}.suggestion-row{display:flex;gap:10px;justify-content:center;margin-top:17px}.suggestion{font-size:12px;border:1px solid var(--border);padding:8px 13px;border-radius:var(--radius);color:var(--secondary);gap:16px}.suggestion svg{color:#888}.welcome-note{text-align:center;margin-top:61px}.welcome-note>span{font-size:11px;color:#818181}.welcome-note>div{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:16px;font-size:13px;color:#5c5c5c;font-weight:500}.welcome-note>div>span:last-child{font-size:11px;font-weight:400;color:#888}.welcome-footer{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#777}.global-error{margin:0 24px 12px;background:var(--sidebar);border:1px solid #b9b9b9;border-radius:var(--radius);gap:16px;padding:9px 13px;font-size:13px}.global-error,.project-context{display:flex;align-items:center;justify-content:space-between}.project-context{gap:12px;padding:8px 32px 12px;min-height:45px;color:var(--secondary);font-size:11px}.project-context>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.context-chip{font-size:10px;background:var(--sidebar);padding:3px 6px;white-space:nowrap}.conversation{flex:1 1;overflow:auto;overscroll-behavior:contain;padding:20px max(32px,calc((100% - 740px) / 2));scrollbar-width:thin}.empty-chat{height:100%;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;max-width:520px;margin:auto;padding-bottom:40px}.empty-chat h2{font-size:22px}.empty-chat p{font-size:14px;color:var(--secondary);line-height:1.7;white-space:pre-wrap;max-height:170px;overflow:auto}.empty-chat .button{margin-top:7px}.project-avatar{width:54px;height:54px;border:1px solid var(--border);border-radius:14px;display:grid;place-items:center;background:var(--sidebar);margin-bottom:4px}.project-avatar img{width:100%;height:100%;object-fit:contain;border-radius:14px}.message{margin-bottom:28px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.message.user{background:#f3f3f3;padding:11px 17px;border-radius:16px;width:fit-content;max-width:88%;margin-left:auto}.message-content>:first-child{margin-top:0}.message-content>:last-child{margin-bottom:0}.message-content p{margin-bottom:12px;white-space:pre-wrap}.message-content h1,.message-content h2{font-size:20px;margin:18px 0 12px}.message-content h3{font-size:17px;margin:16px 0 10px}.message-content li{margin-bottom:5px}.message-content table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}.message-content td,.message-content th{border:1px solid var(--border);padding:8px}.message-content img{max-width:100%}.message-content code{font-size:12px;background:#f4f4f4;padding:2px 4px;border-radius:3px}.assistant-label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:12px}.assistant-label img{width:22px;height:22px;border-radius:50%}.markdown-code{border:1px solid var(--border);border-radius:var(--radius);margin:14px 0;background:#fafafa;max-width:100%}.markdown-code pre{padding:16px;margin:0;overflow:auto;max-height:350px;font-size:12px;line-height:1.65}.markdown-code code{background:none;padding:0}.message-actions{display:flex;align-items:center;gap:9px;margin-top:6px;font-size:11px}.message-actions,.thinking{color:var(--secondary)}.composer-area{padding:12px max(24px,calc((100% - 750px) / 2));flex-shrink:0}.chat-composer{border:1px solid #dcdcdc;border-radius:16px;padding:14px 14px 10px;background:white}.chat-composer textarea{border:0;padding:0;resize:none;outline:0;min-height:50px;max-height:200px;font-size:14px}.chat-composer:focus-within,.welcome-composer:focus-within{border-color:#a0a0a0}.composer-model{font-size:11px;color:var(--secondary);padding:5px;border-radius:6px;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-footnote{font-size:10px;text-align:center;color:#777;margin-top:10px}.chat-notice{font-size:12px;color:var(--secondary);padding:5px 32px}.with-preview .chat-panel{flex:0 0 45%;min-width:380px}.with-preview .conversation{padding:20px 24px}.with-preview .project-context{padding:8px 24px 12px;flex-wrap:wrap}.with-preview .composer-area{padding:12px 20px}.with-preview .empty-chat{padding:20px}.with-preview .message{font-size:13px}.with-preview .empty-chat h2{font-size:20px}.preview-panel{flex:1 1;min-width:0;flex-direction:column;border:1px solid var(--border);margin:0 0 0 8px;background:#fafafa}.preview-panel,.preview-toolbar{display:flex;border-radius:12px 0 0 0}.preview-toolbar{height:52px;flex-shrink:0;border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 12px;gap:8px;background:#fff}.segmented{display:flex;gap:2px}.segmented button{font-size:12px;padding:6px 9px;border-radius:7px}.segmented button.active{background:#eee}.segmented span{font-size:10px;color:var(--secondary)}.toolbar-actions{display:flex;gap:2px}.preview-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--secondary);gap:17px}.preview-empty h3{font-size:16px;color:var(--ink)}.preview-empty p{font-size:13px;max-width:290px;line-height:1.7}.iframe-container{flex:1 1;min-height:0;background:white;overflow:auto}.iframe-container iframe{width:100%;height:100%;border:0;background:white}.preview-footer{flex-shrink:0;border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 14px;background:#fff;font-size:10px;color:var(--secondary)}.preview-footer .button{font-size:11px;padding:7px 9px;color:var(--ink)}.preview-panel.expanded{position:fixed;inset:65px 20px 20px;z-index:10;border-radius:12px;margin:0}.files-view{flex:1 1;min-height:0;display:flex;flex-direction:column}.file-tabs{display:flex;gap:4px;overflow:auto;padding:10px;border-bottom:1px solid var(--border);flex-shrink:0}.file-tabs button{font-size:11px;white-space:nowrap;padding:6px 8px;border-radius:6px}.file-tabs button.active{background:#e9e9e9}.code-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:11px;color:var(--secondary)}.source-code{flex:1 1;overflow:auto;padding:16px;margin:0;font-size:12px;line-height:1.7;tab-size:2;background:#fff}.modal{border:1px solid var(--border);border-radius:14px;padding:0;background:white;color:var(--ink);width:540px;max-height:calc(100dvh - 64px);overflow:auto}.modal-wide{width:690px}.modal::backdrop{background:#00000066}.modal-header{position:sticky;top:0;z-index:1;background:white;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;letter-spacing:-.2px}.modal-body{padding:24px}.modal-footer{position:sticky;bottom:0;background:white;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px}.wizard-progress{display:flex;gap:24px;padding:21px 24px 0}.step{font-size:12px;color:var(--secondary);gap:8px;padding:0}.step>span{display:grid;place-items:center;border:1px solid var(--border);width:22px;height:22px;border-radius:50%;font-size:10px}.step.active{color:var(--ink);font-weight:500}.step.active>span{background:#eaeaea;border-color:#aaa}.step:disabled{opacity:1;color:#888;cursor:default}.section-intro{margin-bottom:24px}.section-intro h3{margin-bottom:7px}.section-intro p{color:var(--secondary);font-size:13px;line-height:1.6}.project-form>label+label{margin-top:20px}.error-message{border:1px solid #bcbcbc;background:#f5f5f5;padding:10px 12px;font-size:12px;margin-top:18px;border-radius:8px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;color:var(--secondary)}.search-field input{border:0;padding:10px 0;background:none;font-size:13px;outline:none;min-width:0}.search-field:focus-within{outline:2px solid #aaa;outline-offset:1px}.search-field>span{font-size:11px;white-space:nowrap}.integration-scroll{max-height:350px;overflow:auto;padding:4px 4px 4px 0;margin:14px 0;scrollbar-width:thin}.integration-scroll section+section{margin-top:18px}.integration-scroll h4{margin-bottom:8px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.integration-option{position:relative;flex-direction:row;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border);padding:12px;border-radius:var(--radius);min-height:66px}.integration-option:hover{background:var(--sidebar)}.integration-option.selected{border-color:#a0a0a0;background:#f6f6f6}.integration-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;z-index:1;cursor:pointer;padding:0}.integration-option:has(input:focus-visible){outline:2px solid #555;outline-offset:2px}.integration-copy{display:flex;flex-direction:column;flex:1 1;gap:3px}.integration-copy strong{font-size:13px;font-weight:500}.integration-copy small{color:var(--secondary);font-size:11px;font-weight:400}.checkbox-visual{width:17px;height:17px;border:1px solid #bbb;border-radius:4px;display:grid;place-items:center}.selected .checkbox-visual{background:#ddd;border-color:#888}.brand-upload{display:flex;gap:16px;align-items:center;margin-bottom:24px}.brand-upload strong{font-size:13px}.brand-upload .field-hint{margin:4px 0}.brand-upload .text-button+.text-button{margin-left:16px}.logo-upload{width:72px;height:72px;border:1px dashed #bbb;border-radius:var(--radius);background:var(--sidebar);color:var(--secondary);overflow:hidden}.logo-upload img{width:100%;height:100%;object-fit:contain}.label-row{justify-content:space-between;font-size:13px;margin-bottom:10px}.image-list,.label-row{display:flex;align-items:center}.image-list{gap:8px;margin-bottom:24px;flex-wrap:wrap}.add-image{border:1px dashed #bbb;border-radius:var(--radius);height:64px;padding:10px 16px;font-size:12px;color:var(--secondary)}.image-thumb{position:relative;height:64px;width:74px}.image-thumb img{height:100%;width:100%;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.image-thumb button{position:absolute;right:3px;top:3px;background:white;border:1px solid var(--border);padding:3px;border-radius:4px}.social-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.social-fields label{font-size:12px;gap:6px}.social-fields label:first-child{grid-column:span 2}.social-fields input{font-size:12px;padding:9px 11px}.provider-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.provider-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius);padding:15px 13px;gap:4px;text-align:left}.provider-option strong{font-size:14px;font-weight:500}.provider-option small{color:var(--secondary);font-size:12px}.provider-option svg{position:absolute;top:17px;right:10px}.provider-option.selected{border-color:#999;background:var(--sidebar)}.key-label{font-size:13px}.key-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);padding:2px 7px 2px 12px;gap:9px;color:var(--secondary)}.key-input input{border:0;outline:none;padding:10px 0;min-width:0;font-size:13px}.key-input:focus-within{outline:2px solid #999;outline-offset:1px}.key-help{display:flex;justify-content:space-between;margin-top:8px;gap:8px}.key-help a{font-size:11px;display:flex;gap:4px;align-items:center}.privacy-note{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-top:24px;background:var(--sidebar);color:var(--secondary)}.privacy-note p{font-size:12px;line-height:1.7}.model-field{margin-top:20px;font-size:13px}.model-field select{font-size:12px}.empty-small{color:var(--secondary);font-size:13px;padding:30px 12px;text-align:center}.project-search-results{margin:16px 0;max-height:350px;overflow:auto}.project-search-results>button{display:flex;width:100%;gap:12px;padding:12px;border-radius:var(--radius);text-align:left;justify-content:flex-start}.project-search-results>button>div{flex:1 1;min-width:0}.project-search-results strong{font-size:14px;font-weight:500}.project-search-results p{font-size:12px;color:var(--secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.help-content>p{font-size:14px;line-height:1.7;color:var(--secondary)}.help-content ol{padding-left:20px;margin:20px 0;font-size:13px;line-height:1.7}.help-content li{margin-bottom:14px;padding-left:4px}.help-content li strong{display:block;font-weight:500}.help-content>.field-hint{font-size:12px;margin-top:18px}@media (min-width:1600px){.sidebar{width:276px}.welcome{width:750px}.with-preview .chat-panel{flex-basis:43%}.topbar{padding:0 32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.platform-logo{width:22px;height:22px;object-fit:contain;flex-shrink:0}.welcome-note>div>span{display:inline-flex;align-items:center;gap:7px}.welcome-note .platform-logo{width:17px;height:17px}.add-image,.login,.logo-upload,.press-feedback,.provider-option,.suggestion{transition:transform var(--duration-feedback) var(--ease-out)}:root[data-input=pointer] :is(.press-feedback,.login,.suggestion,.provider-option,.logo-upload,.add-image):active:not(:disabled){transform:scale(.97);transition-duration:var(--duration-press)}.modal{opacity:1;transform:scale(1);transform-origin:center;transition:opacity var(--duration-enter) var(--ease-out),transform var(--duration-enter) var(--ease-out)}.modal::backdrop{opacity:1;transition:opacity var(--duration-enter) var(--ease-out)}.modal[data-ending]{opacity:0;transform:scale(.96);transition-duration:var(--duration-exit);pointer-events:none}.modal[data-ending]::backdrop{opacity:0;transition-duration:var(--duration-exit)}.step-content{opacity:1;transform:translateY(0);transition:opacity var(--duration-exit) var(--ease-out),transform var(--duration-exit) var(--ease-out)}.chat-notice,.error-message,.global-error,.image-thumb,.model-field{opacity:1;transition:opacity var(--duration-exit) var(--ease-out)}.checkbox-visual svg,.selection-check{opacity:0;transform:scale(.95);transition:opacity var(--duration-feedback) var(--ease-out),transform var(--duration-feedback) var(--ease-out)}.selected .checkbox-visual svg,.selected .selection-check{opacity:1;transform:scale(1)}@starting-style{.modal[open]{opacity:0;transform:scale(.96)}.modal[open]::backdrop{opacity:0}.step-content{opacity:0;transform:translateY(8px)}.chat-notice,.error-message,.global-error,.image-thumb,.model-field{opacity:0}}@media (prefers-reduced-motion:reduce){.checkbox-visual svg,.modal,.modal[data-ending],.selection-check,.step-content,:root[data-input=pointer] :is(.press-feedback,.login,.suggestion,.provider-option,.logo-upload,.add-image):active:not(:disabled){transform:none;transition-property:opacity;transition-duration:.2s}@starting-style{.modal[open],.step-content{transform:none}}}.context-chip,.social-label{display:inline-flex;align-items:center;gap:6px}.context-chip .platform-logo,.network-label .platform-logo,.social-label .platform-logo{width:14px;height:14px}.provider-option .platform-logo{margin-bottom:6px}body:has(.modal[open]:not([data-ending])) .modal[data-ending],body:has(.modal[open]:not([data-ending])) .modal[data-ending]::backdrop{transition-duration:0s}.modal[data-instant],.modal[data-instant]::backdrop,:root[data-input=keyboard] .modal,:root[data-input=keyboard] .modal::backdrop,:root[data-input=keyboard] :is(.step-content,.press-feedback,.login,.suggestion,.provider-option,.logo-upload,.add-image,.checkbox-visual svg,.selection-check,.model-field,.error-message,.global-error,.chat-notice,.image-thumb){transition-duration:0s}