/* .paletta Studio: shared 2026 design system. Works atop the original site styles. */
:root{--ink:#13231b;--muted:#627469;--line:#d8e2d7;--orange:#4d835b;--green:#c9e5d0;--paper:#f6f8f3;--dark:#101c18;--aside:#111e1a;--border:#30473b;--wg:#edf4ec;--wm:#aec1b5}
body{font-feature-settings:"ss01" on;letter-spacing:-.01em}
a,button,input,textarea,select{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2daea7;outline-offset:3px}
.site{background:#f8faf5}.announcement{background:#142821;letter-spacing:.15em}.announce-dot,.live-dot{background:#5ee1c9;box-shadow:0 0 0 4px #5ee1c91f}
.site-nav{gap:46px}.site-nav nav a{padding-bottom:7px}.site-nav nav a:hover{color:#20654c}
.site-nav .button-dark,.button-dark{background:#153d30;border-color:#153d30;box-shadow:0 9px 20px #153d3018}.button-dark:hover{background:#1c5a42}
.hero{gap:75px;padding-top:96px;padding-bottom:115px;min-height:710px}
.hero h1{color:#173126;line-height:1.01;font-size:clamp(60px,7.5vw,116px);letter-spacing:-.077em}
.hero h1 span{color:#84a894}
.hero p{color:#556c5e}.hero-foot{color:#688370}.little-square{background:#0aab9c;border-radius:2px}
.hero-editor{background:#101d18;border-color:#334e3e;border-radius:17px;box-shadow:18px 23px 0 #d9e9d9,0 20px 70px #163f2b28}
.editor-top{background:#192920}.editor-tabs{background:#18251e}.editor-tabs .selected{border-color:#50d9a2}
.editor-panel{background:#deefe1;border-radius:9px}.editor-panel-icon span{color:#2aaf92}
.ticker{background:#eaf3e9;border-color:#d1dfd0}.ticker .wrap{color:#476755}.ticker b{color:#139e83}
.benefit{border-color:#d5e2d8;border-radius:14px;background:#fff;box-shadow:0 12px 35px #143b1e08}
.benefit-art{border-radius:10px}.workflow-band{background:#142c22}.workflow-list>div{border-color:#44624e}
.price-card{border-color:#d3e0d3;background:white;border-radius:14px}
.price-card.featured{background:#183e2d;border-color:#183e2d;border-radius:14px;box-shadow:0 24px 55px #183e2d28}
.featured .plan-name span{color:#bff2ca}.closing{background:#d9eede;border-color:#bbd6be;border-radius:16px}.closing h2 span{color:#208b70}
.site-footer{color:#63776a}
.auth-body{background:#f8faf7}.auth-left{background:#163b2a}.auth-left .brand sup{background:#2c6a4b;color:#bdf6d5}.auth-illustration{background:#153026;border-color:#416d54}.auth-art-line{color:#aee7c6}.auth-card .button-dark{background:#1b6044}
.auth-right{background:#f8faf7}.auth-tabs{border-color:#dae2d8}.auth-card h2{letter-spacing:-.06em}
.workspace-body{--wg:#e7f0e7;--wm:#a6bdb0;background:#0f1b17}
.ws-sidebar{background:#101f19!important;border-color:#2d4537!important}
.ws-main{background:#111c18!important}
.ws-topbar{background:#15241c!important;border-color:#2d4938!important}
.ws-new{background:#d0edce!important;color:#183423!important;border-radius:9px!important}
.side-link,.session-link,.project-link{border-radius:9px!important}
.side-link.active,.session-link.active{background:#2a533b!important}
.ws-wallet{background:#213a2a!important;border-color:#3f6147!important;border-radius:12px!important}
.profile-btn{border-radius:12px!important}.profile-avatar{border-radius:50%!important;background-color:#b4dcc1!important;background-position:center;background-size:cover;color:#12462b!important}
.profile-avatar.has-avatar{background-position:center;background-size:cover}
.ws-screen,.chat-empty,.chat-thread{color:#e7f2e5}.ws-screen{max-width:1090px!important}
.ws-screen .settings-card{border-radius:13px!important;background:#192b22!important;border:1px solid #355140!important;box-shadow:0 10px 34px #00000012}
.balance-panel{border-radius:15px!important;background:linear-gradient(120deg,#245b3d,#193929)!important}
.billing-plan{border-radius:12px!important;overflow:hidden}.billing-plan.recommended{border-color:#92c89c!important}
.composer-area{background:linear-gradient(180deg,transparent,#111c18 15%)}
#composer{border-radius:15px!important;border-color:#3a5b45!important;background:#1b2e23!important;box-shadow:0 20px 35px #00000030}
#prompt{color:#e6f0e7!important}#prompt::placeholder{color:#829e8d!important}
#send-message{background:#c6eac4!important;color:#153623!important;border-radius:9px!important}
#send-message:hover{background:#e0f8d4!important}
.composer-toolbar{gap:12px!important}.composer-toolbar select{background:#263e2f!important;border:1px solid #4a6b54!important;border-radius:6px!important;color:#e0f2df!important;padding:6px 10px!important}
.detail-label{font:10px 'IBM Plex Mono',monospace;color:#9fbbae;letter-spacing:.9px}
.thread-entry{border-radius:12px!important}
.entry-body p{white-space:normal!important;line-height:1.82!important}
.entry-actions{display:flex;justify-content:flex-end;margin-top:12px}.entry-copy{background:transparent;border:1px solid #496c53;color:#c4dfc8;font-size:11px;border-radius:6px;padding:6px 10px}.entry-copy:hover{background:#345241}
.profile-editor-card{display:grid;gap:17px}
.profile-editor-intro{display:flex;align-items:center;gap:20px}.profile-editor-intro>div:last-child{display:grid;gap:6px;flex:1}.profile-editor-intro strong{font-size:20px}.profile-editor-intro span{font-size:13px;color:#a7c2ae;line-height:1.6}
.profile-photo-wrap{width:88px;height:88px;border-radius:18px;background:#284634;border:1px solid #57745d;overflow:hidden;display:grid;place-items:center;flex:none}
.profile-photo{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{font:40px Georgia,serif;color:#d0f2d1}
.profile-form{display:grid;gap:16px}.profile-form .profile-fields{display:grid;gap:17px}.profile-fields label{display:grid;gap:8px;color:#b3ccba;font:10px 'IBM Plex Mono',monospace;letter-spacing:.8px}
.profile-fields input,.profile-fields textarea{width:100%;resize:vertical;background:#112219;border:1px solid #46624b;color:#e8f2e7;border-radius:9px;padding:13px 15px;letter-spacing:0;font:13px 'DM Sans',sans-serif;outline:none}
.profile-fields input:focus,.profile-fields textarea:focus{border-color:#a3d9aa}
.profile-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.profile-actions button{background:#cceac8;color:#193f2b;border:0;padding:12px 18px;font-size:12px;font-weight:800;border-radius:8px}
#profile-status{color:#b8dabd;font-size:12px}.photo-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.photo-upload,.photo-actions button{border:1px solid #64826b;border-radius:7px;padding:10px 12px;color:#dbedd9;cursor:pointer;background:transparent;font-size:12px}
.photo-actions small{color:#849f8c}.markdown-content{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}
.markdown-content p{margin:0 0 15px;white-space:normal!important}
.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.25;margin:23px 0 11px;color:#e5f6e6}
.markdown-content h2{font-size:21px}.markdown-content h3{font-size:18px}.markdown-content h4{font-size:16px}
.markdown-content strong{color:#e9f8e7}.markdown-content a{color:#93ebd3;text-decoration:underline;text-underline-offset:3px}
.markdown-content ul,.markdown-content ol{margin:10px 0 17px;padding-left:24px}.markdown-content li{padding:3px 0}
.markdown-content blockquote{margin:15px 0;padding:8px 16px;border-left:3px solid #75c5a4;background:#1d382b;color:#bddac1}
.markdown-content hr{border:0;border-top:1px solid #45634b;margin:22px 0}.markdown-content .inline-code{font-family:'IBM Plex Mono',monospace;font-size:12px;background:#294536;padding:3px 6px;border-radius:4px}
.md-code-block{background:#0b1711;border:1px solid #3c5b44;border-radius:10px;overflow:hidden;margin:16px 0}
.md-code-bar{display:flex;align-items:center;justify-content:space-between;background:#1d3426;color:#b1d0b7;font:11px 'IBM Plex Mono',monospace;padding:10px 14px}
.md-copy{color:#d9ebd7;background:transparent;border:1px solid #4a6b51;border-radius:5px;padding:5px 10px;font:11px 'DM Sans',sans-serif}
.md-copy:hover{background:#3a5b43}.md-code-block pre{margin:0;overflow-x:auto;padding:17px 19px;color:#c9e4cf;line-height:1.65;font-size:12px}.md-code-block code{font-family:'IBM Plex Mono',monospace}
.markdown-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;margin:16px 0}.markdown-content td,.markdown-content th{border:1px solid #45634b;padding:8px 12px;text-align:left}.markdown-content th{background:#263d30}
@media(max-width:700px){.wrap{width:calc(100% - 38px)}.site-nav{height:75px;gap:14px}.site-nav nav{display:none}.hero{gap:35px;padding-top:58px;padding-bottom:75px}.hero h1{font-size:clamp(53px,11vw,78px)}.hero-editor{transform:none;box-shadow:8px 12px 0 #dae7d8}.profile-editor-intro{align-items:flex-start}.composer-toolbar .detail-label{display:none}.photo-actions{align-items:flex-start}.markdown-content{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
