@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.2q4tlji06vjpz.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_200b32e7-module__Xrv2qG__className{font-family:pretendard,pretendard Fallback}.pretendard_200b32e7-module__Xrv2qG__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
:root{--surface:#fff;--canvas:#f5f7fa;--ink:#172033;--muted:#667085;--border:#d9e2f1;--brand:#3a5092;--brand-hover:#30447f;--tint:#edf2ff;--success-bg:#eaf7ef;--success:#28704b;--warning-bg:#fff4df;--warning:#946016;--danger:#b93838;--danger-bg:#fff1f0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:64px;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--radius-lg:16px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:21px;--text-title:28px;--control-height:40px;--rail-width:64px;--setup-sidebar:252px;--control-height-sm:36px;--control-height-lg:48px;--setup-ai-wrapper-width:680px;--setup-width:960px;--setup-ai-width:632px;--setup-form-width:648px;--setup-back-width:128px;--setup-next-width:184px;--shadow:0 12px 36px #17203312}
*{box-sizing:border-box}html,body{background:var(--surface);min-height:100%;color:var(--ink);margin:0}body,input,textarea,button,select{font-family:var(--font-pretendard),Pretendard,sans-serif;font-size:var(--text-base);line-height:1.5}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:var(--text-title);letter-spacing:-.03em;font-weight:700;line-height:1.5}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:700}p{line-height:1.6}small,.muted{color:var(--muted)}small{font-size:var(--text-xs)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}svg{stroke-width:1.5px;flex-shrink:0}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);color:var(--ink)}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand);flex-shrink:0;margin:0}label{cursor:pointer}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.brand{color:var(--brand)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--canvas);border-color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--surface)}.btn-primary:hover{background:var(--brand-hover)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-link{color:var(--brand);background:0 0;border:0;justify-content:flex-start;height:auto;padding:0}.btn-icon{width:40px;padding:0}.card{padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface)}.card-muted{background:var(--canvas);border-color:#0000}.card-tint{background:var(--tint);border-color:#0000}.field{gap:var(--space-2);flex-direction:column;font-weight:500;display:flex}.field small{font-weight:400}.check-row{align-items:flex-start;gap:var(--space-3);display:flex}.check-row input{margin-top:2px}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--tint);color:var(--brand);font-weight:500;display:inline-flex}.badge-warning{background:var(--warning-bg);color:var(--warning)}.notice{padding:var(--space-3) var(--space-4);background:var(--canvas);color:var(--muted);border-radius:var(--radius-sm);font-size:var(--text-sm)}.error{color:var(--danger);font-size:var(--text-sm)}.site-header{height:72px;padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.logo{width:82px;height:20.988px;display:block}.setup{grid-template-columns:var(--setup-sidebar) minmax(0,1fr);min-height:calc(100dvh - 72px);display:grid}.steps{gap:var(--space-6);background:var(--canvas);flex-direction:column;padding:28px;display:flex}.steps>p{color:var(--muted);font-size:var(--text-sm)}.steps ol{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{padding:var(--space-3);color:var(--muted);border-radius:var(--radius-sm);font-weight:600}.steps li[aria-current=step]{background:var(--tint);color:var(--brand)}.setup-main{padding:48px var(--space-9);align-items:center;gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.setup-content{gap:var(--space-6);flex-direction:column;width:min(100%,960px);display:flex}.setup-content.narrow{max-width:680px}.heading{gap:var(--space-2);text-align:center;margin-bottom:var(--space-2);flex-direction:column;display:flex}.heading p{color:var(--muted)}.actions{align-items:center;gap:var(--space-3);padding-top:var(--space-2);justify-content:space-between;display:flex}.actions .right{align-items:center;gap:var(--space-3);display:flex}.actions .btn-primary{min-width:240px}.provider-list{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.provider-list .btn[aria-pressed=true]{background:var(--tint);border-color:var(--brand);color:var(--brand)}.method-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.method{padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-height:175px;display:flex}.method .btn{font-size:var(--text-sm);padding:0 var(--space-3);margin-top:auto}.design-icon{flex-shrink:0;align-self:flex-start;display:block}.method small{font-size:var(--text-sm)}.dropzone{border:1px dashed var(--border);padding:var(--space-7);text-align:center;border-radius:var(--radius-md);background:var(--canvas)}.file-input{background:var(--surface);max-width:100%}.file-row{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.file-row .name{overflow-wrap:anywhere}.context-item{gap:var(--space-3);padding:var(--space-4);background:var(--canvas);border-radius:var(--radius-sm);display:flex}.context-item textarea{margin-top:var(--space-2);min-height:72px}.rail{width:var(--rail-width);background:var(--surface);border-right:1px solid var(--border);padding:var(--space-3);gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.rail .selected{background:var(--tint);color:var(--brand)}.workspace{height:calc(100dvh - 72px);display:flex}.workspace-content{min-width:0;padding:var(--space-6);background:var(--canvas);flex:1;overflow:auto}.workspace-grid{grid-template-columns:360px minmax(0,1fr);height:100%;display:grid}.conversation{border-right:1px solid var(--border);background:var(--surface);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.conversation .messages{gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:auto}.composer{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.composer textarea{border:0;min-height:100px}.composer .row{padding:var(--space-2);background:var(--canvas)}.materials{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.material{gap:var(--space-4);text-align:left;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);flex-direction:column;display:flex}.material:hover{border-color:var(--brand)}.empty{text-align:center;place-content:center;gap:var(--space-4);padding:var(--space-8);min-height:240px;display:grid}.sidebar-open{width:232px;box-shadow:var(--shadow);z-index:10;background:var(--surface);border-right:1px solid var(--border);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:absolute;top:72px;bottom:0}.catalog{max-width:1120px;padding:var(--space-8);gap:var(--space-7);margin:auto;display:grid}.swatches{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.swatch{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.swatch div{height:72px}.swatch p{padding:var(--space-3)}.toast{right:var(--space-6);bottom:var(--space-6);max-width:420px;padding:var(--space-4) var(--space-5);background:var(--ink);color:var(--surface);border-radius:var(--radius-sm);z-index:30;position:fixed}.tabs{gap:var(--space-6);border-bottom:1px solid var(--border);display:flex}.tabs button{padding:var(--space-3) 0;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000}.tabs button[aria-selected=true]{border-color:var(--brand);color:var(--brand);font-weight:600}@media (max-width:1100px){.setup-main{padding:var(--space-7)}.method-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:320px minmax(0,1fr)}}@media (max-width:760px){h1{font-size:24px}.site-header{padding:0 var(--space-4)}.site-header small{text-align:right;max-width:170px}.setup{display:block}.steps{padding:var(--space-4);gap:var(--space-3)}.steps h2,.steps>p,.steps>small{display:none}.steps ol{gap:var(--space-1);flex-direction:row}.steps li{padding:var(--space-2);flex:1;font-size:11px}.setup-main{padding:var(--space-6) var(--space-4)}.actions,.actions .right{flex-wrap:wrap}.actions .btn-primary{min-width:0}.method-grid{grid-template-columns:1fr 1fr}.provider-list{gap:var(--space-2)}.provider-list .btn{padding:0 var(--space-2)}.workspace-grid{flex-direction:column;height:auto;display:flex}.conversation{border-right:0;border-bottom:1px solid var(--border);min-height:400px}.workspace{height:auto;min-height:calc(100dvh - 72px)}.workspace-content{padding:var(--space-4)}.rail{min-height:calc(100dvh - 72px)}.catalog{padding:var(--space-5)}.steps ol{overflow-x:auto}.steps li{white-space:nowrap;flex:none}.setup-content.narrow{max-width:680px}}
.btn-sm{height:var(--control-height-sm)}.btn-md{height:var(--control-height)}.btn-lg{height:var(--control-height-lg)}.btn-link.btn-md,.btn-link.btn-sm,.btn-link.btn-lg{height:auto}.field-md input{min-height:var(--control-height)}.field-lg input{height:var(--control-height-lg)}.heading-left{text-align:left}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.segmented{width:328px;max-width:100%;padding:var(--space-1);border-radius:var(--radius-sm);background:var(--canvas);gap:var(--space-1);border:0;margin:0;display:flex}.segmented-option{flex:1;min-width:0}.segmented-option span{height:var(--control-height-sm);border-radius:var(--radius-sm);color:var(--muted);justify-content:center;align-items:center;font-weight:500;display:flex}.segmented-option input:checked+span{background:var(--brand);color:var(--surface)}.segmented-option input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.action-bar{gap:var(--space-3);align-items:center;width:100%;display:flex}.action-bar-split{justify-content:space-between}.action-bar-leading{justify-content:flex-start}.action-bar-next{gap:var(--space-3);align-items:center;display:flex}.copy-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:8px 12px;display:flex}.copy-block strong{font-size:12px;line-height:18px}.copy-block .btn{gap:4px;font-size:12px}.copy-block pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:0;font:12px/18px ui-monospace,SFMono-Regular,Menlo,monospace}
.setup{min-height:calc(100dvh - 72px)}.setup .steps{gap:16px;padding:40px 28px 28px}.setup .steps h2{letter-spacing:-.03em;font-size:22px;line-height:33px}.setup .steps>p{letter-spacing:-.03em;font-size:16px;line-height:24px}.setup .steps ol{gap:0;padding-top:12px}.setup .steps li{background:0 0;border-radius:0;gap:12px;height:66px;padding:0;font-weight:500;display:flex}.step-track{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.step-number{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:18px;display:flex}.step-connector{background:var(--border);flex:1;width:2px}.step-copy{flex-direction:column;gap:2px;min-width:0;padding-top:2px;display:flex}.step-label{letter-spacing:-.03em;font-size:14px;line-height:21px}.step-description{letter-spacing:-.03em;color:var(--muted);font-size:12px;font-weight:400;line-height:18px}.setup .steps li[aria-current=step] .step-number,.setup .steps li[data-complete=true] .step-number{background:var(--brand);border-color:var(--brand);color:var(--surface)}.setup .steps li[aria-current=step] .step-label{color:var(--brand);font-weight:700}.setup .steps li[data-complete=true] .step-connector{background:var(--brand)}.setup-main{min-height:calc(100dvh - 72px);padding:64px 64px 40px}.setup-main--ai,.setup-main--project{padding-top:40px;padding-bottom:32px}.setup-content{width:min(100%, var(--setup-width));gap:var(--space-4)}.setup-content--ai{width:min(100%, var(--setup-ai-wrapper-width));align-items:center}.setup-content--ai>*{width:100%;max-width:var(--setup-ai-width)}.setup-content--project{gap:var(--space-6);align-items:center}.setup-content--project>.heading{width:100%}.setup .heading{gap:var(--space-2);min-height:73px;margin:0}.setup .heading h1{line-height:42px}.setup .heading p{letter-spacing:-.03em;font-size:15px;line-height:23px}.setup-content--ai .heading{gap:var(--space-4);min-height:0}.setup-content--ai .heading h1{letter-spacing:0}.setup-content--ai .heading p{letter-spacing:0;font-size:14px;line-height:21px}.setup-label{font-weight:500;line-height:21px}.provider-list{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,200px))}.provider-list .btn{font-size:var(--text-lg);padding-inline:var(--space-4)}.provider-list .btn[aria-pressed=true]{background:var(--tint);border-color:var(--border);color:var(--ink)}.provider-description{color:var(--brand);font-size:13px;font-weight:500;line-height:19.5px}.setup .context-choice{padding:var(--space-4);gap:var(--space-2);border:0}.setup .context-choice p{color:var(--muted);font-size:13px;line-height:19.5px}.setup .check-row{align-items:center;min-height:21px;font-weight:500}.setup .check-row input{appearance:none;border:1px solid var(--border);background:var(--surface);border-radius:4px;margin:0;padding:0}.setup .check-row input:checked{background:var(--brand) url(/design/3-imgDone.svg) center / 16px 16px no-repeat;border-color:var(--brand)}.setup .check-row input:disabled{opacity:.5}.scope-toggle{width:164px;font-size:var(--text-lg)}.ai-later{width:156px;font-size:var(--text-lg)}.ai-start{width:340px;max-width:100%;font-size:var(--text-lg)}.ai-note{font-size:var(--text-xs);color:var(--muted);line-height:18px}.setup .step-back{width:var(--setup-back-width)}.setup .step-next{width:var(--setup-next-width)}.setup .step-later{width:var(--setup-back-width)}.setup .step-start{width:248px}.setup .method-section{min-height:300px;padding:var(--space-6);border-radius:var(--radius-lg);gap:var(--space-5);border:0}.method-section-heading{gap:var(--space-1);flex-direction:column;justify-content:flex-start;height:56px;display:flex}.method-section-heading h3{line-height:24px}.method-section-heading p{color:var(--muted);font-size:13px;line-height:20px}.setup .method-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.setup .method{justify-content:space-between;gap:0;height:176px;min-height:176px;padding:16px}.method-copy{gap:var(--space-2);flex-direction:column;display:flex}.method-copy h3{letter-spacing:-.03em;font-size:16px;line-height:24px}.method-copy p,.method>small{color:var(--muted);font-size:13px;line-height:20px}.setup .method .btn{width:100%;margin:0;font-size:14px}.setup .method-ai{background:var(--tint)}.tool-finder{align-items:center;gap:var(--space-6);min-height:103px;padding:12px 16px;display:flex}.tool-finder-copy{outline:1px solid var(--border);outline-offset:-1px;border-radius:var(--radius-md);gap:var(--space-2);border:0;flex-direction:column;flex:1;max-width:680px;min-height:79px;padding:16px;display:flex}.tool-finder-copy h3{font-size:14px;line-height:21px}.tool-finder-copy p{color:var(--muted);font-size:12px;line-height:18px}.tool-finder .btn{width:196px}.setup .project-form{width:min(100%, var(--setup-form-width));padding:var(--space-6);border-radius:var(--radius-lg);gap:var(--space-6);border:0}.project-fields{gap:var(--space-5);flex-direction:column;display:flex}.project-fields .field{gap:var(--space-2)}.project-fields .field>label{letter-spacing:-.03em;font-size:13px;line-height:20px}.project-fields .field input{padding:0 16px;font-size:14px}.project-location{min-height:188px;padding:var(--space-4);gap:var(--space-3)}.project-location h3{font-size:15px;line-height:23px}.project-location p{color:var(--muted);font-size:13px;line-height:20px}.project-location .field{max-width:504px}.project-location .field>label{color:var(--muted);font-size:12px;line-height:18px}.project-location .field input{font-size:15px}.project-context-link.btn-link{width:290px;height:32px;font-size:var(--text-lg);justify-content:center}.project-action-bar{width:min(100%, var(--setup-form-width))}.scope-panel{min-height:384px;padding:var(--space-6);border-radius:var(--radius-lg);gap:var(--space-3);border:0}.scope-row{border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-1);background:var(--surface);flex-direction:column;min-height:104px;padding:12px 16px;display:flex}.scope-row-selected{background:var(--tint)}.scope-row .check-row{gap:var(--space-2);min-height:24px}.scope-row strong{font-size:16px;line-height:24px}.scope-row p{color:var(--muted);font-size:13px;line-height:20px}.scope-row .btn-link{color:var(--muted);font-size:12px;line-height:18px}.scope-tools .btn:first-child{width:192px}.scope-tools .btn:last-child{width:176px}.scope-note{color:var(--muted);font-size:13px;line-height:20px}.setup .ai-summary{background:var(--canvas);border-radius:var(--radius-sm);border:0;min-height:64px;padding:12px 16px}.ai-summary>div{line-height:20px}.ai-summary p{font-size:14px;line-height:20px}.ai-summary small{font-size:12px;line-height:20px;display:block}.ai-summary .btn{width:176px}.scope-footer{margin-top:auto}.setup-content--review{min-height:724px}.setup .context-connection-summary{background:var(--success-bg)}.setup .connect-card{padding:var(--space-4);gap:var(--space-2);border:0}.setup .connect-card p{color:var(--muted);font-size:13px;line-height:19.5px}.connect-tools .btn:first-child{width:164px}.connect-tools .btn:last-child{width:242px}.setup .context-review-card{padding:var(--space-4);gap:var(--space-2);border:0}.context-review-list{gap:var(--space-3);flex-direction:column;display:flex}.context-review-card p{white-space:pre-line;color:var(--muted);font-size:13px;line-height:19.5px}.context-review-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.context-review-actions .btn-primary{width:304px}.context-editor{gap:var(--space-2);flex-direction:column;display:flex}.preview-indicator{color:var(--muted);align-items:center;gap:var(--space-3);font-size:12px;font-weight:400;display:flex}.preview-indicator a{text-underline-offset:3px;text-decoration:underline}@media (max-width:1200px){.setup-main{padding-inline:32px}.provider-list{grid-template-columns:repeat(3,minmax(0,1fr))}.setup .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup .method-section{min-height:0}.tool-finder{gap:16px;padding-inline:0}.tool-finder-copy{min-width:0}}@media (max-width:760px){.setup-main,.setup-main--ai,.setup-main--project{min-height:0;padding:24px 16px 32px}.setup .steps h2,.setup .steps>p,.setup .steps>small{display:none}.setup .steps li{font-size:11px;line-height:16px}.setup .steps{padding:16px}.setup .steps ol{gap:16px;padding:0}.setup .steps li{gap:8px;height:auto}.setup .steps .step-connector,.setup .steps .step-description{display:none}.setup .steps .step-copy{justify-content:center;padding:0}.setup .steps .step-label{font-size:12px;line-height:18px}.setup .heading{min-height:0}.setup .heading h1{font-size:24px;line-height:36px}.setup .heading p{font-size:14px;line-height:21px}.setup-content--ai .heading{gap:12px}.action-bar,.action-bar-next{flex-wrap:wrap}.action-bar-leading>.action-bar-next{flex:1}.ai-start{width:100%}.ai-later{width:auto}.setup .project-form{padding:16px}.project-location{min-height:0}.setup .step-next,.setup .step-start{width:auto}.scope-footer{margin-top:8px}.setup-content--review{min-height:0}.tool-finder{flex-direction:column;align-items:stretch}.tool-finder .btn{align-self:flex-end}.method-copy p{overflow-wrap:anywhere}.setup .method{gap:12px;height:auto;min-height:192px}.provider-list{gap:8px}.provider-list .btn{padding-inline:8px}.setup .ai-summary{flex-wrap:wrap}.preview-indicator a{display:none}}.onboarding-ai-actions .action-bar-next{flex:none}.setup .context-choice textarea{min-height:96px;font-size:14px}.setup .context-choice small{font-size:12px;line-height:18px}.setup .segmented>.btn{color:var(--muted);background:0 0;border:0;flex:1;height:36px;padding-inline:12px;font-size:14px}.setup .segmented>.setup-view-selected{background:var(--brand);color:var(--surface)}.setup-material-note{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px;display:flex}.setup-material-note h3{font-size:14px;line-height:21px}.setup-material-note p{color:var(--muted);font-size:12px;line-height:18px}.setup-selected-files{border:0;min-height:300px;padding:24px}.setup-selected-files>.empty{justify-items:center}.setup-file-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--ink);justify-content:center;align-self:center;align-items:center;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.setup-file-select:focus-within{outline:2px solid var(--brand);outline-offset:3px}.setup .scope-panel>.empty{flex:1;justify-items:center;width:100%}.scope-row .name{overflow-wrap:anywhere}.ai-summary>div{flex:1;min-width:0}.ai-summary>.btn{flex-shrink:0}@media (max-width:760px){.setup .segmented{width:100%}.setup .ai-summary{gap:12px}.setup .ai-summary>.btn{width:auto}}.setup-content--welcome{width:min(100%,var(--setup-form-width));gap:24px}.work-profile-form{border-radius:var(--radius-lg);border:0;gap:24px;padding:24px}.setup-choice-group{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.setup-choice-group legend{margin-bottom:12px;font-size:14px;font-weight:500;line-height:21px}.setup-choice-group legend span{color:var(--muted);font-weight:400}.setup-choice-group>p{color:var(--muted);font-size:12px;line-height:18px}.setup-chips{flex-wrap:wrap;gap:8px;display:flex}.setup-chips>.btn{height:36px;font-size:13px;font-weight:400}.setup-chips>.btn[aria-pressed=true]{border-color:var(--brand);background:var(--tint);color:var(--brand);font-weight:500}.work-profile-form textarea{background:var(--surface);min-height:96px;font-size:14px}.welcome-value-list{flex-direction:column;gap:24px;margin-top:12px;display:flex}.welcome-value-list>p{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.welcome-value-list svg{color:var(--brand)}.setup-profile-link{margin-top:4px;justify-content:flex-start!important;padding:0!important;font-size:12px!important}.context-preparation{margin-top:8px}.context-preparation>.segmented{max-width:100%}.context-import-guide{background:var(--surface);border-radius:var(--radius-sm);padding:16px}.context-import-guide summary{color:var(--brand);cursor:pointer;font-size:13px}.context-import-guide details p{margin-top:8px}.context-import-guide .btn{font-size:13px}.setup .setup-context-review{border:0;gap:12px;padding:24px}.setup-context-review>h3{font-size:16px}.setup-context-review .context-review-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.setup-context-review .context-review-card>p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;color:var(--muted);margin-top:8px;font-size:13px;overflow:auto}@media (max-width:760px){.work-profile-form{padding:16px}.work-profile-setup>.steps{display:none}.setup-profile-link{display:none!important}}.setup .step-copy{text-align:left;font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:flex-start;margin:0}.setup .step-copy:disabled{opacity:1;cursor:default}.setup .setup-material-summary{border:0;gap:12px;padding:16px}.setup-material-summary>div{flex:1}.setup-material-summary strong{font-size:14px}.setup-material-summary p{color:var(--muted);font-size:13px}@media (max-width:760px){.setup .step-copy{padding-top:0}}.setup-content--connections{width:min(100%,var(--setup-width))}.setup-content--connections>.onboarding-tool-catalog{max-width:none}.setup .onboarding-tool-catalog{border-radius:var(--radius-lg);border:0;gap:16px;padding:24px}.catalog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.catalog-heading h3{font-size:16px;line-height:24px}.catalog-heading p{color:var(--muted);margin-top:4px;font-size:13px;line-height:20px}.catalog-heading>span{white-space:nowrap;color:var(--brand);font-size:12px}.catalog-search-row{align-items:flex-end;gap:16px;display:flex}.catalog-search-row>.field{flex:1;min-width:0}.catalog-search-row .field>label{font-size:12px}.catalog-search-row .field input{height:40px;font-size:14px}.catalog-search-row>.segmented{flex:0 0 280px}.catalog-categories{flex-wrap:wrap;gap:8px;display:flex}.catalog-categories>.btn{background:var(--tint);height:32px;padding-inline:12px;font-size:12px}.catalog-categories>.btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--surface)}.catalog-tools{scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-height:560px;padding:2px;display:grid;overflow:auto}.setup .catalog-tool{border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.catalog-tool.is-selected{border-color:var(--brand);background:var(--tint)}.catalog-tool>h3{overflow-wrap:anywhere;font-size:16px;line-height:24px}.catalog-tool>p{color:var(--muted);min-height:36px;font-size:12px;line-height:18px}.catalog-support{border-radius:var(--radius-pill);background:var(--canvas);color:var(--muted);align-self:flex-start;padding:3px 8px;font-size:11px;line-height:18px;display:inline-flex}.catalog-tool details{color:var(--muted);font-size:12px;line-height:18px}.catalog-tool summary{cursor:pointer;color:var(--brand)}.catalog-tool details p{margin-top:8px}.catalog-tool>.btn{white-space:normal;width:100%;height:auto;min-height:36px;margin-top:auto;padding:0 8px;font-size:12px}@media (max-width:1200px){.catalog-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-search-row{flex-direction:column;align-items:stretch;gap:12px}.catalog-search-row>.segmented{flex-basis:auto;width:100%}}@media (max-width:760px){.setup .onboarding-tool-catalog{padding:16px}.catalog-tools{gap:12px}.setup .catalog-tool{padding:12px}.catalog-categories{flex-wrap:nowrap;padding-bottom:4px;overflow:auto}.catalog-categories>.btn{flex-shrink:0}}.setup-material-summary p{overflow-wrap:anywhere}.onboarding-header{z-index:10;background:var(--surface);position:sticky;top:0}.setup>.steps{align-self:start;min-height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);position:sticky;top:72px;overflow-y:auto}.setup .setup-tool-review{border:0;gap:12px;padding:24px}.setup-tool-review h3{font-size:16px}.setup-tool-review p{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:20px}.setup-tool-review small{font-size:12px;line-height:18px}.setup-tool-review>.btn{align-self:flex-start}@media (max-width:760px){.setup>.steps{min-height:0;max-height:none;position:static;overflow:visible}.onboarding-header{position:static}}.catalog-search-row>.segmented{flex-basis:400px}.catalog-badges{flex-wrap:wrap;gap:6px;display:flex}.catalog-badges .catalog-recommended{background:var(--tint);color:var(--brand);font-weight:500}.catalog-reason{color:var(--brand);overflow-wrap:anywhere;font-size:11px;line-height:16px}.catalog-recommend-bar{background:var(--surface);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.catalog-recommend-bar p{color:var(--muted);font-size:13px;line-height:20px}.catalog-recommend-bar .btn{flex-shrink:0;font-size:13px}.setup-ai-limit{color:var(--warning);font-size:12px;line-height:18px}.ai-summary .setup-ai-limit{margin-top:2px}.setup-file-select{white-space:nowrap}.setup-file-select--primary{min-width:184px;min-height:var(--control-height-lg);border-color:var(--brand);background:var(--surface);color:var(--brand);font-size:var(--text-lg);cursor:pointer}.setup-file-select--primary:hover{background:var(--tint)}.setup .setup-dropzone{justify-items:center;gap:12px;padding:40px 24px}.setup-dropzone h3{font-size:16px;line-height:24px}.setup-dropzone small{color:var(--muted);font-size:12px;line-height:18px}.setup-material-summary strong{font-weight:500}.setup .scope-panel{min-height:0}.scope-meta{color:var(--muted);font-size:12px;line-height:18px}.scope-badge{border-radius:var(--radius-pill);background:var(--canvas);color:var(--muted);vertical-align:1px;align-items:center;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.setup-not-included{border:1px solid var(--border);border-radius:var(--radius-md);padding:0 16px}.setup-not-included summary{min-height:48px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:20px;list-style:none;display:flex}.setup-not-included summary::-webkit-details-marker{display:none}.setup-not-included summary svg{flex-shrink:0;transition:transform .15s}.setup-not-included[open] summary svg{transform:rotate(180deg)}.setup-not-included ul{flex-direction:column;gap:12px;margin:0;padding:0 0 12px;list-style:none;display:flex}.setup-not-included li strong{font-size:14px;line-height:21px}.setup-not-included li p{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:18px}.setup-not-included>.btn-link{height:auto;margin:0 12px 12px 0;padding:0;font-size:12px}.setup .setup-first-chat{border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;padding:16px}.setup-first-chat h3{font-size:14px;line-height:21px}.setup-first-chat p{color:var(--muted);font-size:13px;line-height:20px}.setup-main .action-bar{z-index:5;background:var(--surface);padding-block:16px;position:sticky;bottom:0;box-shadow:0 -12px 16px -12px #17203324}@media (max-width:760px){.catalog-recommend-bar{flex-direction:column;align-items:stretch}.catalog-search-row>.segmented{flex-basis:auto}.setup-file-select--primary{width:100%}}.setup-content--connections>.setup-discovery{max-width:none}.setup .setup-discovery{border-radius:var(--radius-lg);border:0;gap:8px;padding:16px 20px}.setup-discovery-heading{align-items:center;gap:12px;display:flex}.setup-discovery-heading h3{font-size:15px;line-height:23px}.setup-discovery-heading p{color:var(--muted);font-size:13px;line-height:20px}.setup-discovery-heading>.setup-file-select{flex-shrink:0}.setup-discovery>small{color:var(--muted);padding-left:32px;font-size:12px;line-height:18px}.setup-discovery-inline{justify-content:space-between;gap:12px;padding:4px 0}.setup-discovery-inline p{color:var(--muted);font-size:13px;line-height:20px}.setup .setup-found{border-radius:var(--radius-lg);border:0;gap:12px;padding:20px}.setup-found-heading{align-items:flex-start;gap:12px}.setup-found-heading h3{font-size:15px;line-height:23px}.setup-found-heading p{color:var(--muted);font-size:12px;line-height:18px}.setup-found-heading .setup-file-select{flex-shrink:0;min-height:32px;padding:0 12px;font-size:13px}.setup-found-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.setup-found-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.setup-found-list .check-row{font-size:14px}.setup-found-list .name{overflow-wrap:anywhere}.setup-found-list small{color:var(--muted);overflow-wrap:anywhere;padding-left:28px;font-size:12px;line-height:18px}.setup-found-actions{align-items:center;gap:12px}.setup-found-actions .btn-link,.setup-found-more{align-self:flex-start;height:auto;padding:0;font-size:13px}.setup-found .setup-not-included{background:var(--surface)}.setup-found .setup-not-included li strong{overflow-wrap:anywhere;align-items:center;gap:4px;display:inline-flex}.setup-found-rest{padding-bottom:12px}@media (max-width:760px){.setup-discovery-heading,.setup-discovery-inline,.setup-found-heading{flex-wrap:wrap}.setup-discovery>small{padding-left:0}}.setup-content--connections>.action-bar{max-width:none}.setup-discovery-error{color:var(--danger);padding-left:32px;font-size:13px;line-height:20px}.setup-terminal{border-top:1px solid var(--border);margin-left:32px;padding-top:8px}.setup-terminal>summary{cursor:pointer;color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:20px;list-style:none;display:flex}.setup-terminal>summary::-webkit-details-marker{display:none}.setup-terminal[open]>summary svg:last-child{transform:rotate(180deg)}.setup-terminal-body{gap:12px;padding-top:12px}.setup-terminal-body>p{color:var(--muted);font-size:13px;line-height:20px}.setup-terminal-body ol{flex-direction:column;gap:12px;margin:0;padding-left:20px;font-size:13px;line-height:20px;display:flex}.setup-terminal-body li{flex-direction:column;gap:8px;display:flex}.setup-terminal-body li>.setup-file-select{cursor:pointer;align-self:flex-start;min-height:32px;padding:0 12px;font-size:13px}.setup-terminal-source{color:var(--brand);align-self:flex-start;font-size:12px}@media (max-width:760px){.setup-terminal,.setup-discovery-error{margin-left:0;padding-left:0}}
.workspace-navigation{flex:0 0 64px;width:64px;min-height:0}.workspace-navigation.is-open{flex-basis:232px;width:232px}.workspace-navigation .workspace-rail{height:100%}.workspace-rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex:0 0 64px;align-items:stretch;gap:16px;width:64px;padding:20px 8px 16px;display:flex}.workspace-nav-group{flex-direction:column;gap:8px;display:flex}.workspace-nav-spacer{flex:1;min-height:32px}.workspace-nav-item{width:48px;height:40px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0;font-weight:500;display:flex;position:relative}.workspace-nav-item img,.workspace-switcher img,.workspace-account img{flex:0 0 20px;width:20px;height:20px}.workspace-nav-item:hover,.workspace-account:hover{background:var(--canvas)}.workspace-nav-item.is-selected,.workspace-account.is-selected{background:var(--tint);color:var(--brand)}.workspace-nav-divider{background:var(--border);flex-shrink:0;width:100%;height:1px}.workspace-nav-tooltip{z-index:40;background:var(--ink);color:var(--surface);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.workspace-nav-item:hover .workspace-nav-tooltip,.workspace-nav-item:focus-visible .workspace-nav-tooltip{opacity:1;visibility:visible}.workspace-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:16px;width:232px;height:100%;padding:20px 16px 16px;display:flex;position:relative;overflow-y:auto}.workspace-collapse{background:0 0;border:0;border-radius:4px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:0;right:2px}.workspace-switcher{border:1px solid var(--border);background:var(--canvas);text-align:left;border-radius:8px;align-items:center;gap:10px;width:200px;min-height:64px;padding:10px;display:flex}.workspace-switcher-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.workspace-switcher-copy strong{font-size:12px;line-height:21px}.workspace-switcher-copy small{font-size:11px;line-height:18px}.workspace-monogram{background:var(--tint);width:30px;height:30px;color:var(--brand);border-radius:8px;flex:0 0 30px;place-items:center;font-weight:700;display:grid}.workspace-sidebar .workspace-nav-group{gap:4px}.workspace-sidebar .workspace-nav-item{border-radius:8px;justify-content:flex-start;width:200px;height:42px;min-height:42px;padding:0 12px}.workspace-recent{flex-direction:column;gap:8px;display:flex}.workspace-recent>small{color:#8993a4;font-size:11px;font-weight:500;line-height:17px}.workspace-sidebar .workspace-new-project{height:36px;min-height:36px;color:var(--brand)}.workspace-soon{color:var(--muted);margin-left:auto;font-size:10px}.workspace-project-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-account{border:0;border-top:1px solid var(--border);text-align:left;background:0 0;flex-shrink:0;align-items:center;gap:10px;width:200px;height:60px;padding:12px 0 0;display:flex}.workspace-avatar{border-radius:50%;flex-basis:32px;width:32px;height:32px}.workspace-account strong{font-size:14px;font-weight:500}.workspace-account small{font-size:12px}.workspace-destination{background:var(--canvas);flex:1;min-width:0;padding:40px;overflow:auto}.workspace-destination>.stack{max-width:960px;margin:auto}.workspace-destination h1{font-size:24px}.workspace-destination .workspace-project-card{text-align:left;width:100%;max-width:400px}.workspace-rail .workspace-nav-item:first-child{flex-shrink:0}@media (max-width:760px){.workspace-rail{align-self:flex-start;height:calc(100dvh - 72px);min-height:calc(100dvh - 72px);position:sticky;top:0}.workspace-destination{padding:24px 16px}}@media (prefers-reduced-motion:no-preference){.workspace-nav-tooltip{transition:opacity .12s}}.workspace-review-dot{background:var(--brand);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10px;line-height:16px;position:absolute;top:1px;left:29px}.workspace-review-count{background:var(--tint);min-width:19px;color:var(--brand);text-align:center;border-radius:8px;order:3;margin-left:auto;padding:0 5px;font-size:12px}.workspace-context-popover,.workspace-account-popover{z-index:55;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;position:fixed;left:248px}.workspace-context-popover{gap:16px;width:320px;padding:24px;top:92px}.workspace-context-popover h2{font-size:18px;line-height:26px}.workspace-popover-close{background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.workspace-current-space{background:var(--tint);border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}.workspace-current-space strong{font-size:14px}.workspace-current-space small{font-size:12px}.workspace-account-popover{flex-direction:column;gap:4px;width:232px;padding:8px 12px;display:flex;bottom:16px}.workspace-account-popover-heading{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:56px;display:flex}.workspace-account-popover-heading small{font-size:12px;display:block}.workspace-account-popover>button,.workspace-account-popover>a{height:40px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.workspace-account-popover>button:hover,.workspace-account-popover>a:hover{background:var(--canvas)}.workspace-account-popover>a{justify-content:space-between}@media (max-width:600px){.workspace-context-popover,.workspace-account-popover{max-width:calc(100vw - 16px);left:8px;box-shadow:0 8px 40px #17203326}.workspace-context-popover{top:164px}.workspace-account-popover{bottom:76px}}
.project-screen{background:var(--surface);letter-spacing:-.03em;flex-direction:column;height:100dvh;min-height:600px;display:flex}.project-screen button{font-family:inherit}.project-header{border-bottom:1px solid var(--border);background:var(--surface);flex:0 0 72px;align-items:center;gap:24px;height:72px;padding:0 24px;display:flex}.project-header>.btn{width:96px}.project-picker{position:relative}.project-picker-trigger{height:36px;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:500;display:flex}.project-picker-menu{z-index:45;border:1px solid var(--border);width:240px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:16px;position:absolute;top:44px;left:0}.project-members{min-width:53px;display:flex}.project-members span{background:var(--tint);border:1px solid var(--border);width:32px;height:32px;color:var(--brand);border-radius:50%;place-items:center;font-size:12px;display:grid}.project-members span+span{margin-left:-7px}.design-preview-label{color:var(--muted);letter-spacing:0;font-size:10px}.project-body{flex:1;min-height:0;display:flex;overflow:hidden}.project-screen .selected{background:var(--tint);color:var(--brand)}.project-chat{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:0 0 360px;gap:12px;width:360px;min-height:0;padding:20px;display:flex}.project-chat h2{font-size:16px;line-height:28px}.project-chat-compact{flex-basis:280px;width:280px}.project-chat-heading{flex:0 0 70px;height:70px}.project-chat-tabs{border-bottom:1px solid var(--border);gap:16px;height:34px;margin-top:8px;display:flex}.project-chat-tabs button,.project-info-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 8px;font-size:13px}.project-chat-tabs button[aria-selected=true],.project-info-tabs button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);font-weight:500}.project-chat-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:auto}.chat-date{color:var(--muted);align-items:center;gap:12px;font-size:12px;line-height:18px;display:flex}.chat-date span{background:var(--border);flex:1;height:1px}.agent-message{align-items:flex-start;gap:10px;display:flex}.agent-avatar{border:1px solid var(--border);background:var(--tint);border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.agent-message-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.agent-byline{gap:8px;height:20px}.agent-byline strong{font-size:13px;line-height:20px}.agent-byline small{white-space:nowrap;font-size:12px}.agent-message-title{font-size:15px;line-height:23px}.agent-message blockquote{border-left:3px solid #d9e1ec;flex-direction:column;gap:5px;margin:0;padding-left:12px;display:flex}.agent-message blockquote p{font-size:13px;font-weight:500;line-height:20px}.agent-message blockquote small{font-size:12px;line-height:18px}.agent-message .source-link{height:36px;padding-left:12px;font-size:14px}.agent-message-body>small{font-size:12px;line-height:18px}.change-proposal{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.change-proposal>.row{gap:12px;height:26px}.change-proposal>.row small{flex-shrink:0;width:64px}.change-proposal>.row strong{color:var(--brand);white-space:nowrap;font-size:18px;line-height:27px}.proposal-files{flex-direction:column;gap:6px;display:flex}.proposal-files button{background:var(--canvas);text-align:left;color:var(--ink);border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 10px;font-size:12px;line-height:18px;display:flex}.proposal-files small{font-size:12px;line-height:18px}.change-proposal>.btn{width:180px;max-width:100%;font-size:14px}.project-chat-guide{border:0;border-radius:8px;gap:10px;padding:12px}.project-chat-guide>p{font-size:13px;line-height:20px}.project-chat-compact .agent-message{display:block}.project-chat-compact .agent-avatar{float:left;margin-right:8px}.project-chat-compact .agent-message-title{clear:both;display:block}.project-chat-compact .change-proposal>.btn{width:100%}.project-composer{background:#fff;border:1px solid #d9e1ec;border-radius:10px;flex:0 0 152px;height:152px;overflow:hidden}.project-composer textarea{resize:none;border:0;border-radius:0;height:71px;min-height:71px;padding:12px;font-size:12px;line-height:20px;display:block}.project-composer-tools{background:#f8f9fb;border-top:1px solid #e3e7ee;justify-content:flex-end;align-items:center;gap:2px;height:44px;padding:6px 12px;display:flex}.project-composer-tools button{background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.project-composer-bottom{align-items:center;gap:12px;height:36px;padding:0 7px;display:flex}.project-composer-bottom>button:first-child{white-space:nowrap;min-width:0;height:28px;color:var(--muted);background:0 0;border:0;flex:1;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:flex}.composer-send{background:var(--brand);border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.project-composer button:hover{background-color:var(--tint)}.project-composer .composer-send:hover{background-color:var(--brand-hover)}.project-materials{background:var(--canvas);flex-direction:column;flex:1;gap:12px;min-width:0;padding:20px 24px;display:flex;overflow:auto}.project-toolbar{flex:0 0 36px;align-items:center;gap:12px;height:36px;margin-bottom:4px;display:flex}.project-toolbar>.btn:first-child{width:100px}.project-toolbar>.btn{font-size:14px}.project-info-tabs{flex-shrink:0;gap:12px;height:34px;display:flex}.project-info-tabs button{padding:0 12px}.project-filters .btn{width:128px}.project-section-caption{color:var(--muted);font-size:13px;line-height:20px}.project-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-material-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:12px;min-width:0;height:420px;padding:16px 18px;display:flex}.project-material-open{color:var(--ink);text-align:left;background:0 0;border:0;flex-direction:column;gap:12px;min-width:0;padding:0;display:flex}.project-material-open>.row{gap:12px;width:100%;height:28px}.project-material-open strong{font-size:15px;line-height:22px}.document-status{color:#946016;white-space:nowrap;background:#fff4dc;border-radius:6px;justify-content:center;align-items:center;min-width:76px;height:24px;padding:0 8px;font-size:11px;font-weight:400;display:inline-flex}.document-status-approved{background:var(--success-bg);color:var(--success)}.project-material-preview{background:var(--canvas);border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:100%;height:246px;padding:12px;display:flex;overflow:hidden}.project-material-preview>small{flex-shrink:0;font-size:11px;line-height:17px}.project-material-preview .rendered-page{flex-shrink:0;width:270px}.project-material-preview .rendered-guide{width:287px}.project-material-change{color:var(--brand);font-size:12px;line-height:18px}.project-material-source{height:24px;font-size:12px}.project-material-source .btn-link{color:var(--muted);font-size:12px}.project-material-quiet{background:0 0;height:128px}.project-material-quiet .project-material-open{width:100%}.project-material-quiet:has(.project-material-preview){background:#fff;height:420px}.project-material-open:hover strong,.project-material-source button:hover{color:var(--brand)}.rendered-page{background:#fff;flex-shrink:0;width:100%;position:relative}.word-page{pointer-events:none;width:100%;height:auto;display:block}.document-highlight{mix-blend-mode:multiply;background:0 0;border:0;padding:0;position:absolute;inset:29.01% 21.91% 68.76% 30.07%}.document-highlight img{width:100%;height:100%;display:block}.document-highlight:focus-visible{outline:2px solid var(--brand)}.guide-page{border:1px solid var(--border);background:#fff;flex-direction:column;gap:6px;min-height:204px;padding:12px 9px;display:flex}.guide-page h2{font-size:12.58px;line-height:19px}.guide-page h3{font-size:8.88px;line-height:13px}.guide-page p{color:var(--muted);font-size:7.4px;line-height:11px}.guide-page table{border-collapse:collapse;width:100%;font-size:7.4px;line-height:11px}.guide-page td{border:1px solid var(--border);height:19px;padding:3px 7px}.guide-page tr:nth-child(2){background:var(--tint)}.guide-page td:first-child{width:25%}.document-unavailable{text-align:center;place-content:center;gap:16px;min-height:200px;padding:24px;display:grid}.document-unavailable img{margin:auto}.open-document-tabs{flex-shrink:0;align-items:center;gap:8px;min-height:40px;display:flex;overflow-x:auto}.open-document-tabs>.btn-link{white-space:nowrap;margin-right:8px;font-size:12px}.open-document-tabs>button:not(.btn){white-space:nowrap;height:40px;color:var(--muted);background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.open-document-tabs>.selected{border-color:var(--border)!important;background:var(--tint)!important;color:var(--brand)!important}.open-document-tabs img{width:16px;height:16px}.document-state-dot{background:#bcc3cf;border-radius:50%;width:6px;height:6px}.document-state-dot.pending{background:#c88c2f}.document-viewer{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:12px;min-height:570px;padding:20px;display:flex}.document-viewer h2{font-size:16px;line-height:24px}.document-viewer-title{flex-shrink:0;height:32px}.document-mode{flex-shrink:0;height:36px}.document-mode>.btn-ghost{height:32px;padding-inline:12px;font-size:13px}.document-mode>.btn-ghost:first-child{width:80px}.document-mode>.btn-ghost:nth-child(2){width:104px}.document-menu-anchor{position:relative}.document-file-menu{z-index:20;width:220px;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:16px;font-size:12px;display:flex;position:absolute;top:42px;right:0}.document-comparison{flex:1;gap:16px;min-height:300px;display:flex;overflow:hidden}.document-version{border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.document-version-label{border-bottom:1px solid var(--border);height:40px;color:var(--muted);flex:0 0 40px;padding:0 12px;font-size:12px}.document-version-label small{font-size:10px}.document-version-revised .document-version-label{background:var(--tint);color:var(--brand)}.document-page-scroll{background:var(--canvas);scrollbar-width:thin;flex:1;min-height:0;max-height:calc(100dvh - 422px);padding:16px 12px;overflow:auto}.document-page-scroll .rendered-page{min-width:360px}.document-comparison-single .rendered-page{max-width:680px;margin:auto}.document-review-footer{border-top:1px solid var(--border);align-items:center;gap:12px;min-height:64px;padding-top:12px;display:flex}.document-review-footer p{font-size:13px;line-height:18px}.document-review-footer small{font-size:11px;line-height:18px;display:block}.document-review-footer .btn-link{font-size:12px;line-height:18px}.document-review-footer>.btn{width:168px}.project-context{max-width:650px}.project-global{background:var(--canvas);flex-direction:column;flex:1;gap:24px;min-width:0;padding:32px;display:flex;overflow:auto}.project-global h1{font-size:24px;line-height:36px}.project-global-tabs .btn{width:150px}.project-global-card{max-width:620px}.project-global-card .btn{width:150px}.project-search-result{border:1px solid var(--border);text-align:left;color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.settings-navigation{border-right:1px solid var(--border);flex-direction:column;flex:0 0 240px;gap:12px;width:240px;padding:24px;display:flex}.settings-navigation h1{font-size:24px}.settings-navigation>.btn{justify-content:flex-start;width:192px}.settings-main{background:#fff;flex:1;justify-content:center;min-width:0;padding:32px 24px;display:flex;overflow:auto}.settings-content{align-self:flex-start;gap:20px;width:620px;max-width:100%;padding:24px}.settings-content h2{font-size:18px;line-height:28px}.settings-content>.card{border:0;border-radius:8px;padding:16px}.settings-content .card .stack{gap:12px}.settings-content p{font-size:13px;line-height:20px}.settings-content small{font-size:12px;line-height:20px}.product-overlay{z-index:70;place-items:center;display:grid;position:fixed;inset:0}.product-overlay-backdrop{background:#17203326;border:0;width:100%;position:absolute;inset:0}.product-overlay-surface{border:1px solid var(--border);width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow);background:#fff;border-radius:12px;gap:16px;padding:24px;position:relative;overflow:auto}.product-overlay-surface h2{font-size:18px;line-height:28px}.product-overlay-surface>.row>.btn-icon{background:0 0;border:0;flex-shrink:0}.product-overlay-surface p{font-size:13px;line-height:20px}.product-overlay-surface .card{border:0;border-radius:8px;padding:12px}.product-overlay-panel{pointer-events:none;place-items:stretch end;inset:72px 0 0}.product-overlay-panel .product-overlay-backdrop{display:none}.product-overlay-panel .product-overlay-surface{pointer-events:auto;border-radius:0;width:440px;max-width:100vw;height:100%;max-height:100%;box-shadow:-8px 0 28px #1720330f}.project-upload{border:1px dashed var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.project-upload span{color:var(--muted);font-size:12px}.share-file-caption{margin-top:8px;font-size:12px;display:block}.client-screen{background:var(--canvas)}.client-preview-banner{background:var(--tint);padding:10px 32px;font-size:13px;line-height:23px}.client-review{flex:1;gap:24px;min-height:0;padding:24px 32px;display:flex;overflow:auto}.client-documents{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:20px;display:flex}.client-documents>.card{border:0;padding:16px}.client-documents .document-viewer{border:0;padding:0}.client-documents .document-review-footer{display:none}.client-documents .document-viewer-title>.document-menu-anchor{display:none}.project-screen .toast .btn-link{color:#fff}@media (max-width:1200px){.project-chat{flex-basis:320px;width:320px}.project-chat-compact{flex-basis:260px;width:260px}.project-material-grid{grid-template-columns:minmax(0,1fr)}.project-toolbar{gap:8px}.project-info-tabs{gap:0}.project-toolbar>.btn{padding-inline:10px}.project-header{gap:16px}.project-material-preview .rendered-page{max-width:100%}}@media (max-width:760px){.project-screen{height:auto;min-height:100dvh}.project-header{gap:12px;padding:0 16px}.project-header .project-members,.project-header .design-preview-label{display:none}.project-header .logo{width:82px}.project-picker-trigger{white-space:nowrap;max-width:140px;overflow:hidden}.project-header>.btn{width:auto;padding:0 10px}.project-body{flex-wrap:wrap;overflow:visible}.project-screen .workspace-rail{z-index:35;height:auto;min-height:0;position:fixed;top:72px;bottom:0;left:0}.project-chat{border-bottom:1px solid var(--border);flex-basis:calc(100% - 64px);width:calc(100% - 64px);height:650px;margin-left:64px}.project-materials{flex-basis:calc(100% - 64px);margin-left:64px;padding:16px;overflow:visible}.project-toolbar{flex-wrap:wrap;height:auto;min-height:36px}.project-toolbar>.grow{display:none}.project-info-tabs{flex-basis:100%;order:3}.project-material-grid{grid-template-columns:1fr}.project-material-card{height:auto;min-height:350px;padding:12px}.project-material-quiet{min-height:120px}.project-material-preview{height:220px}.project-material-preview .rendered-page{width:100%;max-width:270px}.project-material-open>.row{gap:8px;height:auto}.document-comparison{flex:none;min-height:420px;overflow-x:auto}.document-version{min-width:280px}.document-viewer{min-height:680px;padding:12px}.document-page-scroll{max-height:420px}.document-viewer-title,.document-mode{flex-wrap:wrap;height:auto}.document-review-footer{flex-wrap:wrap}.document-menu-anchor>.btn{height:32px}.project-global{min-height:calc(100dvh - 72px);margin-left:64px;padding:24px 16px}.project-global-tabs{flex-wrap:wrap}.settings-navigation{border-right:0;flex-flow:wrap;flex-basis:100%;width:100%;padding:16px}.settings-navigation h1{display:none}.settings-navigation>.btn{width:auto}.settings-main{padding:16px}.settings-content{padding:0}.settings-content>.row{flex-wrap:wrap}.client-review{padding:16px}.client-documents{padding:12px}.client-preview-banner{padding:10px 16px}.product-overlay-panel .product-overlay-surface{width:min(440px,100vw)}.project-chat-compact .change-proposal>.btn{width:100%}}.project-chat{padding-inline:21px}.project-materials-open .project-toolbar{margin-bottom:0}.agent-message-title{word-break:keep-all;overflow-wrap:anywhere}.project-chat-compact .agent-message{position:relative}.project-chat-compact .agent-avatar{float:none;margin:0;position:absolute;top:0;left:0}.project-chat-compact .agent-message-body{display:flex}.project-chat-compact .agent-message-body>*{margin-bottom:0}.project-chat-compact .agent-byline{flex-wrap:nowrap;gap:8px;height:32px;padding-left:40px}.project-chat-compact .agent-message-title{clear:none}.project-screen .toast{pointer-events:none;width:max-content;max-width:calc(100vw - 32px);bottom:24px;left:50%;right:auto;transform:translate(-50%)}.project-screen .toast button{pointer-events:auto}.client-documents .document-viewer{min-height:0}.client-documents .document-viewer h2{font-size:18px;line-height:28px}.client-documents .document-comparison{min-height:200px}.client-documents .document-page-scroll{max-height:none}.client-documents .document-page-scroll .rendered-page{width:580px;min-width:360px;max-width:100%}.client-change-summary{background:var(--tint);color:var(--muted);border-radius:8px;flex-shrink:0;padding:16px;font-size:16px;line-height:24px}.client-documents>.row:last-child{flex-shrink:0}.client-screen .document-viewer-large .document-page-scroll .rendered-page{width:780px;max-width:none}.settings-content .card .stack>strong{line-height:24px}button.design-preview-label{background:0 0;border:0;padding:0;font-weight:400}.change-context-popover{z-index:80;border:1px solid var(--border);background:var(--surface);width:360px;max-width:calc(100vw - 32px);max-height:min(480px,100dvh - 32px);box-shadow:var(--shadow);border-radius:12px;gap:12px;padding:20px;font-size:13px;line-height:1.6;position:fixed;overflow:auto}.change-context-popover h2{font-size:16px;line-height:24px}.change-context-popover .card{padding:12px}.change-context-popover small{font-size:12px}.change-context-popover textarea{min-height:80px;font-size:13px}.project-composer{overflow:visible}.project-composer textarea{border-radius:10px 10px 0 0}.workspace-ai-picker{flex:1;min-width:0;position:relative}.workspace-ai-trigger{width:100%;height:28px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:flex}.workspace-ai-popover{z-index:50;border:1px solid var(--border);background:var(--surface);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;bottom:calc(100% + 12px);left:0}.workspace-ai-heading{align-items:center;gap:12px;display:flex}.workspace-ai-heading h2{flex:1;font-size:20px;font-weight:700;line-height:30px}.workspace-ai-heading .btn{border:0;width:36px;height:36px;padding:8px}.workspace-ai-popover p{color:var(--muted);font-size:13px;line-height:20px}.workspace-ai-popover>.btn{white-space:nowrap;width:100%;height:40px;min-height:40px;padding:0 16px;font-size:16px;font-weight:500}.workspace-ai-popover>.btn[aria-pressed=true]{border-color:var(--brand);background:var(--tint);color:var(--brand)}.project-body:has(>.workspace-navigation){--workspace-navigation-width:64px}.project-body:has(>.workspace-navigation.is-open){--workspace-navigation-width:232px}@media (max-width:760px){.project-body:has(>.workspace-navigation){min-width:calc(100vw + var(--workspace-navigation-width) - 64px)}.project-screen .workspace-navigation{align-self:flex-start;height:calc(100dvh - 72px);position:sticky;top:72px}.project-screen .workspace-navigation .workspace-rail{height:100%;min-height:0;position:relative;top:auto;bottom:auto;left:auto}.project-chat{width:calc(100% - var(--workspace-navigation-width,64px));flex-basis:calc(100% - var(--workspace-navigation-width,64px));margin-left:0}.project-materials,.project-global{margin-left:var(--workspace-navigation-width,64px)}.project-materials{flex-basis:calc(100% - var(--workspace-navigation-width,64px))}}.change-proposal-details>summary{display:none}.change-proposal-details.is-compact{border-block:1px solid var(--border);padding:12px 0}.change-proposal-details.is-compact>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;line-height:20px;display:flex}.change-proposal-details.is-compact>summary>span{color:var(--muted)}.change-proposal-details.is-compact>summary>small{color:var(--brand);flex-basis:100%;font-size:12px}.change-proposal-details.is-compact .change-proposal{border:0;border-radius:0;padding:12px 0 0}.project-materials-open{gap:8px;padding:12px 24px 0}.project-materials-open .project-toolbar{flex-basis:32px;height:32px}.project-materials-open .project-toolbar>.btn{background:0 0;border:0;font-size:12px}.project-materials-open .open-document-tabs{border-bottom:1px solid var(--border);gap:4px;min-height:40px}.project-materials-open .open-document-tabs>button:not(.btn){background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;height:40px;padding:0 12px}.project-materials-open .open-document-tabs>.selected{border-color:var(--brand)!important;color:var(--ink)!important;background:0 0!important}.project-materials-open .document-viewer{background:0 0;border:0;border-radius:0;gap:0;min-height:0;padding:0}.document-mode-inline{align-items:center;gap:4px;display:flex}.project-toolbar>.document-chat-toggle:first-child,.open-document-tabs>.document-chat-toggle{background:0 0;border:0;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}.document-mode-inline>.btn{border-radius:6px;height:30px;min-height:30px;padding:0 12px;font-size:12px;font-weight:400}.document-viewer-title .document-menu-anchor{align-items:center;gap:4px;display:flex}.document-viewer-title .document-menu-anchor>.btn{border:0;font-size:12px}.project-materials-open .document-viewer-title{gap:8px;height:48px}.project-materials-open .document-viewer-title>small{display:none}.project-materials-open .document-comparison{gap:24px;min-height:0}.project-materials-open .document-version{border:0;border-radius:0;overflow:hidden}.project-materials-open .document-version-label{background:0 0;border:0;flex-basis:32px;height:32px;padding:0 0 8px;font-size:12px;font-weight:500}.project-materials-open .document-version-revised .document-version-label{color:var(--ink);background:0 0}.project-materials-open .document-page-scroll{background:0 0;max-height:none;padding:0 0 24px}.project-materials-open .document-page-scroll .rendered-page{box-shadow:0 1px 4px #1720330d}.project-materials-open .document-review-footer{flex-shrink:0;gap:16px;min-height:72px;padding:12px 0}.project-materials-open .document-review-footer p{color:var(--muted);font-size:12px}.document-page-scroll .guide-page{border:0;gap:14px;min-height:640px;padding:28px}.document-page-scroll .guide-page h2{font-size:22px;line-height:32px}.document-page-scroll .guide-page h3{font-size:15px;line-height:24px}.document-page-scroll .guide-page p{font-size:13px;line-height:22px}.document-page-scroll .guide-page table{font-size:12px;line-height:20px}.document-page-scroll .guide-page td{height:36px;padding:6px 10px}@media (max-width:760px){.project-materials-open{padding:12px 16px}.project-materials-open .document-viewer{min-height:680px}.project-materials-open .document-comparison{gap:16px;min-height:420px}.project-materials-open .document-page-scroll{max-height:420px}.project-materials-open .document-viewer-title{height:auto;min-height:48px}}.request-inbox{gap:20px}.request-inbox-item{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:12px;padding:16px 0}.request-inbox-item .row{flex-wrap:wrap;gap:8px}.request-inbox-item p{font-size:14px;line-height:1.7}.request-inbox-item small{line-height:1.6}.request-inbox-item .btn-link{align-self:flex-start}.guide-change-added{color:#23623b;background:#e4f4e9;padding:2px 4px}.guide-change-before{color:#923c35;background:#fff0ed;padding:2px 4px}.claude-subscription-steps{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:14px;line-height:22px;display:flex}
.auth-screen{letter-spacing:-.03em;background:#fff;min-height:100dvh;display:flex;position:relative}.auth-column{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:48px 24px;display:flex}.auth-form{flex-direction:column;gap:28px;width:400px;max-width:100%;display:flex}.auth-logo{justify-content:center;align-items:center;height:34px;display:flex}.auth-logo img{width:128px;height:32.762px;display:block}.auth-heading{text-align:center;flex-direction:column;gap:8px;display:flex}.auth-heading h1{font-size:26px;line-height:36px}.auth-heading p{color:var(--muted);font-size:14px;line-height:22px}.auth-fields{flex-direction:column;gap:16px;display:flex}.auth-fields .field{gap:8px}.auth-fields .field>label{font-size:13px;line-height:20px}.auth-fields .field input{letter-spacing:-.03em;height:48px;padding:0 14px;font-size:14px;font-weight:400;line-height:22px}.auth-fields>.row{color:var(--muted);font-size:13px}.auth-password{position:relative}.auth-password input{padding-right:48px!important}.auth-password>button{background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:8px;right:8px}.auth-actions{flex-direction:column;gap:16px;display:flex}.auth-actions>.btn{letter-spacing:-.03em;width:100%;font-size:14px;font-weight:500;line-height:22px}.auth-actions>p,.auth-actions>a{text-align:center;color:var(--muted);font-size:13px;line-height:22px}.auth-actions a:not(.auth-forgot){color:var(--brand);font-weight:500}.auth-actions>.auth-forgot{text-align:right;letter-spacing:-.03em;font-weight:500}.auth-actions>p>a{margin-inline-start:.25em}.auth-terms{flex-direction:column;gap:4px;display:flex}.auth-terms .check-row{height:28px;color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:400}.auth-terms input{width:20px;height:20px;margin:0}.auth-preview{color:var(--muted);z-index:1;font-size:10px;position:absolute;top:12px;left:16px}.auth-screen-split .auth-column{flex:0 0 45%;width:45%}.auth-product-preview{background:var(--tint);place-items:center;width:55%;min-width:0;padding:40px;display:grid}@media (max-width:1100px){.auth-product-preview{padding:24px}.auth-screen-split .auth-column{flex-basis:50%;width:50%}.auth-product-preview{width:50%}}@media (max-width:760px){.auth-column,.auth-screen-split .auth-column{flex-basis:100%;width:100%;min-height:100dvh;padding:64px 24px}.auth-product-preview{display:none}.auth-heading h1{font-size:26px}}.auth-session-state{text-align:center;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:32px}.auth-session-state h1{font-size:24px}.auth-password{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.auth-password>.field{display:contents}.auth-password>.field>label{grid-area:1/1}.auth-password>.field>input{grid-area:2/1}.auth-password>.field>small{grid-area:3/1}.auth-password>button{z-index:1;grid-area:2/1;place-self:center end;margin-right:8px;position:static}