@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.catalog-panel{color:#304333;background:#f7f9f4;height:100%;padding:28px;overflow:auto}.catalog-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.catalog-title span,.catalog-team>div>span{letter-spacing:.15em;color:#829878;font-size:9px;font-weight:700}.catalog-title h2{margin:8px 0;font-size:25px;font-weight:600}.catalog-title p,.catalog-team p{color:#829079;font-size:12px;line-height:1.6}.catalog-title button,.catalog-form button,.catalog-team button{color:#fff;white-space:nowrap;background:#315b42;border:0;border-radius:8px;align-items:center;gap:7px;padding:11px 14px;font-size:11px;font-weight:650;display:inline-flex}.catalog-alert{border-radius:7px;margin-bottom:13px;padding:12px;font-size:12px}.catalog-alert.error{color:#8a4239;background:#fff1ed}.catalog-alert.success{color:#3e714b;background:#eaf4e8}.catalog-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:17px;display:grid}.catalog-list,.catalog-form,.catalog-team{background:#fff;border:1px solid #e0e7dd;border-radius:12px;padding:21px}.catalog-section-heading{margin-bottom:19px;font-size:13px;font-weight:700}.catalog-section-heading span{color:#819581;background:#edf3e9;border-radius:5px;margin-left:5px;padding:3px 6px}.catalog-empty{color:#879486;padding:20px 0;font-size:12px}.catalog-row{border-top:1px solid #ebefea;align-items:center;gap:10px;padding:14px 0;display:flex}.catalog-row>div{flex:1;min-width:0}.catalog-row strong,.catalog-row small,.catalog-row span{display:block}.catalog-row strong{font-size:12px}.catalog-row small{color:#879486;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:10px;overflow:hidden}.catalog-row span{color:#5b7b60;font-size:10px}.catalog-row button{color:#58745a;background:#fff;border:1px solid #dce6d7;border-radius:6px;padding:7px;font-size:10px}.catalog-form label{color:#677d68;gap:6px;margin-bottom:14px;font-size:10px;font-weight:650;display:grid}.catalog-form input,.catalog-form textarea,.catalog-form select,.catalog-team input,.catalog-team select{color:#304333;background:#fcfdfb;border:1px solid #dae3d6;border-radius:7px;width:100%;padding:10px 11px;font:12px inherit}.catalog-form textarea{resize:vertical;min-height:90px}.catalog-form button{justify-content:center;width:100%}.catalog-team{margin-top:17px}.catalog-team h3{margin:7px 0;font-size:17px}.catalog-team form{gap:8px;margin:18px 0;display:flex}.catalog-team form input{flex:2;min-width:0}.catalog-team form select{flex:1;min-width:120px}.catalog-member-list{gap:7px;display:grid}.catalog-member-list>div{border-top:1px solid #ebefea;justify-content:space-between;gap:10px;padding-top:8px;font-size:11px;display:flex}.catalog-member-list span{color:#839183}@media (width<=950px){.catalog-grid{grid-template-columns:1fr}}@media (width<=650px){.catalog-panel{padding:18px}.catalog-title{align-items:flex-start}.catalog-title h2{font-size:21px}.catalog-team form{flex-wrap:wrap}.catalog-team form input{flex-basis:100%}.catalog-member-list>div{display:block}.catalog-member-list span{margin-top:3px;display:block}}:root{color:#25352f;font-synthesis:none;--green:#184e3d;--muted:#7d8982;--border:#e5e9e3;background:#fafbf8;font-family:DM Sans,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,textarea,input{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #75a991}.logout-btn{color:#85917e;background:0 0;border:0;border-radius:4px;place-items:center;margin-left:auto;padding:4px;display:grid}.logout-btn:hover:not(:disabled){color:#8b4438;background:#e4ebdf}.auth-screen{background:linear-gradient(145deg,#f3f5f0,#e9efdf,#fafbf8);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:420px;padding:48px 42px;box-shadow:0 8px 30px #27372908,0 0 0 6px #edf1e740}.auth-brand{letter-spacing:-1px;justify-content:center;align-items:center;gap:11px;margin-bottom:28px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;display:flex}.auth-card h1{text-align:center;letter-spacing:-1px;margin:0 0 8px;font-size:24px}.auth-subtitle{text-align:center;color:#8b9386;margin:0 0 24px;font-size:12px;line-height:1.6}.auth-error{color:#8b4438;background:#fff0eb;border:1px solid #e4c8b9;border-radius:7px;margin-bottom:16px;padding:10px 14px;font-size:11px}.field{margin-bottom:16px}.field label{color:#506848;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.field input{color:#354831;background:#fafbf8;border:1px solid #dae2d4;border-radius:8px;width:100%;padding:12px 14px;font-size:13px;transition:border-color .18s}.field input:focus{background:#fff;border-color:#75a991}.field input::placeholder{color:#a4ad9b}.auth-submit{color:#fff;background:#28523e;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.auth-submit:hover:not(:disabled){background:#1d4030}.auth-switch{text-align:center;color:#8b9386;margin-top:20px;font-size:12px}.auth-switch button{color:#28523e;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1500px){.hero{margin-top:90px}.inspiration{margin-top:80px}.mini-site{height:190px;padding:20px}.mini-body{margin-top:30px}}@media (width<=1100px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{width:calc(100% - 200px);margin-left:200px}.brand{font-size:18px}.home{padding:0 30px}.hero h1{font-size:38px}.mini-body h3{font-size:19px}.mini-art{width:47px;transform:scale(.8)}.chat-panel{width:300px;min-width:270px}.tabs button{padding:7px}.section-title>span{display:none}}@media (width<=800px){.sidebar{width:72px;padding:25px 10px}.brand{justify-content:center;padding:0}.brand>span:last-child,.new-project,nav button,.side-heading,.recent,.workspace-note,.profile{display:none}nav{margin-top:35px}nav button{justify-content:center;gap:0;padding:13px;font-size:0;display:flex}.count{display:none}.main-shell{width:calc(100% - 72px);margin-left:72px}.home{padding:0 24px}.topbar{height:65px;padding:0 23px}.hero{margin-top:40px}.hero h1{font-size:34px}.inspiration{margin-top:40px}.inspiration-grid{grid-template-columns:1fr;gap:12px}.mini-site{height:170px}.mini-body{margin-top:16px}.mini-body h3,.studio .mini-body h3,.portfolio .mini-body h3{max-width:220px;font-size:27px}.mini-art{width:95px;transform:scale(1)}.home-footer{gap:15px;line-height:1.7}.editor{flex-direction:column;height:auto;min-height:calc(100vh - 65px)}.chat-panel{border-right:0;width:100%;min-height:350px;max-height:500px}.preview-panel{min-height:650px}.preview-canvas{min-height:550px}.preview-canvas iframe{height:550px}.projects-page{padding:30px 24px}.auth-card{padding:32px 24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}button{cursor:pointer;transition:background .18s,transform .18s}button:disabled{cursor:default;opacity:.48}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #75a991}button{color:inherit}button:hover:not(:disabled){filter:brightness(.97)}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#f3f5f0;flex-direction:column;flex-shrink:0;width:238px;padding:34px 19px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:11px;padding:0 8px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:flex}.brand-mark{color:#225b40;font-size:33px;line-height:37px;position:relative}.brand-mark>span{font-size:12px;position:absolute;top:-5px;right:-5px}.ai-tag{letter-spacing:0;color:#416748;vertical-align:middle;background:#e0e9de;border-radius:4px;margin-left:6px;padding:3px 5px;font-family:DM Sans,sans-serif;font-size:10px}.new-project{background:#fff;border:1px solid #dce3d9;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:35px 0 22px;padding:12px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 2px #27372903}nav{gap:5px;display:grid}nav button{color:#758075;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:12px 13px;font-size:12px;display:flex}nav button.active{color:#315c3e;background:#e4ebdf;font-weight:600}.count{background:#e4e8e0;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px}.side-heading{letter-spacing:1.5px;color:#90998e;padding:30px 13px 12px;font-size:9px}.recent p{color:#91988d;padding:0 13px;font-size:11px;line-height:1.8}.recent button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 13px;font-size:11px;display:flex}.recent button>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent button.selected{background:#e5ebdf}.project-dot{background:#9aa795;border-radius:50%;flex-shrink:0;width:5px;height:5px}.side-bottom{margin-top:auto}.workspace-note{background:linear-gradient(135deg,#e9efdf,#f0f3e8);border:1px solid #dde5d7;border-radius:10px;margin-bottom:25px;padding:20px 18px;position:relative;overflow:hidden}.small-spark{color:#738253;margin-bottom:13px;font-size:25px;display:block}.workspace-note strong{font-size:12px}.workspace-note p{color:#809072;font-size:11px;line-height:1.7}.note-rule{border:1px solid #c9d4bc;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-25px;right:-25px;box-shadow:0 0 0 12px #dfe7d740,0 0 0 25px #dbe5d330}.profile{border-top:1px solid var(--border);align-items:center;gap:9px;padding:21px 0;display:flex}.avatar{color:#647853;background:#e2e9dc;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.profile b{font-size:10px;display:block}.profile small{color:#929a8d;margin-top:4px;font-size:9px;display:block}.profile>svg{color:#85917e;margin-left:auto}.main-shell{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--border);color:#8c958c;background:#ffffff80;justify-content:space-between;align-items:center;height:77px;padding:0 39px;font-size:11px;display:flex}.topbar>div:first-child span{color:#c2c8bd;margin:0 13px}.topbar b{color:#566350;font-weight:500}.connection{color:#6e8462;background:#f0f4eb;border:1px solid #e6ebdf;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.connection>span{background:#78a15a;border-radius:50%;width:5px;height:5px}.home{max-width:1250px;margin:0 auto;padding:0 55px}.hero{text-align:center;max-width:760px;margin:64px auto 0}.eyebrow{letter-spacing:2.1px;color:#7e9070;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.hero>.eyebrow{justify-content:center}.eyebrow>span{background:#81a56b;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-2px;margin:19px 0 17px;font-family:Manrope,sans-serif;font-size:45px;font-weight:500;line-height:1.28}h1 em{color:#7c9374;font-style:normal}.hero>p{color:#8b9386;margin-bottom:30px;font-size:12px;line-height:1.95}.composer{text-align:left;background:#fff;border:1px solid #dae2d4;border-radius:13px;padding:17px 17px 12px;box-shadow:0 4px 8px #41573204,0 0 0 5px #edf1e740}.composer textarea{resize:none;color:#354831;background:0 0;border:0;outline:none;width:100%;min-height:65px;font-size:12px;line-height:1.7;display:block}.composer textarea::placeholder{color:#9aa291}.composer-bottom{justify-content:space-between;align-items:center;display:flex}.composer-bottom>span{color:#85917b;align-items:center;gap:6px;font-size:10px;display:flex}.send{color:#fff;background:#28523e;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.send:disabled{opacity:.6}.suggestions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;display:flex}.suggestions button{color:#7b8672;background:#fafbf8;border:1px solid #e3e7dc;border-radius:20px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;display:flex}.suggestions button>span{color:#7f956a;font-size:14px}.suggestions svg{color:#a3ac9a}.under-composer{color:#a4ad9b;margin-top:19px;font-size:9px}.inspiration{max-width:930px;margin:62px auto 0}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title .eyebrow{letter-spacing:1.4px;font-size:8px}.section-title h2{letter-spacing:-.5px;margin:9px 0 0;font-family:Manrope,sans-serif;font-size:18px;font-weight:500}.section-title>span{color:#8a9780;align-items:center;gap:6px;font-size:9px;display:flex}.inspiration-grid{grid-template-columns:repeat(3,1fr);gap:19px;margin-top:24px;display:grid}.inspiration-card{text-align:left;background:0 0;border:0;min-width:0;padding:0}.mini-site{border:1px solid #e3e5dc;border-radius:10px;height:167px;padding:14px 17px;transition:transform .2s;overflow:hidden}.inspiration-card:hover .mini-site{transform:translateY(-3px)}.mini-nav{letter-spacing:-.3px;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.mini-nav>span{letter-spacing:2px;font-size:8px;font-weight:400}.mini-body{align-items:center;gap:12px;margin-top:24px;display:flex}.mini-body h3{letter-spacing:-.5px;max-width:130px;margin:0;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.1}.mini-art{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-left:auto;display:flex;position:relative}.mini-art i{position:absolute}.mini-footer{justify-content:space-between;margin-top:16px;font-size:6px;display:flex}.mini-footer>span{opacity:.5}.cafe{color:#6a5744;background:#e9e2d6}.cafe .mini-art i:first-child{background:linear-gradient(110deg,#bba689,#e5d7bd 50%,#b3a18a);border-radius:4px 4px 23px 23px;width:49px;height:60px;transform:rotate(-12deg);box-shadow:4px 6px 10px #5c443125}.cafe .mini-art i:last-child{z-index:0;border:6px solid #c9b899;border-radius:50%;width:25px;height:31px;top:17px;right:0;transform:rotate(-12deg)}.portfolio{color:#52604c;background:#ebece7}.portfolio .mini-body h3{font-size:21px}.portfolio .mini-art{background:linear-gradient(90deg,#c6c9b6,#e4e4d6 55%,#aab1a0);border-radius:38px 38px 0 0;width:65px;height:82px}.portfolio .mini-art i:first-child{background:linear-gradient(90deg,#c8c6b0,#e2dcc3);border-radius:1px;width:30px;height:53px;bottom:0;left:-18px;box-shadow:4px 2px 10px #68725830}.studio{color:#4d6544;background:#e2e9dd}.studio .mini-body h3{font-family:Manrope,sans-serif;font-size:22px;font-weight:600}.studio .mini-art i:first-child{clip-path:polygon(38% 0,62% 0,62% 28%,83% 9%,100% 26%,77% 46%,100% 46%,100% 69%,74% 69%,91% 87%,74% 100%,54% 80%,54% 100%,30% 100%,30% 75%,10% 94%,0 70%,22% 53%,0 53%,0 28%,28% 28%);background:#869b66;width:67px;height:67px}.card-caption{color:#7d8e71;justify-content:space-between;align-items:center;padding:13px 1px;display:flex}.card-caption small{color:#9ba591;font-size:9px}.card-caption h3{color:#617254;margin:5px 0 0;font-size:11px;font-weight:500}.home-footer{border-top:1px solid var(--border);color:#a2ad98;justify-content:space-between;max-width:930px;margin:30px auto 0;padding:20px 0;font-size:8px;display:flex}.error{color:#8b4438;background:#fff0eb;border:1px solid #e4c8b9;border-radius:7px;justify-content:space-between;gap:15px;margin:14px 30px;padding:12px 14px;font-size:12px;display:flex}.error button{background:0 0;border:0}.projects-page{max-width:1200px;padding:55px}.projects-page h1{font-size:36px}.projects-page>p{color:var(--muted);font-size:13px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:35px;display:grid}.project-card{border:1px solid var(--border);text-align:left;color:#688458;background:#fff;border-radius:12px;padding:25px}.project-card h3{overflow-wrap:anywhere;color:#344a2c;font-size:15px;font-weight:500}.project-card>span{color:#909c85;justify-content:space-between;font-size:10px;display:flex}.create-card{background:0 0;border-style:dashed}.editor{height:calc(100vh - 77px);min-height:580px;display:flex}.chat-panel{border-right:1px solid var(--border);background:#fbfcf9;flex-direction:column;width:340px;min-width:290px;padding:0 18px 14px;display:flex}.editor-heading{border-bottom:1px solid var(--border);color:#668953;align-items:center;gap:9px;padding:20px 0;display:flex}.editor-heading h2{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.conversation{flex:1;padding-top:22px;overflow-y:auto}.exchange{margin-bottom:25px}.user-message{color:#627353;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf0e7;border:1px solid #e3e8da;border-radius:10px 10px 2px;margin-left:20px;padding:13px;font-size:12px;line-height:1.7}.assistant-message{gap:9px;margin-top:22px;display:flex}.assistant-icon{color:#68834d;background:#e5ecdc;border-radius:6px;flex-shrink:0;place-items:center;width:23px;height:23px;display:grid}.assistant-message strong{font-size:11px}.assistant-message p{color:#819071;font-size:11px;line-height:1.8}.version-badge{color:#7b946b;align-items:center;gap:4px;font-size:9px;display:flex}.compact{box-shadow:none;margin-top:12px;padding:12px}.compact textarea{min-height:70px;font-size:11px}.editor-note{text-align:center;color:#97a28d;margin-top:11px;font-size:8px}.preview-panel{background:#f1f3ed;flex-direction:column;flex:1;min-width:0;display:flex}.preview-toolbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:57px;padding:0 17px;display:flex}.tabs{gap:4px;display:flex}.tabs button{color:#8a967f;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:8px 10px;font-size:10px;display:flex}.tabs button.selected{color:#577346;background:#edf2e6}.device-switch{display:flex}.device-switch button{color:#97a28f;background:0 0;border:0;padding:6px}.device-switch button[aria-pressed=true]{color:#385d28;background:#f0f3ea;border-radius:4px}.preview-address{border-bottom:1px solid var(--border);color:#909a86;background:#fafbf8;align-items:center;gap:8px;padding:12px 21px;font-size:9px;display:flex}.preview-address>span:first-child{background:#93a97d;border-radius:50%;width:5px;height:5px}.preview-address>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.draft-label{white-space:nowrap;margin-left:auto;font-size:8px}.preview-canvas{flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}.preview-canvas iframe{background:#fff;border:0;width:100%;height:100%;min-height:450px}.preview-canvas iframe.mobile-preview{width:390px;max-width:100%;box-shadow:0 0 0 1px #dce3d6}.preview-empty{text-align:center;color:#839875;align-self:center;padding:30px}.preview-empty h2{font-size:19px;font-weight:500}.preview-empty p{color:#99a58d;font-size:12px}.working{color:#7d926c;align-items:center;gap:8px;padding:15px 0;font-size:10px;line-height:1.6;display:flex}.empty-message{color:#929f85;font-size:11px;line-height:1.7}.code-view{white-space:pre-wrap;overflow-wrap:anywhere;color:#d0ddc7;background:#17271f;width:100%;margin:0;padding:24px;font-size:11px;line-height:1.8;overflow:auto}.version-list{width:100%;padding:25px}.version-list h2{font-size:20px;font-weight:500}.version-list>p{color:#8a967e;font-size:12px}.version-row{border-bottom:1px solid #dfe5d7;align-items:center;gap:15px;padding:20px 0;display:flex}.version-row>div{flex:1;min-width:0}.version-row strong{font-size:12px}.version-row p{color:#80906e;font-size:11px;line-height:1.7}.version-row small{color:#839671;font-size:9px}.version-row button{white-space:nowrap;background:#fff;border:1px solid #d4dfcb;border-radius:6px;align-items:center;gap:5px;padding:8px;font-size:10px;display:flex}.spin{animation:1s linear infinite spin}@media (width>=1500px){.hero{margin-top:90px}.inspiration{margin-top:80px}.mini-site{height:190px;padding:20px}.mini-body{margin-top:30px}}@media (width<=1100px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{width:calc(100% - 200px);margin-left:200px}.brand{font-size:18px}.home{padding:0 30px}.hero h1{font-size:38px}.mini-body h3{font-size:19px}.mini-art{width:47px;transform:scale(.8)}.chat-panel{width:300px;min-width:270px}.tabs button{padding:7px}.section-title>span{display:none}}@media (width<=800px){.sidebar{width:72px;padding:25px 10px}.brand{justify-content:center;padding:0}.brand>span:last-child,.new-project,nav button,.side-heading,.recent,.workspace-note,.profile{display:none}nav{margin-top:35px}nav button{justify-content:center;gap:0;padding:13px;font-size:0;display:flex}.count{display:none}.main-shell{width:calc(100% - 72px);margin-left:72px}.home{padding:0 24px}.topbar{height:65px;padding:0 23px}.hero{margin-top:40px}.hero h1{font-size:34px}.inspiration{margin-top:40px}.inspiration-grid{grid-template-columns:1fr;gap:12px}.mini-site{height:170px}.mini-body{margin-top:16px}.mini-body h3,.studio .mini-body h3,.portfolio .mini-body h3{max-width:220px;font-size:27px}.mini-art{width:95px;transform:scale(1)}.home-footer{gap:15px;line-height:1.7}.editor{flex-direction:column;height:auto;min-height:calc(100vh - 65px)}.chat-panel{border-right:0;width:100%;min-height:350px;max-height:500px}.preview-panel{min-height:650px}.preview-canvas{min-height:550px}.preview-canvas iframe{height:550px}.projects-page{padding:30px 24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ide{background:#1e1e1e;width:100%;min-height:0;display:flex}.file-tree{background:#f6f7f3;border-right:1px solid #dfe4da;flex:0 0 225px;width:225px;padding:12px 8px;overflow:auto}.file-tree-title{letter-spacing:1.3px;color:#819078;padding:8px 9px 13px;font-size:9px;font-weight:700}.file-tree button{color:#667365;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:9px 8px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.file-tree button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-tree button.active{color:#34593f;background:#e5ecdf}.source-editor{flex-direction:column;flex:1;min-width:0;min-height:500px;display:flex}.source-path{color:#c7d2c2;background:#252526;border-bottom:1px solid #3a3a3a;flex:0 0 37px;justify-content:space-between;align-items:center;height:37px;padding:0 15px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.source-path span{color:#9cba86;font:10px DM Sans,sans-serif}.save-code{color:#fff;background:#315b42;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.save-code:disabled{color:#85927d;opacity:1;background:#e9eee6}@media (width<=700px){.ide{flex-direction:column}.file-tree{border-bottom:1px solid #dfe4da;border-right:0;flex:none;width:100%;max-height:130px}.file-tree button{vertical-align:top;width:auto;max-width:48%;display:inline-flex}.file-tree-title{padding:3px 8px 7px}.source-editor{min-height:460px}}.brief-form{text-align:left;background:#fff;border:1px solid #dbe4d6;border-radius:14px;margin:30px 0 14px;padding:24px;box-shadow:0 12px 38px #253b2d0a}.brief-heading{gap:7px;margin-bottom:15px;display:grid}.brief-heading span{color:#799076;letter-spacing:.14em;font-size:9px;font-weight:700}.brief-heading strong{color:#2c4236;font-size:15px;font-weight:650}.brief-second{margin-top:24px}.brief-types,.brief-templates{flex-wrap:wrap;gap:9px;display:flex}.brief-types button,.brief-templates button{color:#667762;background:#f9faf7;border:1px solid #dce4d8;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600}.brief-types button.active,.brief-templates button.active{color:#315b42;background:#edf4ec;border-color:#5c8167;box-shadow:inset 0 0 0 1px #5c8167}.brief-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.brief-fields label,.brief-style{color:#637464;gap:7px;font-size:11px;font-weight:600;display:grid}.brief-fields input,.brief-style input{color:#2c4236;background:#fcfdfb;border:1px solid #dce4d8;border-radius:8px;width:100%;min-width:0;padding:11px 12px;font:12px/1.5 inherit}.brief-fields input:focus,.brief-style input:focus{outline-offset:1px;outline:2px solid #8db399}.brief-templates button{align-items:center;gap:8px;display:inline-flex}.brief-templates button span{border-radius:50%;width:16px;height:16px}.brief-style{margin-top:14px}.publication-controls{align-items:center;gap:9px;margin-left:5px;display:flex}.publication-controls button,.publication-controls a{color:#3a6846;white-space:nowrap;background:#eaf2e6;border:1px solid #bed0b7;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:650;text-decoration:none}.publication-controls a{background:#fff}.publication-controls button:disabled{opacity:.65}@media (width<=700px){.brief-form{padding:18px}.brief-fields{grid-template-columns:1fr}.publication-controls{margin-left:auto}.publication-controls button,.publication-controls a{padding:6px;font-size:9px}.preview-address .draft-label{display:none}}.shared-notice{color:#526550;background:#f5f8f1;border:1px solid #dce7d9;border-radius:12px;margin:16px;padding:14px 16px;font-size:13px;line-height:1.6}