@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--studio-ink:#182725;--studio-muted:#71807a;--studio-lime:#dbf59d;--studio-paper:#f6f7f2}
html{scroll-behavior:smooth}html,body{background:var(--studio-paper);color:var(--studio-ink);font-family:'DM Sans',system-ui,sans-serif!important}.canvas{min-height:0!important;background:var(--studio-paper)!important;overflow:visible}.studio-shell{max-width:1200px;margin:auto;padding:0 40px}.studio-nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee3d9}.studio-brand{text-decoration:none;color:var(--studio-ink);display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--studio-ink);width:38px;height:38px;border-radius:12px;color:var(--studio-lime);font-size:30px;line-height:1}.brand-mark span{font-size:32px}.studio-nav nav{display:flex;gap:32px}.studio-nav nav a{text-decoration:none;color:var(--studio-ink);font-size:13px}.studio-nav nav a span{margin-left:8px}.studio-hero{padding:65px 0 52px;text-align:center}.studio-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.studio-eyebrow>span,.preview-heading i{display:inline-block;width:6px;height:6px;background:#7b9b40;border-radius:50%}.studio-hero h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(36px,5vw,60px);line-height:1.15;letter-spacing:-2.7px;font-weight:600;margin:20px 0}.studio-hero em{font-family:Georgia,serif;font-weight:400;color:#648039}.studio-hero p{font-size:14px;line-height:1.8;color:var(--studio-muted);margin:0}.hero-link{display:inline-flex;align-items:center;gap:22px;color:var(--studio-ink);font-size:12px;font-weight:600;text-decoration:none;margin-top:23px}.hero-link span{background:var(--studio-lime);padding:5px 10px;border-radius:50%}
.studio-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;scroll-margin-top:20px}.studio-preview{background:#ebeee2;border-radius:24px;position:sticky;top:24px;align-self:start;overflow:hidden;border:1px solid #dce2d1}.preview-heading{display:flex;justify-content:space-between;padding:24px;font-size:9px;letter-spacing:1px;color:#667360}.preview-heading>span:first-child{display:flex;align-items:center;gap:7px}.preview-tag{border:1px solid #cbd3bf;padding:4px 7px;border-radius:5px}.studio-stage{height:305px;position:relative;display:grid;place-items:center;background-image:radial-gradient(#aab79b66 .8px,transparent .8px);background-size:18px 18px;margin:0 20px}.studio-stage .avatar-home{position:static!important;transform:none!important;width:210px!important;height:210px!important;display:grid!important;place-items:center}.studio-stage .status-pill.demo-status{position:absolute!important;top:auto!important;bottom:6px!important;left:50%!important;transform:translateX(-50%)!important;background:transparent;border:0;color:#748168;font-size:10px}.preview-caption{padding:24px 20px 30px;text-align:center;display:flex;flex-direction:column;gap:8px}.preview-caption strong{font-family:Manrope,system-ui,sans-serif;font-size:20px;letter-spacing:-.6px;font-weight:600}.preview-caption>span{font-size:11px;color:#77836e}.preview-caption .demo-chat-entry-hint{position:static!important;font-size:10px!important;color:#7f8b78!important;max-width:none!important;margin-top:8px}.studio-formats{border-top:1px solid #dce2d1;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#6c7a63}.studio-formats>div{display:flex;gap:5px}.studio-formats>div>span{padding:5px 8px;border:1px solid #d0d8c5;border-radius:6px}
.studio-editor{background:#fff;border:1px solid #e0e5dc;border-radius:24px;padding:26px}.editor-heading{display:flex;align-items:flex-start;gap:12px}.section-number{font-size:10px;padding:6px;background:#f2f4ed;color:#7d8b70;border-radius:5px;font-weight:400}.editor-heading h2{font-family:Manrope,system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.5px;margin:2px 0 6px}.editor-heading p{font-size:11px;color:#869084;margin:0}.studio-design{margin-top:24px}.studio-design .robot-customizer{border:0;background:transparent;box-shadow:none;width:100%;padding:0}.studio-design .robot-customizer-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;justify-content:stretch}.studio-design .robot-customizer label{flex-direction:column;align-items:stretch;gap:9px;font-size:11px;color:#6c7866}.studio-design .robot-customizer input[type=color]{width:100%;height:35px;border-radius:8px;border:1px solid #e5e9df;padding:4px}.studio-design .robot-customizer input[type=range]{width:100%;accent-color:#637746}.studio-design .robot-customizer select{height:35px;border:1px solid #e5e9df;background:#f9faf7;color:#394531;font-size:12px}.studio-design #robot-custom-reset{width:max-content;font-size:10px;padding:0;background:none;color:#85907e;text-decoration:underline;grid-column:1/-1;margin-top:-2px}.studio-design #robot-custom-export{display:none}.studio-design .demo-roundness-control{margin-top:22px;background:#f7f9f2;border:0;box-shadow:none;border-radius:9px;width:100%;padding:12px;gap:10px;font-size:10px}.studio-design .demo-roundness-control input[type=range]{width:100%;max-width:180px;accent-color:#637746}.studio-expression,.studio-behavior{border-top:1px solid #edf0e7;margin-top:24px;padding-top:20px}.studio-editor summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;list-style:none}.studio-editor summary::-webkit-details-marker{display:none}.details-arrow{margin-left:auto;color:#89947f}.studio-actions .controls{position:static!important;transform:none!important;width:var(--studio-actions-width,100%)!important;max-width:none!important;margin:16px 0 0!important;padding:0!important;box-shadow:none!important;background:transparent!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important}.studio-actions .controls button{flex:1 0 auto!important;background:#f3f5ef;border:1px solid #edf0e7;color:#718064;font-size:10px;padding:7px 9px!important;border-radius:7px}.studio-actions .controls button:hover,.studio-actions .controls button.demo-active{background:#e5edda;color:#34412a}.studio-actions .controls button.is-new::after{display:none}.studio-options{margin-top:16px}.studio-options .demo-options{margin:0!important;max-width:100%!important}.studio-options .demo-options-group{max-width:100%!important;background:#f7f9f2;border:0;box-shadow:none}.studio-behavior summary{color:#7b8773;font-size:11px}.studio-export{border-top:1px solid #edf0e7;margin-top:22px;padding-top:22px}.studio-export h3{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0 0 6px}.studio-export p{font-size:10px;color:#8a9483;line-height:1.5;margin:0}.download-row{display:flex;gap:8px;margin:16px 0 10px}.download-row button{flex:1;background:var(--studio-ink);color:#eaf5dc;padding:12px 14px;font-size:11px;border-radius:9px;display:flex;justify-content:space-between}.download-row button:first-child{background:var(--studio-lime);color:var(--studio-ink)}.download-row button:hover{filter:brightness(.95)}.download-row button:disabled{opacity:.5;cursor:wait}
.studio-developers{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 15px 85px;align-items:center;scroll-margin-top:25px}.studio-developers h2{font-family:Manrope,system-ui,sans-serif;font-size:35px;line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:18px 0}.studio-developers p{color:#7e8977;font-size:12px;line-height:1.8;max-width:365px}.developer-card{padding:28px;border:1px solid #dfe5d6;border-radius:18px;background:#f0f3e9}.developer-top{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:8px;letter-spacing:1px;color:#76856a}.roadmap-pill{padding:6px 9px;border-radius:20px;background:#e2ebd5;letter-spacing:0;color:#6c8052}.developer-card h3{font-size:18px;font-weight:600;letter-spacing:-.6px;margin:22px 0 10px}.developer-card p{font-size:11px}.roadmap-item{display:flex;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #dfe5d6;font-size:10px;color:#64755b}.roadmap-item>span{font-size:8px;color:#91a083}.roadmap-item strong{font-weight:400;font-size:9px;margin-left:auto;color:#80916f}.developer-card small{display:block;font-size:9px;color:#8b977f;line-height:1.6;margin-top:10px}.studio-footer{border-top:1px solid #dee3d9;padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#8b9485}.studio-footer .studio-brand{font-size:16px}.studio-footer .studio-brand>span{color:#7c934f}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #708b42;outline-offset:4px}
@media(max-width:850px){.studio-shell{padding:0 24px}.studio-workspace{gap:16px}.studio-editor{padding:20px}.studio-formats{flex-direction:column;gap:10px}.studio-developers{gap:30px}.studio-footer{flex-wrap:wrap}.studio-footer>span:last-child{width:100%}}
@media(max-width:650px){.studio-shell{padding:0 16px}.studio-nav{height:77px}.studio-brand{font-size:18px;gap:8px}.brand-mark{width:32px;height:32px;font-size:25px}.studio-nav nav{gap:18px}.studio-nav nav a{font-size:10px}.studio-hero{padding:45px 0 35px}.studio-hero h1{font-size:39px;letter-spacing:-1.8px}.studio-hero p{font-size:12px}.studio-eyebrow{font-size:8px;letter-spacing:1.1px}.studio-workspace{grid-template-columns:1fr}.studio-preview{position:static}.studio-stage{height:270px}.studio-formats{flex-direction:row}.preview-caption{padding:17px 15px 23px}.studio-editor{padding:23px}.studio-developers{grid-template-columns:1fr;gap:24px;padding:55px 0 45px}.studio-developers h2{font-size:31px}.studio-footer{gap:14px}.studio-footer>span{font-size:9px}.studio-design .demo-roundness-control{gap:6px}.studio-design .demo-roundness-control input[type=range]{max-width:110px}.canvas{min-height:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The creator is the landing view, with preview and exports always in reach. */
.studio-nav{height:72px}.studio-workspace{margin-top:24px;height:clamp(480px,calc(100dvh - 120px),660px);grid-template-columns:1fr 1.1fr;scroll-margin-top:16px}.studio-preview{position:relative;top:0;height:100%;display:flex;flex-direction:column}.studio-stage{flex:1;min-height:190px;height:auto}.studio-stage .avatar-home{width:170px!important;height:170px!important}.preview-heading{padding:20px}.preview-caption{padding:16px 20px 22px}.preview-caption strong{font-size:18px}.studio-formats{padding:16px 20px}.studio-editor{height:100%;min-height:0;padding:22px;display:flex;flex-direction:column;overflow:hidden}.editor-heading h2{font-size:17px}.editor-tabs{display:flex;gap:5px;margin:18px 0 0;padding:4px;background:#f4f6ef;border-radius:9px;flex-shrink:0}.editor-tabs button{flex:1;font-size:11px;background:transparent;color:#7a8670;padding:8px 7px;border-radius:7px}.editor-tabs button[aria-selected=true]{background:white;color:#34452d;box-shadow:0 2px 6px #1d32100a}.editor-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 5px 8px 0;scrollbar-width:thin;scrollbar-color:#dce3d2 transparent}.editor-scroll [hidden]{display:none!important}.studio-design{margin-top:18px}.studio-design .robot-customizer-fields{gap:14px 18px}.studio-design .robot-customizer input[type=color]{height:30px}.studio-design .robot-customizer label{gap:7px}.studio-design .robot-customizer select{height:31px}.studio-design .demo-roundness-control{margin-top:14px;padding:10px}.studio-expression,.studio-behavior{margin-top:16px;padding-top:0;border:0}.studio-expression summary,.studio-behavior summary{display:none}.studio-options .demo-options{width:100%!important}.studio-options .demo-options-group{width:100%!important}.studio-export{flex-shrink:0;margin-top:12px;padding-top:14px}.studio-export h3{font-size:13px}.download-row{margin:12px 0 8px}.studio-showcase{padding:60px 0 0;scroll-margin-top:24px}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.showcase-heading h2{font-family:Manrope,system-ui,sans-serif;font-size:26px;font-weight:500;letter-spacing:-1px;margin:12px 0 0}.showcase-heading p{font-size:11px;color:#85907a;line-height:1.7;margin:0}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.use-card{border:1px solid #e0e5d8;border-radius:16px;padding:18px;background:#fff;overflow:hidden;font-size:11px;display:flex;flex-direction:column;min-width:0}.use-card-label{font-size:8px;letter-spacing:1px;color:#8a967e;margin-bottom:22px}.use-card h3{font-weight:400;font-size:10px;color:#8a9580;border-top:1px solid #edf0e8;padding-top:14px;margin:20px 0 0;line-height:1.6;margin-top:auto}.use-card img{object-fit:contain}.mock-chat-top{display:flex;justify-content:space-between;gap:5px;font-size:10px;padding-bottom:16px}.mock-channel{font-weight:600;color:#3b4931}.mock-online{font-size:8px;color:#8ca365}.mock-chat-message{display:flex;gap:9px;margin:0 0 15px}.mock-chat-message img,.mock-initial{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#edf1e4;padding:3px}.mock-initial{display:grid;place-items:center;background:#f3e6df;color:#ad8973;padding:0}.mock-chat-message strong{font-size:10px;font-weight:600}.mock-chat-message small{font-size:7px;color:#a1aa98;font-weight:400;margin-left:4px}.mock-chat-message p{font-size:9px;color:#7d8873;line-height:1.5;margin:6px 0}.mock-reaction{display:inline-block;padding:3px 6px;border-radius:5px;background:#f1f5e9;font-size:8px}.mock-composer{font-size:8px;color:#a0ac92;padding:10px;background:#f7f9f3;border:1px solid #edf0e7;border-radius:7px;margin-bottom:20px;display:flex;justify-content:space-between}.mock-profile-cover{height:54px;background:linear-gradient(135deg,#e6edce,#cbdcaf);border-radius:9px}.mock-profile-avatar{width:56px;height:56px;border:4px solid white;border-radius:16px;background:#f1f4e9;margin:-22px 0 0 12px;z-index:1}.mock-profile-copy{padding:10px 0 20px}.mock-profile-copy>strong{display:block;font-size:12px;font-weight:600}.mock-profile-copy>strong>span{font-size:8px;color:#87a154;margin-left:5px}.mock-profile-copy>span{display:block;font-size:9px;color:#9aa38e;margin-top:5px}.mock-profile-copy p{font-size:9px;color:#7d8872;line-height:1.7;margin:12px 0}.mock-profile-copy>div{display:flex;gap:14px;font-size:8px;color:#929e85}.mock-profile-copy b{font-weight:600;color:#526344}.mock-app-top{display:flex;justify-content:space-between;font-size:10px;color:#8b967e}.mock-assistant{display:flex;flex-direction:column;align-items:center;padding:16px 0 20px;text-align:center}.mock-assistant img{width:57px;height:57px}.mock-assistant-status{font-size:6px;color:#97a584;letter-spacing:1px;margin:8px 0 12px}.mock-assistant>strong{font-weight:500;font-size:12px}.mock-assistant p{font-size:9px;color:#89957d;line-height:1.6;margin:8px 0 12px}.mock-app-button{display:flex;justify-content:space-between;gap:12px;background:#e9f0dc;border-radius:6px;padding:8px 10px;font-size:8px;color:#748b52}.mock-project-top{display:flex;align-items:center;gap:10px;margin:12px 0 20px}.mock-project-top img{width:40px;height:40px;background:#edf1e4;border-radius:10px;padding:4px}.mock-project-top strong{display:block;font-size:13px;font-weight:600}.mock-project-top div>span{display:block;font-size:8px;color:#9aa48d;margin-top:5px}.mock-project-chips{display:flex;gap:5px;margin-bottom:16px}.mock-project-chips span{font-size:7px;padding:4px 6px;background:#f2f6ea;border-radius:4px;color:#8c9a7a}.mock-task{display:flex;align-items:center;gap:7px;font-size:9px;color:#7d8973;padding:10px 0;border-top:1px solid #eef1e7}.mock-task>span{color:#91a86e}.mock-task small{margin-left:auto;font-size:7px;color:#a0ac93}.mock-task:last-of-type{margin-bottom:20px}.studio-developers{padding-top:60px}
@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,1fr)}.studio-workspace{grid-template-columns:.9fr 1.1fr}.use-card{padding:22px}.studio-formats{flex-direction:column;gap:8px}}
@media(max-width:650px){.studio-nav{height:62px}.studio-nav nav{gap:11px}.studio-nav nav a{font-size:9px}.studio-workspace{display:flex;flex-direction:column;height:auto;margin-top:14px;gap:12px}.studio-preview{position:sticky;top:0;z-index:25;height:176px;flex-shrink:0;box-shadow:0 6px 18px #1827250a;border-radius:16px;display:block}.preview-heading{position:absolute;inset:0 0 auto;padding:11px 14px;z-index:1;pointer-events:none;font-size:7px}.preview-tag{font-size:7px}.studio-stage{height:176px;min-height:0;margin:0}.studio-stage .avatar-home{transform:scale(.63)!important}.studio-stage .status-pill.demo-status{bottom:4px!important;font-size:8px}.preview-caption,.studio-formats{display:none}.studio-editor{height:min(590px,calc(100dvh - 192px));min-height:420px;padding:17px;border-radius:16px}.editor-heading p{font-size:10px}.editor-tabs{margin-top:12px}.editor-tabs button{font-size:10px}.studio-export{padding-top:10px;margin-top:6px}.studio-export>div>p{display:none}.studio-export h3{font-size:11px}.download-row{margin:10px 0 6px}.download-row button{padding:10px}.studio-export #export-status{font-size:8px}.studio-showcase{padding-top:36px}.showcase-heading{display:block;margin-bottom:18px}.showcase-heading h2{font-size:23px}.showcase-heading p{margin-top:12px;font-size:10px}.showcase-grid{grid-template-columns:1fr 1fr;gap:10px}.use-card{padding:13px}.use-card-label{font-size:7px;margin-bottom:16px}.mock-chat-message small{display:none}.mock-chat-message{gap:6px}.mock-chat-top{flex-wrap:wrap}.mock-profile-copy>strong{font-size:11px}.mock-project-top{flex-direction:column;align-items:flex-start;gap:7px}.mock-task{font-size:8px}.mock-task small{display:none}.studio-developers{padding-top:40px}}
@media(max-height:650px) and (min-width:651px){.studio-workspace{height:calc(100dvh - 112px)}.studio-stage{min-height:100px}.preview-caption{padding:8px}.preview-caption>span,.preview-caption .demo-chat-entry-hint,.studio-formats{display:none}.studio-stage .avatar-home{transform:scale(.8)!important}.preview-heading{padding:13px}.studio-editor{padding:16px}.editor-heading p{display:none}.editor-tabs{margin-top:10px}}
@media(max-width:650px){.studio-preview{width:100%;align-self:stretch}.studio-editor{height:calc(100dvh - 284px);min-height:360px}}
.studio-options .demo-panel-toolbar{width:100%;justify-content:center;box-shadow:none;background:#f4f6ef;border:0}.studio-options .demo-panel-toggle{width:auto!important;padding:8px!important;display:flex;gap:6px;align-items:center;font-size:10px}.studio-options .demo-panel-toggle::after{content:attr(title)}.studio-options .demo-panel-toggle svg{width:15px;height:15px}
/* One form, with related controls together and secondary actions tucked away. */
.editor-heading{align-items:center;justify-content:space-between}.editor-heading h2{font-size:19px}.editor-heading #robot-custom-reset{font-size:10px;color:#8a9580;background:none;padding:6px;text-decoration:none}.editor-heading #robot-custom-reset:hover{color:#3d512b;background:#f1f5e9}.studio-design{margin-top:20px}.studio-design .robot-customizer-fields{display:block}.custom-group{padding:0;margin:0 0 20px;border:0;min-width:0}.custom-group legend{font-size:10px;font-weight:600;color:#7b886e;margin-bottom:11px;letter-spacing:.2px}.color-swatches{display:flex;gap:24px}.studio-design .custom-colors label{flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:10px;font-size:12px;color:#536249}.studio-design .custom-colors input[type=color],.studio-design .accessory-color-swatch input[type=color]{width:30px;height:30px;border-radius:50%;padding:3px;cursor:pointer;border:1px solid #dfe5d6;background:white;flex-shrink:0}.custom-colors input::-webkit-color-swatch-wrapper,.accessory-color-swatch input::-webkit-color-swatch-wrapper{padding:0}.custom-colors input::-webkit-color-swatch,.accessory-color-swatch input::-webkit-color-swatch{border-radius:50%;border:0}.custom-colors input::-moz-color-swatch,.accessory-color-swatch input::-moz-color-swatch{border-radius:50%;border:0}.studio-design .custom-face>label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:12px}.studio-design .custom-face input[type=range]{width:62%;max-width:none;accent-color:#728858}.studio-design .custom-face .demo-roundness-control{display:flex;margin:0;padding:0;justify-content:space-between;gap:20px;background:transparent;border-radius:0;font-size:11px;font-weight:400;color:#6c7866}.custom-face .demo-roundness-mark,.custom-face .demo-roundness-unlock,.custom-face datalist{display:none!important}.studio-design .custom-face .demo-roundness-control input[type=range]{width:62%;max-width:none}.studio-design .custom-face .demo-roundness-label{font-size:11px;font-weight:400}.custom-accessories{position:relative;margin-bottom:0}.accessory-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.accessory-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 5px;background:#fafbf7;border:1px solid #e8ecdf;border-radius:10px;color:#8a967f;font-size:9px;min-width:0}.accessory-choices button svg{width:24px;height:24px}.accessory-choices button[aria-pressed=true]{border-color:#a8bb8e;background:#f0f5e7;color:#556d3f}.accessory-choices button:hover{background:#f1f5e9}.studio-design .accessory-color-swatch{display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:11px;font-size:10px;justify-content:flex-end}.studio-design .accessory-color-swatch input[type=color]{width:23px;height:23px;padding:2px}.studio-expression,.studio-behavior{border-top:1px solid #eef1e8;margin-top:17px;padding-top:13px}.studio-expression summary,.studio-behavior summary{display:flex;font-size:10px;color:#8a967f}.studio-expression summary .details-arrow,.studio-behavior summary .details-arrow{font-size:12px}.studio-actions .controls{margin-top:12px!important}.studio-editor{padding:22px}.studio-export h3{font-size:12px}.studio-export>div>p{display:none}.studio-design [hidden]{display:none!important}.editor-scroll{padding-right:8px}.studio-editor .studio-export{margin-top:10px;padding-top:13px}
@media(max-width:650px){.studio-editor{padding:17px}.editor-heading h2{font-size:17px}.editor-heading p{font-size:9px}.studio-design{margin-top:17px}.custom-group{margin-bottom:17px}.custom-accessories{margin-bottom:0}.custom-group legend{margin-bottom:9px}.accessory-choices{gap:5px}.accessory-choices button{padding:9px 3px;font-size:8px;gap:5px}.accessory-choices button svg{width:21px;height:21px}.studio-expression,.studio-behavior{margin-top:13px;padding-top:11px}.studio-design .custom-face>label{margin-bottom:10px}}
.studio-design .robot-customizer .accessory-color-swatch{flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;font-size:10px;margin-top:10px}.studio-design .robot-customizer .accessory-color-swatch input[type=color]{width:23px;height:23px}
.accessory-choices{grid-template-columns:repeat(6,1fr);gap:6px}.accessory-choices button{padding:9px 4px;min-height:59px}.accessory-emoji{font-size:22px;line-height:24px}.accessory-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.studio-design .robot-customizer .match-eyes-toggle{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:10px;cursor:pointer}.match-eyes-toggle input{accent-color:#728858}.studio-design .robot-customizer .accessory-color-swatch{margin-top:0}.accessory-color-swatch input:disabled{opacity:.4;cursor:default}
@media(max-width:650px){.accessory-choices{grid-template-columns:repeat(4,1fr);gap:5px}.accessory-choices button{min-height:52px;padding:7px 3px}.accessory-emoji{font-size:19px;line-height:21px}}
@media(max-width:650px){.accessory-choices{grid-template-columns:repeat(6,1fr);gap:4px}.accessory-choices button{font-size:7px;padding:6px 2px;min-height:48px}.accessory-choices button svg{width:19px;height:19px}.accessory-emoji{font-size:18px;line-height:20px}}
.studio-design .custom-accessories>label{display:block}.studio-design .custom-accessories>label select{width:100%;height:38px;font-size:12px;margin-top:7px;border-radius:8px;background:#f8faf4}.studio-design .custom-accessories>label{font-size:0}.studio-design .custom-accessories>label select{font-size:12px}
.mcp-connect{border-top:1px solid #dfe5d6;margin-top:16px;padding-top:12px}.mcp-connect summary{font-size:10px;cursor:pointer;color:#637a49}.mcp-connect code{font-size:9px;line-height:1.8;overflow-wrap:anywhere}.mcp-connect p{font-size:10px;line-height:1.7}

.studio-design .body-shape-row{display:flex;align-items:center;gap:8px;margin-bottom:13px}.studio-design .body-shape-row label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;font-size:11px}.studio-design .body-shape-row select{width:54%;min-width:0;height:30px;font-size:11px;border-radius:7px}.studio-design #robot-shape-shuffle{padding:7px 9px;background:#f0f5e7;border:1px solid #dfe7d4;border-radius:7px;color:#526b3a;font-size:10px;white-space:nowrap}.studio-design #robot-shape-shuffle:disabled{opacity:.4;cursor:default}

/* Movement belongs beside the live preview; the editor scrolls only its controls. */
.studio-preview{overflow:visible}.studio-preview .preview-tag{display:none}
.studio-preview .studio-behavior{position:absolute;top:16px;right:16px;z-index:40;margin:0;padding:0;border:0}
.studio-preview .studio-behavior>summary{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #cdd7c1;border-radius:9px;background:#f7f9f2;color:#526344;font-size:11px;cursor:pointer;list-style:none}
.studio-preview .studio-behavior>summary::-webkit-details-marker{display:none}
.studio-preview .studio-behavior[open]>summary{background:#fff;border-color:#879d70}
.studio-preview .studio-options{position:absolute;top:calc(100% + 8px);right:0;width:min(310px,calc(100vw - 64px));padding:14px;background:#fff;border:1px solid #dfe5d6;border-radius:14px;box-shadow:0 12px 32px #18272518;margin:0}
.studio-options [hidden]{display:none!important}.studio-options .demo-options-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0!important;background:transparent!important;border-radius:0}
.studio-options .demo-option{display:flex;justify-content:space-between;gap:8px;padding:11px 8px!important;background:#f7f9f2;border-radius:8px;font-size:10px!important;color:#526344}
.studio-options .demo-switch{width:30px;height:19px;flex-shrink:0}.studio-options .demo-switch::after{width:15px;height:15px}.studio-options input:checked+.demo-switch::after{transform:translateX(11px)}
.studio-options .demo-option:focus-within{outline:2px solid #879d70;outline-offset:2px}
.studio-language{font:inherit;font-size:11px;color:#637354;padding:6px;border:1px solid #dfe5d6;border-radius:7px;background:transparent;max-width:110px}
.editor-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-gutter:stable;padding:0 12px 24px 0;scroll-padding-block:16px;scrollbar-color:#aebd9b #f5f7f0}
.editor-scroll::-webkit-scrollbar{width:6px}.editor-scroll::-webkit-scrollbar-track{background:#f5f7f0;border-radius:8px}.editor-scroll::-webkit-scrollbar-thumb{background:#aebd9b;border-radius:8px}
.editor-scroll:focus-visible{outline:2px solid #a3b88a;outline-offset:3px;border-radius:6px}
@media(max-width:650px){.studio-nav nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.studio-language{font-size:10px;max-width:80px}.studio-preview .studio-behavior{top:10px;right:10px}.studio-preview .studio-behavior>summary{padding:6px 9px;font-size:10px}.studio-options .demo-option{min-height:42px}.editor-scroll{padding-right:8px}}

.use-case-gallery{margin-top:40px;padding-top:32px;border-top:1px solid #dee3d9}.use-case-gallery>h3{font-size:23px;letter-spacing:-.7px;margin:0 0 10px;font-weight:500}.use-case-gallery>p,.use-case-docs{font-size:12px;line-height:1.6;color:#687563}.use-case-docs{display:inline-block;margin-bottom:22px;text-underline-offset:4px}.use-case-filters{display:flex;gap:16px;align-items:end;margin:0 0 22px}.use-case-filters label{display:grid;gap:7px;font-size:11px;color:#687563}.use-case-filters label:first-child{flex:1}.use-case-filters input,.use-case-filters select{font:inherit;font-size:13px;background:#fff;border:1px solid #dbe2d4;color:#243f34;border-radius:9px;padding:11px 12px;min-width:0;width:100%}.use-case-filters input:focus-visible,.use-case-filters select:focus-visible,.use-case-example a:focus-visible{outline:3px solid #9ab973;outline-offset:3px}.use-case-filters p{font-size:11px;color:#687563;white-space:nowrap;margin:0 0 12px}.use-case-count{font:inherit}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.use-case-example{background:#fff;border:1px solid #e0e5d8;border-radius:14px;overflow:hidden;padding:12px;min-width:0}.use-case-example a{display:block;color:#243f34;text-decoration:none;border-radius:7px}.use-case-example a:hover h4{text-decoration:underline;text-underline-offset:4px}.use-case-example img{display:block;width:100%;height:auto;aspect-ratio:336/218;object-fit:contain}.use-case-example h4{font-size:13px;line-height:1.5;font-weight:600;margin:12px 6px 8px}.use-case-example code{display:block;font-size:10px;color:#687563;margin:0 6px 8px;overflow-wrap:anywhere}.use-case-empty{padding:30px 0}.use-case-gallery [hidden]{display:none!important}@media(max-width:650px){.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.use-case-example{padding:7px}.use-case-example h4{font-size:11px;margin:8px 3px}.use-case-example code{font-size:8px;margin:0 3px 5px}.use-case-filters{flex-wrap:wrap;gap:12px}.use-case-filters label:first-child{flex-basis:100%}.use-case-filters label:nth-child(2){flex:1}.use-case-filters input,.use-case-filters select{font-size:12px}.use-case-gallery>h3{font-size:21px}}

.render-style-options{display:flex;gap:6px}.render-style-options button{flex:1;background:#f0f3ea;border:1px solid #dce4d1;color:#61754d;padding:10px}.render-style-options button[aria-pressed=true]{background:#182d26;border-color:#182d26;color:#dbf59d}.render-style p{font-size:10px;line-height:1.5;color:#7b8971;margin:9px 0 0}.glossy-preview{position:absolute;inset:0;z-index:6}.glossy-preview[hidden]{display:none}.glossy-preview canvas{width:100%;height:100%;display:block;touch-action:pan-y}.studio-stage.is-glossy{background:radial-gradient(ellipse at 15% 20%,#ffffffad 0 8%,transparent 35%),radial-gradient(ellipse at 85% 75%,#ffffff8c 0 12%,transparent 38%),linear-gradient(145deg,#a4d9fc,#e5f3ff)}
.preview-caption .demo-chat-entry-hint[hidden]{display:none!important}

.studio-stage.is-glossy #status{visibility:hidden}.glossy-expression-label{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);color:#748168;font-size:10px;pointer-events:none}