@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;font-size:13px;color:#d3d5d1;background:#171918;font-synthesis:none;--bg:#171918;--panel:#1b1d1c;--raised:#222523;--line:#2d302d;--muted:#939990;--subtle:#737a71;--accent:#c5e59c;--accent-ink:#202a17;--site-accent:#4a603f;--site-paper:#f1f0e7 }*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}button:disabled{cursor:default}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;flex-shrink:0;fill:none}button svg,a svg{pointer-events:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent);outline-offset:2px}input,textarea,select{color:inherit;background:#232623;border:1px solid #383d36;border-radius:5px}textarea{resize:vertical}::selection{background:#c5e59c40}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;z-index:20;top:8px;left:8px;padding:12px;background:var(--accent);color:var(--accent-ink);transform:translateY(-150%)}.skip-link:focus{transform:none}.muted{color:var(--muted)}.icon-button,.tiny-button{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#959c92;flex-shrink:0}.icon-button{width:32px;height:32px}.tiny-button{width:24px;height:24px}.icon-button:hover,.tiny-button:hover{background:#ffffff0b;color:#f0f2ed}.tiny-button svg{width:15px;height:15px}.studio{height:100dvh;min-height:540px;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:62px 58px minmax(0,1fr);overflow:hidden}.app-header{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:0 24px 0 21px;border-bottom:1px solid var(--line);background:#1a1c1a}.brand-area{width:199px;flex-shrink:0;display:flex;align-items:center}.wordmark{display:flex;align-items:center;gap:8px;font-size:25px;letter-spacing:-1.4px;font-weight:700;color:#eceee8}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#182014;width:26px;height:28px;border-radius:8px;font-family:Georgia,serif;font-size:32px;line-height:1;font-style:italic;padding:0 4px 5px 0}.wordmark-suffix{font-size:12px;font-weight:450;letter-spacing:-.15px;color:#a1a79c;align-self:flex-end;margin-bottom:4px;margin-left:1px}.project-path{display:flex;align-items:center;gap:10px;font-size:12px}.project-path svg{width:12px;color:#676f61}.project-initial{display:inline-grid;place-items:center;width:23px;height:23px;background:#3d4732;color:#d5e1c5;border:1px solid #596347;border-radius:5px;font-family:Georgia,serif;font-size:16px}.prototype-badge{font-size:10px;border:1px solid #3f4836;color:#b3c89c;padding:4px 7px;border-radius:4px;letter-spacing:.2px}.prototype-badge span{color:#7f906e;margin-left:3px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.publish-button{background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:650;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:7px;box-shadow:inset 0 1px #ffffff40}.publish-button:hover{background:#d1efac}.publish-button svg{width:14px;height:14px}.user-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#3f3430;border:1px solid #655046;color:#dfc5b7;font-size:11px}.mobile-menu{display:none}.project-sidebar{grid-row:2/-1;grid-column:1;background:#1b1d1b;border-right:1px solid var(--line);padding:25px 13px 0;display:flex;flex-direction:column;overflow-y:auto}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#8d9587;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.key-cap{display:grid;place-items:center;border:1px solid #3d4238;border-radius:3px;width:15px;height:15px;letter-spacing:0;font-size:9px;color:#a0aa94}.project-switch{display:flex;align-items:center;gap:9px;width:100%;padding:16px 7px 9px;text-align:left;font-size:12px}.project-icon{display:grid;place-items:center;width:30px;height:32px;background:#303c28;border:1px solid #47583b;border-radius:7px;color:#bbd29d}.project-icon svg{width:17px}.project-switch small{display:block;font-size:10px;font-weight:400;color:#929b89;margin-top:3px}.project-switch .chevrons{margin-left:auto;width:13px;color:#7b8472}.sidebar-section{margin-top:26px}.sidebar-heading{padding:0 8px 7px;font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#9ba391}.sidebar-item{display:flex;align-items:center;width:100%;gap:10px;padding:9px 11px;text-align:left;font-size:12px;border-radius:5px;color:#aeb6a6;margin:2px 0}.sidebar-item svg{width:15px;height:15px;color:#919c85}.sidebar-item:hover{background:#ffffff06;color:#e7edde}.sidebar-item.active{background:#323a29;color:#d4e6bc}.sidebar-item.active svg{color:#c5deaa}.sidebar-item>span{margin-left:auto;font-size:10px;color:#a5b991}.sidebar-count{padding:1px 5px;background:#32392c;border-radius:3px}.resource-links{margin-top:23px}.conversations{margin-top:29px}.conversation-item{font-size:11px;color:#a5af9a;display:flex;gap:11px;align-items:center;padding:10px}.conversation-item>span{width:5px;height:5px;border:1px solid #929b87;border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:36px}.workspace-note{position:relative;border:1px solid #363f2d;border-radius:7px;padding:14px 10px;display:flex;gap:11px;align-items:center;margin:0 3px 17px;background:linear-gradient(125deg,#31392970,#23291f20);overflow:hidden}.small-spark{font-size:27px;font-weight:400;color:#a2ba87}.workspace-note p{font-size:11px;line-height:1.7;margin:0;color:#a6af9b}.workspace-note strong{font-weight:500;color:#c6d1bb}.note-orbit{position:absolute;font-size:52px;right:-1px;bottom:-16px;color:#c2dca014;transform:rotate(-15deg)}.sidebar-bottom>a{font-size:10px;gap:8px;padding-left:7px}.sidebar-bottom .external-icon{margin-left:auto;width:11px}.sidebar-footer{border-top:1px solid var(--line);margin-top:13px;padding:15px 3px;display:flex;gap:6px;align-items:center;font-size:8px;color:#8b9482;white-space:nowrap}.sidebar-footer>span:last-child{margin-left:auto;font-size:8px;color:#7d8774}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#99b77d;flex-shrink:0}.workspace-bar{grid-column:2;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);gap:15px}.workspace-tabs{display:flex;gap:4px;padding:4px;border-radius:7px;background:#11141170;border:1px solid #2a2e27}.workspace-tabs button{display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 12px;line-height:16px;border-radius:4px;color:#9ca592}.workspace-tabs button svg{width:14px;height:14px}.workspace-tabs button[aria-selected=true]{background:#333c2b;color:#d5e9bc;box-shadow:0 1px 4px #0002}.workspace-tabs button:hover{color:#e6efdc}.mode-shortcut{font-size:8px;padding:0 4px;line-height:14px;border-radius:3px;background:#ffffff08;color:#879a75;margin-left:6px}.session-status{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:10px;color:#909b84}.session-status>span{width:5px;height:5px;border-radius:50%;background:#8ea76f}.mode-panel{grid-column:2;grid-row:3;min-width:0;min-height:0;outline:none!important}.agent-panel{display:grid;grid-template-columns:minmax(0,1fr) 298px}.chat-workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-toolbar{height:49px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #2b302650}.chat-toolbar>span{display:flex;align-items:center;gap:8px;color:#9aa58e;font-size:11px}.chat-toolbar svg{width:14px;height:14px}.chat-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;padding:0 30px}.chat-welcome{margin:auto;max-width:680px;width:100%;padding:36px 0 28px}.welcome-symbol{position:relative;width:64px;height:64px;margin-bottom:26px}.welcome-symbol>span{font-size:62px;line-height:1;color:var(--accent);position:relative;z-index:1;display:block;transform:rotate(8deg)}.welcome-symbol i{position:absolute;width:35px;height:35px;border:1px solid #596c43;border-radius:50%;right:-11px;top:23px}.eyebrow{font-size:9px;color:#a6b696;letter-spacing:1.8px;margin:0 0 17px}.chat-welcome h1{font-size:clamp(36px,3.4vw,54px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:0;color:#e5e9df}.chat-welcome h1 em{font-family:"DM Serif Display",Georgia,serif;font-weight:400;color:#c5dba9;letter-spacing:-1.7px}.welcome-description{font-size:12px;color:#9da991;line-height:1.85;margin:20px 0 30px}.suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.suggestion-grid button{position:relative;background:linear-gradient(150deg,#2c3326a0,#20251d40);border:1px solid #3a4531;border-radius:8px;text-align:left;padding:14px 11px 15px;transition:background .15s,border-color .15s}.suggestion-grid button:hover{border-color:#70875a;background:#303a27}.suggestion-grid svg{display:block;color:#b5cc98;width:16px;height:16px;margin-bottom:13px}.suggestion-grid strong{font-size:11px;display:block;font-weight:500;color:#d4dfc7;line-height:1.4}.suggestion-grid button>span{font-size:9px;line-height:1.7;display:block;color:#94a185;margin-top:5px;max-width:135px}.suggestion-grid b{position:absolute;right:11px;top:12px;font-weight:400;color:#6e805e;font-size:12px}.composer-area{padding:15px 30px 18px;flex-shrink:0}.composer{border:1px solid #48533d;border-radius:11px;background:linear-gradient(145deg,#282f23,#22281e);padding:12px 13px 10px;box-shadow:0 5px 28px #0002;max-width:740px;margin:0 auto}.context-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #4c573e;background:#353e2c80;border-radius:4px;padding:3px 6px;font-size:9px;color:#c5d4b5}.context-chip svg{width:11px;height:11px}.chip-separator{color:#687c55;margin:0 2px}.composer textarea{display:block;resize:none;width:100%;background:none;border:0;outline:none!important;padding:12px 0 4px;font-size:12px;line-height:1.7;min-height:60px;color:#e0ead6}.composer textarea::placeholder{color:#abb89d}.composer-tools{display:flex;align-items:center;gap:6px}.composer-tools .icon-button{width:26px;height:26px;color:#a6b896}.model-picker{display:flex;align-items:center;gap:6px;font-size:10px;padding:5px;color:#bacbab}.model-picker svg{width:10px;height:10px}.model-orbit{font-size:15px;color:#c0dba0}.composer-spacer{flex:1}.enter-hint{font-size:9px;color:#87987a;margin-right:7px}.send-button{display:grid;place-items:center;border-radius:6px;background:var(--accent);color:#25331a;width:28px;height:28px}.send-button:hover{background:#d8f4b7}.send-button svg{width:16px;height:16px}.composer-caption{display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;color:#96a38a;line-height:1.5;margin:10px 0 0;text-align:center}.composer-caption .connection-dot{width:4px;height:4px;background:#748a60}.chat-messages{padding-top:24px;display:grid;gap:18px;width:100%;max-width:740px;margin:0 auto}.chat-messages:empty{display:none}.chat-message{padding:14px 16px;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.chat-message strong{display:block;font-size:10px;color:#a7bc93;margin-bottom:5px;font-weight:500}.chat-message p{margin:0;white-space:pre-wrap}.chat-message.user{background:#2d3527;margin-left:35px}.chat-message.agent{border:0;padding-left:0;color:#b4bfa9}.chat-message.agent strong{color:#d4e8bd}.chat-workspace.has-messages .chat-welcome{display:none}.chat-workspace.has-messages .chat-scroll{padding-bottom:25px}.project-context{border-left:1px solid var(--line);padding:0 21px;overflow:auto;display:flex;flex-direction:column;background:#1a1e18}.context-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 16px;color:#b3bfaa;font-size:11px}.mini-preview{height:218px;overflow:hidden;background:var(--site-paper);border-radius:5px;border:1px solid #676e5c70;position:relative;pointer-events:none}.mini-preview>.sample-site{width:900px;transform:scale(.282);transform-origin:top left;height:780px;overflow:hidden}.context-project-title{display:flex;gap:10px;align-items:center;padding:20px 0}.context-project-title .project-initial{width:29px;height:30px;font-size:20px}.context-project-title strong{font-size:11px;font-weight:500;color:#d9e2d0;display:block}.context-project-title div>span{font-size:9px;color:#91a183;display:block;margin-top:4px}.context-divider{border-top:1px solid #30392a}.context-label{font-size:8px;letter-spacing:1.5px;color:#879b76;margin:23px 0 19px}.project-detail{display:flex;align-items:center;gap:10px;margin-bottom:23px}.project-detail>svg{width:15px;height:15px;color:#a8bb95}.project-detail>span{font-size:10px;color:#c5d2b8}.project-detail>span>span{display:block;font-size:9px;color:#8f9e80;margin-top:4px}.palette-dots{display:flex;margin-left:auto}.palette-dots i{width:10px;height:10px;border:1px solid #1a1e18;border-radius:50%;background:#93a27a;margin-left:-2px}.palette-dots i:nth-child(2){background:#c8b59d}.palette-dots i:nth-child(3){background:#e5e4d4}.context-bottom{margin-top:auto;padding:24px 0;border-top:1px solid #30392a}.context-bottom>span{font-family:"DM Serif Display",Georgia,serif;color:#c5d6b2;font-size:18px}.context-bottom p{font-size:10px;line-height:1.8;color:#92a181;margin:9px 0 14px}.context-bottom button{display:flex;align-items:center;gap:14px;font-size:10px;color:#c1d7a7;padding:0}.context-bottom svg{width:14px;height:14px}.visual-panel{display:grid;grid-template-columns:minmax(0,1fr) 252px}.canvas-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#121611}.canvas-toolbar{height:49px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:0 20px;background:#1b1e19;flex-shrink:0}.canvas-breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:#b2c0a6}.canvas-breadcrumb svg{width:12px;height:12px}.device-switch{display:flex;align-items:center;gap:3px;margin-left:auto}.device-switch button{width:29px;height:28px;display:grid;place-items:center;color:#8f9e81;border-radius:4px}.device-switch svg{width:15px;height:15px}.device-switch button.active{background:#35402b;color:#ccdfa9}.canvas-zoom{font-size:10px;color:#96a488;border-left:1px solid #3b4531;padding-left:14px}.inspector-toggle{display:none}.canvas-stage{flex:1;min-height:0;overflow:auto;padding:38px 26px;background-image:radial-gradient(#53634242 .8px,transparent .8px);background-size:16px 16px;display:flex;align-items:flex-start;flex-direction:column}.canvas-page{width:100%;max-width:1000px;min-width:0;margin:auto;box-shadow:0 16px 60px #0005;transition:max-width .2s}.canvas-document-label{height:25px;display:flex;gap:6px;align-items:center;font-size:9px;color:#b0bca4;background:#232b1c;padding:0 9px;border:1px solid #47553b;border-bottom:0}.canvas-document-label>span:last-child{margin-left:auto;color:#899b77;font-size:8px}.canvas-footnote{margin:17px auto 0;display:flex;gap:5px;align-items:center;color:#9aab8b;font-size:9px}.canvas-footnote svg{width:12px;height:12px}.canvas-status{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 13px;height:28px;background:#1b1f17;border-top:1px solid var(--line);flex-shrink:0;font-size:8px;color:#95a685}.canvas-status>span:first-child{display:flex;align-items:center;gap:5px}.canvas-status strong{font-weight:500;color:#c2d7aa}.canvas-status svg{width:9px;height:9px}.style-inspector{border-left:1px solid var(--line);background:#1c2119;overflow:auto;display:flex;flex-direction:column;min-height:0}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 14px;font-size:11px}.inspector-header>span:first-child{display:flex;align-items:center;gap:7px;color:#d0dfc2}.inspector-header svg{width:14px;height:14px;color:#b4c89e}.element-tag{border:1px solid #3c4931;padding:2px 6px;border-radius:4px;color:#9bb384;font-family:IBM Plex Mono,monospace;font-size:9px}.inspector-selection{padding:8px 11px;border:1px solid #52643f;margin:0 14px 15px;border-radius:5px;background:#2d3824;color:#c9dcb5;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex;justify-content:space-between}.inspector-selection>span{color:#89a86c}.inspector-section{border-top:1px solid #343e2b;padding:17px 15px}.inspector-section h2{font-size:10px;font-weight:500;margin:0 0 15px;color:#c1d0b3;display:flex;align-items:center;justify-content:space-between}.inspector-section h2 svg{width:12px;height:12px;color:#8b9e79}.inspector-section label{display:block;font-size:9px;color:#94a784;line-height:1.5}.inspector-section textarea{padding:8px;width:100%;background:#242e1d;border-color:#435334;margin-top:7px;font-size:10px;line-height:1.6;resize:vertical;min-height:60px}.inspector-section select{display:block;width:100%;font-size:10px;padding:7px 5px;background:#242e1d;border-color:#435334;margin-top:6px;min-width:0}.property-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.property-row label>span{display:flex;align-items:center;gap:3px;border:1px solid #435334;border-radius:5px;background:#242e1d;margin-top:6px;font-size:9px;color:#a2b58e;padding-right:7px;height:31px}.property-row input{width:100%;min-width:0;background:none;border:0;outline-offset:0;padding:6px;color:#d6e4c7;font-size:10px}.inspector-field{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;color:#a0b38e;font-size:9px}.alignment-buttons{display:flex;border:1px solid #435334;border-radius:4px;padding:2px;gap:2px}.alignment-buttons button{display:grid;place-items:center;width:27px;height:24px;color:#91a67d;border-radius:3px}.alignment-buttons svg{width:13px;height:13px}.alignment-buttons button[aria-pressed=true]{color:#d3e8bd;background:#425334}.color-options{display:flex;gap:7px}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid #1c2119;outline:1px solid transparent}.swatch[aria-pressed=true]{outline-color:#c1d5ab}.moss{background:#4a603f}.clay{background:#a5664b}.slate{background:#4a6274}.token-reference{display:flex;align-items:center;gap:7px;border:1px solid #435334;background:#242e1d;padding:8px;border-radius:4px;margin-top:12px;font-size:9px;color:#b6cba2;font-family:IBM Plex Mono,monospace}.token-reference>span:last-child{margin-left:auto}.token-square{width:12px;height:12px;border-radius:2px;background:var(--site-accent);border:1px solid #ffffff25}.layer-item{display:flex;align-items:center;gap:6px;font-size:9px;padding:8px 0;color:#a5bb91}.layer-item svg{width:12px;height:12px}.layer-item.selected{margin-top:3px;padding-left:22px;background:#34452a;border-radius:4px;color:#d3e5c0}.layer-item>span{margin-left:auto;font-size:8px;color:#93ad7b;padding-right:7px}.layer-item.nested{padding-left:22px}.inspector-bottom{margin-top:auto;padding:18px 15px;border-top:1px solid #343e2b}.inspector-bottom button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;border:1px solid #536840;background:#33452a;color:#d2e6bd;width:100%;border-radius:5px;padding:8px 3px}.inspector-bottom svg{width:13px;height:13px}.inspector-bottom p{font-size:8px;text-align:center;color:#94a785;margin-bottom:0}.studio[data-device=tablet] .canvas-page{max-width:650px}.studio[data-device=mobile] .canvas-page{max-width:360px}.sample-site{color:#303c2b;background:var(--site-paper);container:sample / inline-size;position:relative;overflow:hidden;--heading-size:64px;--heading-weight:400;--heading-align:left;--heading-font:"DM Serif Display",Georgia,serif }.sample-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 6%;border-bottom:1px solid #4c5b3c2b}.sample-wordmark{font-family:Georgia,serif;font-size:23px;font-weight:500;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.sample-wordmark svg{width:20px;height:23px;color:var(--site-accent)}.sample-wordmark>span{font:7px DM Sans,sans-serif;align-self:flex-start;padding-top:5px}.sample-header nav{display:flex;gap:23px;align-items:center;font-size:9px}.sample-nav-contact{border:1px solid #76836885;padding:9px 13px;border-radius:2px}.sample-hero{position:relative;padding:65px 6% 74px;min-height:480px}.sample-eyebrow{font-size:8px;letter-spacing:1.4px;color:#576548;display:flex;align-items:center;gap:7px;position:relative;z-index:1}.sample-eyebrow>span{width:4px;height:4px;border-radius:50%;background:var(--site-accent)}.sample-heading{font-family:var(--heading-font);font-size:var(--heading-size);font-weight:var(--heading-weight);text-align:var(--heading-align);line-height:1.03;letter-spacing:-2.8px;margin:25px 0 20px;max-width:58%;position:relative;z-index:1;cursor:pointer;border:1px solid transparent;white-space:pre-line}.visual-panel .sample-heading{border-color:#718b5b;outline-offset:4px}.visual-panel .sample-heading:before,.visual-panel .sample-heading:after{content:"";position:absolute;width:5px;height:5px;background:#f2f5ea;border:1px solid #718b5b}.visual-panel .sample-heading:before{left:-3px;top:-3px}.visual-panel .sample-heading:after{right:-3px;bottom:-3px}.sample-description{font-family:DM Sans,sans-serif;font-size:12px;line-height:1.8;color:#5d6754;max-width:48%;position:relative;z-index:1}.sample-cta{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #81916d;padding:13px 0 8px;font-size:10px;color:var(--site-accent);position:relative;z-index:1}.sample-cta>span{font-size:15px}.botanical-art{width:39%;height:77%;position:absolute;right:4%;top:13%;overflow:hidden}.art-orbit{position:absolute;left:3%;top:0;width:88%;height:98%;border:1px solid #7d8e6252;border-radius:48% 48% 0 0;background:linear-gradient(125deg,#a2ae7c1a,#bfc8a733)}.art-circle{position:absolute;width:80%;aspect-ratio:1;top:15%;left:10%;border-radius:50%;background:linear-gradient(155deg,#c8b18d60,#d5c49f10)}.art-stem{height:82%;width:2px;background:#667550;transform:rotate(9deg);position:absolute;left:51%;bottom:0}.art-leaf{position:absolute;background:var(--site-accent);width:48%;height:29%;border-radius:100% 0;box-shadow:inset -10px -10px 20px #12230720,inset 5px 5px 20px #ffffda10;opacity:.9;transform-origin:bottom right}.art-leaf:after{content:"";height:1px;background:#cad3ad55;width:90%;position:absolute;left:8%;top:54%;transform:rotate(-32deg)}.leaf-one{top:7%;left:16%;transform:rotate(4deg) scale(.8)}.leaf-two{top:24%;left:7%;transform:rotate(-16deg)}.leaf-three{top:17%;left:53%;transform:rotate(89deg) scale(.85)}.leaf-four{top:49%;left:1%;transform:rotate(-14deg) scale(.86)}.leaf-five{top:47%;left:48%;transform:rotate(88deg) scale(.94)}.art-caption{font-size:6px;letter-spacing:1.6px;position:absolute;bottom:6%;left:17%;color:#6a7659;writing-mode:vertical-rl;transform:rotate(180deg)}.art-plus{position:absolute;font-size:22px;font-weight:300;color:#8c9b76;right:0;top:8%}.sample-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 6%;padding:22px 0;border-top:1px solid #4c5b3c2b;font-size:8px;color:#637052}.sample-footer>span:nth-child(2){letter-spacing:1.1px;font-size:6px}.sample-footer>span:last-child{font-size:6px;letter-spacing:1px}.sample-lower{background:#e1e4d5;padding:44px 6%;display:flex;justify-content:space-between;gap:15px;align-items:end}.sample-lower p{font-family:"DM Serif Display",Georgia,serif;font-size:27px;line-height:1.2;letter-spacing:-.5px;margin:0}.sample-lower>span{font-size:8px;color:#687256}.canvas-page .sample-lower{display:none}@container sample (max-width:650px){.sample-header{height:58px}.sample-wordmark{font-size:19px}.sample-header nav{gap:14px;font-size:8px}.sample-nav-contact{padding:7px 9px}.sample-hero{padding-top:43px;padding-bottom:48px;min-height:390px}.sample-heading{font-size:calc(var(--heading-size)*.77);letter-spacing:-1.8px}.sample-description{font-size:10px}.sample-eyebrow{font-size:6px;letter-spacing:1px}.sample-cta{font-size:9px;gap:22px}.sample-footer{font-size:7px;padding:18px 0}.sample-lower p{font-size:22px}}@container sample (max-width:420px){.sample-header{height:62px}.sample-header nav>span:not(:last-child){display:none}.sample-hero{padding-top:38px;padding-bottom:32px;min-height:610px}.sample-heading{max-width:100%;font-size:calc(var(--heading-size)*.8);letter-spacing:-1.8px;margin-top:20px}.sample-description{max-width:100%;font-size:11px}.sample-break{display:none}.botanical-art{top:328px;height:250px;width:65%;right:13%}.sample-eyebrow{font-size:7px}.sample-footer>span:nth-child(2){display:none}.sample-footer{font-size:7px}.sample-lower{display:block;padding:30px 6%}.sample-lower>span{display:block;margin-top:15px}}.code-panel{display:grid;grid-template-columns:190px minmax(0,1fr);background:#171c14}.file-explorer{background:#1b2118;border-right:1px solid #303a28;padding-top:19px;position:relative;overflow:auto;display:flex;flex-direction:column}.explorer-title{display:flex;justify-content:space-between;padding:0 14px;font-size:8px;letter-spacing:1.3px;color:#b0c49b;margin-bottom:24px}.explorer-title .muted{font-size:7px;letter-spacing:.8px}.folder-row{display:flex;align-items:center;gap:6px;padding:9px 11px;font-size:10px;color:#b9cda5}.folder-row svg{width:12px;height:12px;color:#849d6e}.folder-row svg:first-child{width:10px;height:10px}.file-row{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 12px 9px 34px;width:100%;font-size:10px;color:#b1c69c}.file-row.active{background:#35452b;color:#e0eccf}.file-row:hover{background:#2a3721}.file-type{font-family:IBM Plex Mono,monospace;color:#d3a580;font-size:13px}.file-type.css-type{color:#b2c6e0}.file-type.ts-type{color:#99badb;font-size:8px}.file-row.root-file{padding-left:18px}.explorer-bottom{margin-top:auto;border-top:1px solid #303e25;padding:18px 13px;font-size:9px;color:#b3c89f}.explorer-bottom svg{width:12px;height:12px;vertical-align:middle;margin-right:4px}.explorer-bottom p{font-size:9px;color:#8aa075;line-height:1.8;margin-bottom:0}.editor-workspace{min-width:0;min-height:0;display:flex;flex-direction:column}.editor-tabs{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3823;background:#1b2316;padding-right:13px}.editor-tabs>span{display:flex;gap:9px;align-items:center;padding:13px 20px;background:#222d1a;border-top:1px solid #aacd87;height:42px;font-size:11px;color:#d6e6c5}.draft-dot{width:5px;height:5px;border-radius:50%;background:#9eb58a;margin-left:10px}.editor-breadcrumb{display:flex;align-items:center;gap:9px;font-size:9px;color:#8da777;padding:13px 20px}.editor-breadcrumb svg{width:10px;height:10px}.editor-breadcrumb>span{color:#b7cd9e}.source-editor{min-height:0;min-width:0;flex:1;display:flex;overflow:hidden;padding-top:7px}.line-numbers{width:52px;flex-shrink:0;overflow:hidden;text-align:right;padding-right:16px;font:11px/24px IBM Plex Mono,monospace;color:#6d8756;white-space:pre;-webkit-user-select:none;user-select:none}.source-editor textarea{display:block;width:100%;height:100%;resize:none;white-space:pre;overflow:auto;background:none;border:0;outline:none;border-radius:0;padding:0 24px 30px 0;color:#c9ddaf;font:11px/24px IBM Plex Mono,monospace;-moz-tab-size:2;tab-size:2}.editor-status{height:28px;display:flex;align-items:center;gap:15px;justify-content:flex-end;background:#25351a;color:#a6c38b;font-size:8px;padding:0 13px;border-top:1px solid #384c29;flex-shrink:0}.editor-status>span:first-child{margin-right:auto;display:flex;align-items:center;gap:5px}.editor-status svg{width:12px;height:12px}.editor-note{margin-left:10px;color:#93ad7c}.preview-panel{background:#141912;display:flex;flex-direction:column;overflow:auto}.preview-toolbar{display:flex;gap:7px;align-items:center;padding:13px 22px;color:#a5bc91;background:#1d2718;border-bottom:1px solid #36472a;font-size:10px}.preview-toolbar svg{width:12px;height:12px;color:#7d9867}.preview-sample-label{margin-left:auto;font-size:9px;color:#88a46f}.full-preview{max-width:1200px;width:100%;margin:0 auto;flex:1;background:var(--site-paper)}.full-preview .sample-hero{min-height:530px}.full-preview .sample-heading{font-size:calc(var(--heading-size)*1.3);max-width:55%}.full-preview .sample-description{font-size:14px}.full-preview .sample-header{height:85px}.full-preview .botanical-art{right:7%;height:90%;top:5%}.toast{position:fixed;z-index:30;bottom:24px;left:calc(50% + 100px);transform:translate(-50%);max-width:min(570px,calc(100vw - 28px));width:max-content;display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #657e4d;border-radius:8px;background:#303f25;color:#e1efcf;box-shadow:0 8px 45px #0005;font-size:11px;line-height:1.6}.toast>svg{width:16px;height:16px;color:#b1d58e}.toast .tiny-button{margin-left:5px}.toast>span{overflow-wrap:anywhere}@media(min-width:1500px){.agent-panel{grid-template-columns:minmax(0,1fr) 330px}.chat-scroll{padding:0 54px}.composer-area{padding:18px 54px 23px}.project-context{padding:0 26px}.mini-preview{height:230px}.mini-preview>.sample-site{transform:scale(.307)}.welcome-description{margin-bottom:36px}.suggestion-grid button{padding:17px 14px}.suggestion-grid button>span{font-size:10px}.chat-welcome{padding-top:40px}.context-header{padding:22px 0 19px}}@media(max-width:1180px){.studio{grid-template-columns:190px minmax(0,1fr)}.brand-area{width:169px}.project-sidebar{padding-left:9px;padding-right:9px}.app-header{gap:14px}.agent-panel{grid-template-columns:minmax(0,1fr) 250px}.project-context{padding:0 16px}.mini-preview{height:185px}.mini-preview>.sample-site{transform:scale(.24)}.chat-scroll{padding:0 24px}.composer-area{padding-left:24px;padding-right:24px}.suggestion-grid{gap:6px}.suggestion-grid button{padding:11px 9px}.suggestion-grid button>span{font-size:8px}.chat-welcome h1{font-size:40px}.sidebar-footer>span:last-child{display:none}.visual-panel{grid-template-columns:minmax(0,1fr) 230px}.canvas-stage{padding:30px 19px}.sidebar-bottom>a{font-size:9px}.context-project-title div>span{font-size:8px}}@media(max-width:1000px){.studio{grid-template-columns:minmax(0,1fr);grid-template-rows:60px 57px minmax(0,1fr)}.brand-area{width:auto}.app-header{padding:0 18px;gap:20px}.mobile-menu{display:inline-flex;margin-right:11px}.project-sidebar{display:none;position:fixed;left:0;top:60px;bottom:0;width:220px;z-index:12;box-shadow:20px 0 60px #0008}.studio[data-navigation-open=true] .project-sidebar{display:flex}.workspace-bar,.mode-panel{grid-column:1}.agent-panel{grid-template-columns:minmax(0,1fr) 280px}.mini-preview>.sample-site{transform:scale(.272)}.mini-preview{height:209px}.chat-welcome{padding-top:28px}.toast{left:50%}.wordmark{font-size:24px}.wordmark-suffix{font-size:11px}.mode-shortcut{display:none}}@media(max-width:760px){.app-header{gap:12px;padding:0 12px}.wordmark{font-size:23px;gap:6px}.wordmark-suffix{display:none}.brand-mark{width:23px;height:25px;font-size:29px}.project-path{margin-left:auto;font-size:10px;gap:6px}.project-path .project-initial,.project-path>svg,.project-path>.muted{display:none}.prototype-badge{font-size:8px;padding:3px 5px}.prototype-badge>span{display:none}.header-actions{margin-left:0;gap:8px}.header-actions .docs-link,.user-avatar{display:none}.publish-button{font-size:10px;padding:7px 8px;gap:5px}.publish-button svg{width:12px;height:12px}.workspace-bar{padding:0 12px}.workspace-tabs{gap:2px;padding:3px}.workspace-tabs button{font-size:10px;padding:6px 9px;gap:5px}.workspace-tabs button svg{width:12px;height:12px}.session-status{font-size:8px;gap:5px}.agent-panel{grid-template-columns:minmax(0,1fr)}.project-context{display:none}.chat-toolbar{padding:0 20px;height:43px}.chat-scroll{padding:0 22px}.chat-welcome{max-width:520px;padding:26px 0 15px}.chat-welcome h1{font-size:46px}.welcome-symbol{margin-bottom:23px;width:48px;height:48px}.welcome-symbol>span{font-size:49px}.welcome-symbol i{width:27px;height:27px;top:19px}.eyebrow{font-size:8px;letter-spacing:1.3px}.welcome-description{font-size:11px;margin:16px 0 25px}.suggestion-grid button{padding:12px 10px}.suggestion-grid button>span{font-size:8px}.suggestion-grid strong{font-size:10px}.suggestion-grid svg{margin-bottom:13px}.composer-area{padding:12px 17px 15px}.composer textarea{font-size:12px}.composer-caption{font-size:7px}.visual-panel{grid-template-columns:minmax(0,1fr);position:relative}.style-inspector{display:none;position:absolute;right:0;top:49px;bottom:28px;width:252px;z-index:5;box-shadow:-10px 0 40px #0006}.studio[data-inspector-open=true] .style-inspector{display:flex}.inspector-toggle{display:inline-flex;width:26px;height:26px}.canvas-toolbar{padding:0 14px;gap:10px}.canvas-stage{padding:24px 14px}.canvas-status>span:last-child{font-size:7px}.code-panel{grid-template-columns:145px minmax(0,1fr)}.file-explorer{padding-top:15px}.explorer-title{font-size:7px;padding:0 9px;letter-spacing:.7px}.explorer-title .muted{display:none}.folder-row{font-size:9px;padding-left:8px}.file-row{font-size:8px;padding-left:25px;gap:5px}.explorer-bottom{font-size:8px;padding:14px 9px}.explorer-bottom p{font-size:8px}.source-editor textarea{font-size:10px}.line-numbers{width:35px;padding-right:10px;font-size:10px}.editor-breadcrumb{font-size:8px;padding-left:12px;gap:5px}.editor-tabs>span{font-size:10px;padding-left:12px}.editor-status{gap:8px;font-size:7px;padding:0 7px}.editor-note{display:none}.full-preview .sample-heading{font-size:var(--heading-size)}.full-preview .sample-hero{min-height:520px}.full-preview .sample-description{font-size:12px}.preview-toolbar{padding:13px;font-size:9px}.preview-sample-label{font-size:7px}.toast{font-size:10px;bottom:16px}.toast>svg{display:none}}@media(max-width:420px){.app-header{gap:9px}.project-path{font-size:9px}.prototype-badge{font-size:7px}.header-actions{gap:0}.workspace-tabs button{padding:6px 8px}.session-status{display:none}.chat-welcome h1{font-size:43px}.welcome-description{margin-bottom:19px}.suggestion-grid button>span{display:none}.suggestion-grid button{padding:11px 9px}.suggestion-grid strong{font-size:9px}.suggestion-grid svg{width:15px;height:15px}.composer-caption{font-size:7px}.enter-hint{font-size:8px}.full-preview .sample-hero{min-height:650px}.full-preview .sample-heading{max-width:100%;font-size:calc(var(--heading-size)*.8)}.full-preview .botanical-art{top:350px;height:260px;width:65%;right:13%}.full-preview .sample-description{max-width:100%}.canvas-status{font-size:7px;padding:0 7px}.canvas-status>span:last-child{max-width:110px;text-align:right}.code-panel{grid-template-columns:126px minmax(0,1fr)}.file-row{font-size:7px;padding-left:20px}.editor-status>span:last-child{display:none}}.project-context>*{flex-shrink:0}@media(max-height:800px)and (min-width:761px){.chat-welcome{padding-top:20px;padding-bottom:20px}.welcome-symbol{width:39px;height:39px;margin-bottom:20px}.welcome-symbol>span{font-size:44px}.welcome-symbol i{width:25px;height:25px;top:18px}.eyebrow{margin-bottom:12px;font-size:8px}.chat-welcome h1{font-size:38px}.welcome-description{margin:12px 0 18px;font-size:11px;line-height:1.65}.suggestion-grid button>span{display:none}.suggestion-grid svg{margin-bottom:9px}.suggestion-grid button{padding:11px}.composer-area{padding-top:10px;padding-bottom:12px}.composer textarea{min-height:50px;padding-top:8px}.mini-preview{height:180px}.mini-preview>.sample-site{transform:scale(.282)}.context-project-title{padding:16px 0}.context-label{margin:17px 0}.project-detail{margin-bottom:19px}.context-bottom{padding:18px 0}.context-bottom>span{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}