:root{--ink:#243d37;--muted:#7c8780;--green:#325b4b;--lime:#d7e6ac;--paper:#f8f9f5;--line:#e4e8df}*{box-sizing:border-box}body{margin:0;font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,label.upload{cursor:pointer}button{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 16px;color:var(--ink);font-weight:550}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green)}input,select,textarea{width:100%;border:1px solid #dce1d8;border-radius:6px;padding:12px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #325b4b12}label{display:block;font-size:12px;font-weight:600;margin:18px 0}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-1.6px;font-weight:500}p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650}.brand{font:36px Georgia,serif;letter-spacing:-2px}.brand>span{position:relative;top:5px;font-size:28px;margin-left:-2px}.brand small{font:9px sans-serif;letter-spacing:3px;margin-left:18px;vertical-align:middle}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#e7eddf;min-height:100vh;padding:45px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.intro:after{content:'∫';font:500px Georgia;position:absolute;right:-85px;bottom:-80px;color:#d9e2cf;transform:rotate(22deg);pointer-events:none}.intro-copy{margin:auto 0;position:relative;z-index:1;padding:65px 0}.intro h1{font:clamp(42px,4.8vw,74px)/1.07 Georgia,serif;margin:26px 0}.intro em{color:#6d8162;font-weight:400}.intro p{max-width:340px;color:#697761;font-size:14px}.intro-bottom{position:relative;z-index:1;font-size:9px;letter-spacing:1.4px;display:flex;justify-content:space-between;align-items:center}.intro-bottom span{font-size:25px}.signin{display:flex;align-items:center;justify-content:center;position:relative;background:#fcfcf9}.signin-card{width:340px;margin:65px 35px}.signin h2{font:38px Georgia,serif;margin:15px 0 10px}.signin form{margin-top:35px}.signin .primary{width:100%;margin-top:12px;text-align:left;padding:14px 16px}.signin button span{float:right}.private{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:#939b90;font-size:11px}.private span{margin-right:8px}.version{position:absolute;bottom:25px;left:40px;right:40px;font-size:9px;color:#929a8d;display:flex;justify-content:space-between;letter-spacing:1px}.error{color:#b2483c;font-size:12px;margin-top:15px}.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:#edf0e8;padding:29px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar .brand{margin:0 14px 48px}.nav{border:0;text-align:left;background:transparent;margin:3px 0;padding:12px}.nav span{margin-left:10px}.nav.active{background:#dfe7d8;color:#34543f}.sidebar-note{margin:auto 12px;font-size:11px;letter-spacing:2px;line-height:2;color:#8b9685}.sidebar-note em{font:23px/1.8 Georgia;letter-spacing:-.5px;color:#7f9074}.note-lines{font:27px Georgia;margin-top:20px;color:#b9c6ae}.profile{border:0;border-top:1px solid #dae0d3;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:23px 8px 0}.profile>span{font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px;font-weight:400}main{margin-left:218px}header{height:79px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#889080}header b{font-weight:400;padding:0 16px;color:#c1c8bc}.private-badge{font-size:10px;color:#5e7657}section{padding:40px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 34px}.page-heading h1{font:43px Georgia;margin:8px 0 9px}.dot{color:#8ca66b}.page-heading p{font-size:12px}.page-heading button{font-size:12px}.welcome-strip{padding:23px;background:#ecf1e5;border:1px solid #e0e7d8;display:flex;align-items:center;gap:18px;border-radius:8px}.strip-icon{font:30px Georgia;background:#dfe9d3;width:48px;height:48px;text-align:center;border-radius:50%}.welcome-strip strong{font-size:13px;font-weight:550}.welcome-strip p{font-size:11px;margin-top:4px}.welcome-strip>span{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#8b977f;max-width:160px}.section-label{margin:37px 0 20px;font-size:9px;letter-spacing:1.5px;color:#7f8e76;display:flex;justify-content:space-between}.section-label span{letter-spacing:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;min-height:330px;align-content:start}.project-card{background:white;border:1px solid var(--line);border-radius:9px;padding:22px;text-align:left;position:relative;min-height:180px}.project-card:hover{border-color:#aebf9c;transform:translateY(-2px)}.project-card h3{font:23px Georgia;margin:22px 0 9px;overflow-wrap:anywhere}.project-card p{font-size:11px}.project-card .arrow{position:absolute;right:22px;bottom:18px;font-size:24px}.tag{display:inline-block;padding:4px 8px;border-radius:4px;background:#edf2e6;font-size:9px;color:#718362}.empty{grid-column:1/-1;border:1px dashed #ced7c5;padding:45px;text-align:center;border-radius:8px}.empty h3{font:26px Georgia;margin:14px}.empty p{font-size:12px}.empty button{margin-top:22px}footer{padding:28px 40px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.6px;color:#98a08e;display:flex;justify-content:space-between}footer span{letter-spacing:0}.editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.editor-heading h2{font:29px Georgia;margin-top:6px}.actions{display:flex;gap:8px}.actions button{font-size:11px}.editor-grid{display:grid;grid-template-columns:170px minmax(260px,1fr) 255px;border:1px solid var(--line);background:white;border-radius:8px;overflow:hidden;min-height:65vh}.panel-title{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line);height:54px}.panel-title button{padding:0 7px;font-size:18px;border:0}.file-panel{border-right:1px solid var(--line);background:#fbfcf8}.upload{margin:12px;font-size:10px;color:#708465}.file-item{display:block;width:100%;text-align:left;border:0;border-radius:0;background:transparent;font:11px/1.5 monospace;padding:9px 12px;overflow-wrap:anywhere}.file-item.selected{background:#e9efdf;color:#3d6238}.file-item.changed:after{content:' •';color:#a08543}.code-panel{display:flex;flex-direction:column;min-width:0}.file-tab{height:54px;padding:8px 12px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);font:11px monospace}.file-tab>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tab button{font:10px sans-serif;padding:6px 8px}.file-tab #delete-file{color:#a85c4b}#code{flex:1;resize:vertical;border:0;border-radius:0;font:12px/1.9 'SFMono-Regular',Consolas,monospace;min-height:450px;padding:23px;color:#485b4a;tab-size:2;white-space:pre;overflow:auto;box-shadow:none}.code-footer{font-size:9px;padding:10px;display:flex;gap:9px;justify-content:space-between;border-top:1px solid var(--line);color:#95a08c}.ai-panel{border-left:1px solid var(--line);padding:0 18px 22px;background:#fcfcfa}.ai-panel .panel-title{margin:0 -18px;padding-left:18px}.ai-panel h3{font:23px/1.3 Georgia;margin-top:23px}.ai-panel em{color:#869779}.ai-panel p{font-size:11px;margin:10px 0 22px}.ai-panel label{font-size:10px}.ai-panel select,.ai-panel textarea{font-size:11px;padding:9px}.ai-panel textarea{min-height:110px}.ai-panel>.primary{width:100%;font-size:11px}.ai-note{font-size:9px;color:#97a18e;margin:12px 0 25px}.ref-button{width:100%;font-size:10px;background:#f0f3ea}#ref-results{font-size:11px;overflow-wrap:anywhere}#ref-results button{font-size:10px;margin-top:5px;width:100%}dialog{border:1px solid var(--line);border-radius:12px;padding:35px;max-width:740px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#1b302b70;backdrop-filter:blur(4px)}dialog h2{font:30px Georgia;margin:0 25px 12px 0}dialog p{font-size:12px}dialog .close{position:absolute;right:15px;top:15px;border:0;background:transparent;font-size:22px}dialog .actions{justify-content:flex-end;margin-top:22px}.help{font-size:10px;color:#89977f;display:block;margin-top:5px}.proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proposal-grid textarea{height:350px;font:11px/1.8 monospace}.danger{color:#a04b40;border-color:#d6b6af}.divider{border:0;border-top:1px solid var(--line);margin:30px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:7px;box-shadow:0 7px 30px #0002;max-width:90vw;z-index:20;font-size:12px}@media(min-width:1450px){.editor-grid{grid-template-columns:200px minmax(400px,1fr) 290px}}@media(max-width:1100px){.sidebar{width:175px;padding:25px 12px}main{margin-left:175px}section{padding:25px}.editor-grid{grid-template-columns:140px 1fr}.ai-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.welcome-strip>span{display:none}}@media(max-width:700px){.login{grid-template-columns:1fr}.intro{min-height:auto;padding:28px}.intro-copy{padding:35px 0}.intro h1{font-size:45px}.intro-bottom{display:none}.signin{min-height:570px}.sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:12px;gap:6px}.sidebar .brand{margin:0 auto 0 5px;font-size:25px}.sidebar .brand>span{font-size:20px}.sidebar-note,.profile,.nav span{display:none}.nav{font-size:19px;padding:6px 12px}main{margin:0}header{padding:15px;height:55px}section{padding:20px 15px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:32px}.page-heading button{padding:10px;font-size:10px}.welcome-strip{padding:15px}.welcome-strip p{font-size:10px}.editor-heading{display:block}.actions{margin-top:15px}.editor-grid{grid-template-columns:105px minmax(0,1fr)}.file-tab #delete-file{display:none}.file-tab{padding:8px;gap:4px}.file-item{font-size:10px;padding:8px}#code{padding:12px;font-size:11px}.code-footer{display:block}.code-footer span{display:block}.proposal-grid{grid-template-columns:1fr}footer{padding:20px 15px;font-size:7px}footer span{display:none}}
.model-tools{display:flex;gap:8px;align-items:flex-end}.model-tools label{flex:1;min-width:0;margin-bottom:8px}.model-tools button{padding:9px 12px;margin-bottom:8px}.model-info{font-size:10px;color:#75836a;overflow-wrap:anywhere;margin:5px 0 12px}.ai-panel details{font-size:10px;margin:12px 0;color:#718369}.ai-panel summary{cursor:pointer}.ai-panel details label{margin:8px 0}.ai-panel .ai-inline-result{font-size:12px;overflow-wrap:anywhere}.ai-panel .ai-inline-result h3{font-size:22px}.ai-inline-result pre{white-space:pre-wrap;font-size:10px;max-height:350px;overflow:auto}.ai-inline-result .lab-text-output{min-height:300px;font:12px/1.8 monospace}.decision-card{padding:15px;border:1px solid var(--line);border-radius:6px;margin:15px 0}.decision-card p{margin:8px 0}.decision-card table{width:100%;border-collapse:collapse}.decision-card td{padding:7px;border-bottom:1px solid var(--line)}.decision-card td:last-child{text-align:right;white-space:nowrap}.generated-image{margin:18px 0}.generated-image img{display:block;max-width:100%;max-height:550px;object-fit:contain;border-radius:6px;margin-bottom:12px}.generated-image button{font-size:11px;margin:5px}.editor-ref-button{width:auto;margin-top:15px}.lab-ai-panel{max-width:900px;padding:24px 32px;border:1px solid var(--line);border-radius:9px;background:white;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.lab-ai-panel>.panel-title,.lab-ai-panel>h3,.lab-ai-panel>.ai-note,.lab-ai-panel>.ai-inline-result{grid-column:1/-1}.lab-ai-panel>h3{margin-bottom:15px}.lab-ai-panel>.panel-title{margin:0;padding:0;border:0}.lab-ai-panel>details{grid-column:1/-1}.lab-ai-panel>.primary{align-self:center;height:44px}.lab-ai-panel>div[hidden]{display:none}.ai-panel textarea{resize:vertical}.ai-inline-result button{color:var(--ink)}@media(max-width:700px){.lab-ai-panel{display:block;padding:20px}.lab-ai-panel label{margin:18px 0}.lab-ai-panel>.primary{height:auto}.model-tools label{margin-bottom:8px}}
#workspace:has(#project-tree:not([hidden])) .sidebar{width:260px;padding:22px 14px}#workspace:has(#project-tree:not([hidden])) main{margin-left:260px}#workspace:has(#project-tree:not([hidden])) .sidebar .brand{margin-bottom:22px}#workspace:has(#project-tree:not([hidden])) .sidebar-note{display:none}#project-tree{min-height:0;flex:1;overflow:auto;margin:20px -4px 12px;border-top:1px solid var(--line)}#project-tree .panel-title{padding:14px 10px;font-size:11px;letter-spacing:0}#tree-project-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions{display:flex;gap:6px;padding:10px}.tree-actions button{font-size:10px;padding:7px 9px;background:#f6f8f1}.tree-folder>summary{cursor:pointer;font:12px/1.6 sans-serif;padding:7px 10px;color:#657858;list-style-position:inside}.tree-children{margin-left:12px;border-left:1px solid #dce4d4}.file-item{font:11px/1.6 sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-grid{grid-template-columns:minmax(0,1fr) 300px;min-height:600px}.code-panel{min-width:0}.editor-heading .actions{flex-wrap:wrap;justify-content:flex-end}#editor-view{padding:24px}#code-and-preview{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100vh - 300px);min-height:470px}#code-and-preview.split-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#code-editor{min-height:0;min-width:0;overflow:hidden}#html-preview{width:100%;height:100%;background:white;border:0;border-left:1px solid var(--line)}#preview-status{font-size:10px;color:#7c886f;padding:6px 12px;max-height:70px;overflow:auto}#image-viewer{padding:25px;overflow:auto;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#eff1ea 0% 25%,#fafbf7 0% 50%) 50%/24px 24px}#project-image{max-width:100%;max-height:100%;object-fit:contain}#editor-ai-panel{max-height:calc(100vh - 220px);overflow:auto}.code-footer{flex-wrap:wrap}.diff-file{margin:14px 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.diff-file summary{padding:12px;cursor:pointer;font-size:12px}.diff-code{font:11px/1.7 monospace;white-space:pre;overflow:auto;max-height:400px;margin:0;background:#fff;padding:12px}.diff-add{background:#e3f2dd;color:#3e6835}.diff-remove{background:#f9e3df;color:#995548}.diff-hunk{color:#54778d;background:#eef3f8}#commit-status{margin:16px 0}#pending-commits{font-size:11px;overflow-wrap:anywhere}.manage-tools{font-size:11px;margin-bottom:10px}.proposal-diff{margin-top:14px}.proposal-diff summary{cursor:pointer;font-size:12px}.lab-ai-panel>.manage-tools{align-self:center}.lab-ai-panel>label:first-of-type{margin-bottom:8px}#tool-form textarea{font:12px/1.7 sans-serif}#modal:has(#diff-files){max-width:1000px}@media(max-width:1200px){.editor-grid{grid-template-columns:minmax(0,1fr) 250px}#workspace:has(#project-tree:not([hidden])) .sidebar{width:210px}#workspace:has(#project-tree:not([hidden])) main{margin-left:210px}#code-and-preview.split-preview{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:800px}#html-preview{border-left:0;border-top:1px solid var(--line)}}@media(max-width:950px){.editor-grid{grid-template-columns:1fr}#editor-ai-panel{grid-column:auto;max-height:none;border-left:0;border-top:1px solid var(--line)}}@media(max-width:700px){#workspace:has(#project-tree:not([hidden])) .sidebar{width:auto;flex-wrap:wrap;position:static}#workspace:has(#project-tree:not([hidden])) main{margin:0}#project-tree{flex-basis:100%;max-height:260px;margin:10px 0 0}#workspace:has(#project-tree:not([hidden])) .sidebar .brand{margin-bottom:0}.editor-heading .actions{justify-content:flex-start}.editor-heading{display:block}#editor-view{padding:15px}.code-tab{flex-wrap:wrap}.file-tab{height:auto;min-height:54px}.file-tab #delete-file{display:block}#code-and-preview{min-height:420px}.lab-ai-panel>.manage-tools{width:100%}}