.studio-shell{--s-ink:#233630;--s-muted:#65746e;--s-line:#dfe5df;--s-green:#2d5b46;--s-paper:#f6f8f4;display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh;background:var(--s-paper);color:var(--s-ink);font:14px/1.6 ui-sans-serif,system-ui,-apple-system,sans-serif}.studio-shell *{box-sizing:border-box}.studio-shell a{color:inherit;text-decoration:none}.studio-shell button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--s-line);border-radius:8px;padding:9px 15px;background:white;color:var(--s-ink);transition:background .16s,border-color .16s}.studio-shell button:hover{background:#eaf0e7;border-color:#99b39f}.studio-shell button:disabled{opacity:.45;cursor:not-allowed}.studio-shell :focus-visible{outline:3px solid #54885c;outline-offset:3px}.studio-shell button.studio-primary{background:var(--s-green);border-color:var(--s-green);color:white;font-weight:600}.studio-shell button.studio-primary:hover{background:#1d4332}.studio-sidebar{background:#152b24;color:#e2eee6;padding:30px 20px;display:flex;flex-direction:column;gap:10px}.studio-brand{font-size:30px;letter-spacing:-1px;font-weight:600;line-height:1}.studio-brand span{display:block;font-size:9px;letter-spacing:4px;font-weight:400;margin:12px 0 26px;color:#a5baaa}.studio-workspace{display:flex;align-items:center;gap:10px;border-top:1px solid #2c4339;padding:24px 0 16px;font-size:12px}.studio-workspace small{display:block;color:#9bb6a4;font-size:10px}.studio-avatar{background:#c5dfb8;color:#24472e;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.studio-sidebar .studio-search{background:#213b30;border-color:#365042;color:#c1d3c5;text-align:left;padding:9px 10px;font-size:12px}.studio-search kbd{float:right;font:inherit;font-size:10px;line-height:24px;opacity:.7}.studio-sidebar nav{display:grid;grid-gap:6px;gap:6px;margin:18px 0}.studio-sidebar nav button{background:transparent;border-color:transparent;color:#acc5b5;display:flex;align-items:center;gap:12px;text-align:left}.studio-sidebar nav button[aria-current=page]{background:#d7e9c9;color:#1e402c}.studio-sidebar nav button span{font-size:20px}.studio-sidebar nav b{margin-left:auto}.studio-nav-label{font-size:9px;letter-spacing:1.4px;color:#9db4a5;margin:10px 10px 5px}.studio-sidebar>a:not(.studio-brand){padding:9px 10px;color:#b8cebf;font-size:12px}.studio-sidebar>a:hover{text-decoration:underline}.studio-sidebar-bottom{margin-top:auto;padding-top:80px;font-size:11px;color:#b7ccb9}.studio-sidebar-bottom p{color:#8ba594;font-size:10px}.studio-dot{display:inline-block;width:6px;height:6px;background:#aad48d;border-radius:50%;margin-right:8px}.studio-main{padding:0 44px 26px;min-width:0;max-width:1700px;width:100%;margin:auto}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--s-line);font-size:12px;color:var(--s-muted)}.studio-top>span>span{padding:0 12px;color:#a5b1a8}.studio-lens{display:flex;gap:3px;border:1px solid var(--s-line);padding:3px;border-radius:9px;background:#e9eee6}.studio-lens button{min-height:32px;border:0;background:transparent;font-size:11px;padding:5px 14px}.studio-lens button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #1c3c2614}.studio-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin:30px 0 24px}.studio-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;color:var(--s-muted)}.studio-shell h1{font-size:clamp(27px,3vw,39px);font-weight:500;letter-spacing:-1.5px;line-height:1.2;margin:10px 0 14px}.studio-intro p:not(.studio-eyebrow){font-size:13px;color:var(--s-muted);margin:0}.studio-badge{font-size:9px;letter-spacing:1px;border:1px solid #cdd9c9;border-radius:20px;padding:5px 10px;white-space:nowrap;margin-top:10px;color:#64805e}.studio-shell h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px;line-height:1.3}.studio-shell h3{font-size:16px;font-weight:600;margin:12px 0 5px}.studio-create{display:grid;grid-template-columns:1fr 250px;background:#edf2e8;border:1px solid #d4dfce;border-radius:16px;padding:28px;position:relative;overflow:hidden}.studio-create>div:first-child{position:relative;z-index:1}.studio-create h2{font-size:25px}.studio-create>div>p:not(.studio-eyebrow){font-size:12px;color:var(--s-muted);max-width:600px}.studio-template-pills{display:flex;gap:8px;margin:23px 0 18px;flex-wrap:wrap}.studio-template-pills button{font-size:11px;border-radius:20px;min-height:34px;padding:6px 12px;background:#f8faf4}.studio-template-pills button[aria-pressed=true]{background:#dcebcf;border-color:#a5c091;color:#345630}.studio-shell label{display:block;font-size:12px;color:#50655b}.studio-shell input,.studio-shell textarea{display:block;width:100%;font:inherit;font-size:14px;line-height:1.6;color:var(--s-ink);border:1px solid #cbd7c8;background:#fff;border-radius:8px;padding:11px 13px;margin-top:6px;min-width:0}.studio-shell input::placeholder,.studio-shell textarea::placeholder{color:#7e8f82}.studio-shell textarea{resize:vertical}.studio-shell fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;grid-gap:14px;gap:14px}.studio-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.studio-create-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-create-bottom>span{font-size:10px;color:#788a79}.studio-illustration{position:relative;display:grid;place-items:center;opacity:.85}.studio-orbit{position:absolute;width:210px;height:210px;border:1px solid #b8cfa8;border-radius:50%;transform:rotate(-35deg) scaleX(.6)}.studio-orbit.two{transform:rotate(35deg) scaleX(.6)}.studio-orbit.three{transform:rotate(90deg) scaleX(.6)}.studio-core{width:90px;height:90px;display:grid;place-items:center;position:relative;z-index:1;color:#496343;font:italic 90px/1 Georgia,serif}.studio-core span{font:9px/1 system-ui,sans-serif;white-space:nowrap;letter-spacing:1px;margin-top:20px}.studio-orbit-label{position:absolute;background:#edf2e8;padding:4px;font-size:8px;letter-spacing:1.4px;color:#687e5f}.studio-orbit-label.a{top:25%;left:23%}.studio-orbit-label.b{right:0;top:48%}.studio-orbit-label.c{bottom:24%;left:10%}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--s-line);background:white;border-radius:12px;margin:22px 0 30px}.studio-stats article{padding:17px 24px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--s-line)}.studio-stats article:last-child{border:0}.studio-stats strong{font-size:26px;font-weight:500;line-height:1}.studio-stats span{font-size:11px;color:var(--s-muted)}.studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.studio-section-title h2{font-size:19px;margin:0}.studio-filter input{font-size:12px;max-width:220px;margin:0;background:transparent}.studio-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:16px;gap:16px}.studio-shell .studio-project{padding:22px;text-align:left;border-radius:12px;max-width:540px}.studio-project-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-project-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:23px;flex-shrink:0}.studio-project-icon.mint{background:#e0edce;color:#48643b}.studio-project-icon.blue{background:#e0e9f1;color:#416179}.studio-project-icon.peach{background:#f3e6d9;color:#846149}.studio-chip{font-size:9px;border:1px solid #d8e1d4;padding:3px 8px;border-radius:20px;color:#657661}.studio-project>p{font-size:12px;color:var(--s-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px}.studio-project footer{display:flex;justify-content:space-between;font-size:10px;color:var(--s-muted);margin-top:12px}.studio-progress{height:4px;background:#e8eee2;border-radius:3px;margin-top:22px;overflow:hidden}.studio-progress span{display:block;background:#70985d;height:100%}.studio-empty{padding:35px;border:1px dashed #c8d7c1;border-radius:12px;text-align:center;grid-column:1/-1}.studio-empty>span{font-size:30px;color:#93ab84}.studio-empty h3{font-weight:500}.studio-empty p{color:var(--s-muted);font-size:12px}.studio-how{margin:34px 0}.studio-how>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;gap:25px;margin-top:20px}.studio-how article>span{font:10px monospace;color:#8fa080}.studio-how h3{font-size:13px;font-weight:500}.studio-how p{font-size:11px;color:var(--s-muted);max-width:170px}.studio-footer{border-top:1px solid var(--s-line);padding-top:18px;margin-top:34px;font-size:10px;color:#82907e}.studio-notice{font-size:12px;color:#547b43;min-height:20px;margin-top:8px}.studio-banner,.studio-error{padding:13px 16px;background:#f4efd9;border:1px solid #ded4a9;border-radius:8px;font-size:12px;color:#6c6347;margin:14px 0}.studio-error{background:#f7e9e4;border-color:#e9b8a7;color:#883e32}.studio-error>div{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap}.studio-error a{text-decoration:underline}.studio-banner button{margin-left:10px;font-size:11px}.studio-review-list>button{display:flex;align-items:center;gap:18px;width:100%;text-align:left;margin:12px 0}.studio-review-list>button>span:last-child{margin-left:auto}.studio-review-list h3{margin:0}.studio-review-list p{margin:5px 0;font-size:12px;color:var(--s-muted)}.studio-command{border:1px solid #bbceb2;border-radius:15px;padding:24px;max-width:480px;width:calc(100% - 32px);color:#243d2f;background:#f7faf3;box-shadow:0 20px 100px #10211966}.studio-command::-webkit-backdrop{background:#0a211a80}.studio-command::backdrop{background:#0a211a80}.studio-command header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.studio-command h2{margin:0}.studio-command>a,.studio-command>button{display:flex;justify-content:space-between;width:100%;margin:8px 0;text-align:left}.studio-command>a{padding:12px;font-size:14px}.studio-command>p{font-size:10px;color:#738269}.studio-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-project-title{margin:20px 0}.studio-project-title>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.studio-project-title h1{margin-bottom:6px}.studio-project-title>p{color:var(--s-muted);font-size:13px;max-width:800px}.studio-shell .studio-back{background:transparent;border:0;padding-left:0;font-size:12px;color:var(--s-muted)}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--s-line);margin-bottom:22px;padding-bottom:10px;gap:15px}.studio-toolbar nav{display:flex;gap:5px}.studio-toolbar nav button{background:transparent;border-color:transparent;font-size:12px}.studio-toolbar nav button[aria-current=page]{background:#e1ecd9;color:#355c2b}.studio-toolbar>button{font-size:12px}.studio-preview-panel{border:1px solid var(--s-line);background:white;border-radius:12px;overflow:hidden}.studio-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;font-size:11px}.studio-preview-bar>div{display:flex;gap:5px}.studio-preview-bar button{font-size:11px;min-height:32px;padding:5px 10px}.studio-preview-bar button[aria-pressed=true]{background:#e4eddc}.studio-preview-bar i{display:inline-block;background:#7b9e63;width:6px;height:6px;border-radius:50%;margin-right:7px}.studio-preview-stage{padding:16px;background:#e7ece5;display:flex;justify-content:center}.studio-preview-stage iframe{border:1px solid #cbd5c6;border-radius:9px;width:100%;height:650px;background:white}.studio-preview-stage.mobile iframe{max-width:390px}.studio-panel-note{font-size:11px;color:var(--s-muted);margin:14px 16px}.studio-code{display:grid;grid-template-columns:180px minmax(0,1fr);border:1px solid #314b3c;border-radius:12px;overflow:hidden;background:#15231d;color:#c4d8c8}.studio-code aside{background:#1b2d23;padding:16px 10px}.studio-code aside>p{font-size:9px;letter-spacing:1px;margin:0 8px 18px;color:#809a85}.studio-code aside button{display:block;min-height:35px;width:100%;text-align:left;color:#a5bba8;background:transparent;border:0;font:11px/1.5 ui-monospace,monospace;padding:8px}.studio-code aside button[aria-current=true]{background:#304737;color:#d4e7c7}.studio-code>div{min-width:0}.studio-code header{display:flex;align-items:center;gap:16px;padding:10px 18px;font-size:10px;border-bottom:1px solid #314b3c}.studio-code header>span{color:#799483}.studio-code header button{margin-left:auto;font-size:11px;min-height:34px}.studio-code textarea{height:600px;width:100%;resize:vertical;border:0;border-radius:0;margin:0;background:#14211c;color:#d3e8c9;padding:20px;font:12px/1.85 ui-monospace,SFMono-Regular,monospace;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.studio-engineering{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:22px;gap:22px}.studio-card{border:1px solid var(--s-line);padding:25px;border-radius:12px;background:white;min-width:0}.studio-card>p{font-size:12px;color:var(--s-muted)}.studio-card h2{font-size:21px}.studio-card .studio-panel-note{margin:15px 0}.studio-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.studio-suggestions button{font-size:10px;min-height:30px;padding:6px 10px;border-radius:18px}.studio-contract{padding-left:20px}.studio-contract li{padding:10px}.studio-contract p{font-size:12px;color:var(--s-muted);margin:5px 0}.studio-generation{margin-top:20px;border-top:1px solid var(--s-line);padding-top:20px;font-size:12px}.studio-generation strong{text-transform:uppercase;letter-spacing:1px;font-size:10px}.studio-card details{border-top:1px solid var(--s-line);padding:14px 0}.studio-card summary{font:12px ui-monospace,monospace;cursor:pointer}.studio-diff{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:15px}.studio-diff>div{min-width:0}.studio-diff small{color:#6d7c63}.studio-diff pre{overflow:auto;max-height:250px;padding:12px;background:#edf3e8;font:11px/1.6 monospace}.studio-checks>div{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--s-line);padding:15px 0}.studio-checks strong{font-size:12px}.studio-checks p{font-size:11px;color:var(--s-muted);margin:4px 0}.studio-checks .pass{color:#548544}.studio-checks .fail{color:#a04c36}.studio-release-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.studio-release-actions button{font-size:12px}.studio-history{padding-left:18px;font-size:11px}.studio-history li{padding:8px 0}.studio-history time{color:#7f8d77;font-size:10px}.studio-history p{margin:3px 0;color:var(--s-muted)}@media(min-width:1500px){.studio-create{grid-template-columns:1fr 340px}.studio-orbit{width:270px;height:270px}.studio-diff{grid-template-columns:1fr 1fr}}@media(max-width:1150px){.studio-shell{grid-template-columns:205px minmax(0,1fr)}.studio-main{padding:0 26px 20px}.studio-create{grid-template-columns:1fr}.studio-illustration{display:none}.studio-stats article{padding:16px}.studio-engineering{grid-template-columns:1fr}.studio-preview-bar{flex-wrap:wrap}}@media(max-width:750px){.studio-shell{display:block}.studio-sidebar{padding:16px;display:block}.studio-brand{font-size:22px}.studio-brand span{display:inline;font-size:8px;letter-spacing:2px;margin-left:12px}.studio-nav-label,.studio-search,.studio-sidebar-bottom,.studio-sidebar>a:not(.studio-brand),.studio-workspace{display:none!important}.studio-sidebar nav{display:flex;gap:6px;margin:16px 0 0}.studio-sidebar nav button{font-size:12px;padding:6px 12px;min-height:38px}.studio-sidebar nav button span{font-size:16px}.studio-main{padding:0 18px 20px}.studio-top{padding:15px 0;gap:10px}.studio-top>span{font-size:10px;max-width:50%;overflow-wrap:anywhere}.studio-lens button{padding:5px 10px}.studio-intro{margin-top:22px}.studio-intro h1{font-size:30px}.studio-badge{display:none}.studio-create{padding:20px}.studio-form-row{grid-template-columns:1fr}.studio-create-bottom{align-items:flex-start;flex-direction:column}.studio-create-bottom button{width:100%;margin-top:5px}.studio-stats{gap:0}.studio-stats article{display:block;padding:14px 12px}.studio-stats strong{font-size:23px}.studio-stats span{display:block;font-size:9px;margin-top:6px}.studio-section-title{align-items:flex-start;flex-direction:column;gap:12px}.studio-projects{grid-template-columns:1fr}.studio-shell .studio-project{max-width:none}.studio-how>div{grid-template-columns:1fr 1fr;gap:20px}.studio-toolbar{flex-wrap:wrap}.studio-toolbar nav{width:100%;overflow:auto}.studio-toolbar nav button{padding:8px 12px}.studio-preview-stage{padding:7px}.studio-preview-stage iframe{height:560px}.studio-code{grid-template-columns:1fr}.studio-code aside{display:flex;gap:8px;overflow:auto}.studio-code aside>p{display:none}.studio-code aside button{width:auto;white-space:nowrap}.studio-code textarea{font-size:13px;height:500px}.studio-shell input,.studio-shell textarea{font-size:16px}.studio-shell .studio-code textarea{font-size:13px}.studio-card{padding:20px}.studio-review-list>button{flex-wrap:wrap}.studio-review-list>button>span:last-child{margin-left:56px}.studio-banner button{margin:8px 5px 0 0}.studio-project-title>div{gap:8px}.studio-project-title h1{font-size:29px}}@media(prefers-reduced-motion:reduce){.studio-shell *{transition:none!important;scroll-behavior:auto!important}}