:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#18201d;background:#f5f3ed;font-synthesis:none;--accent: #0f766e;--ink: #18201d;--paper: #f5f3ed;--line: rgba(24, 32, 29, .13);--runtime-primary: #0f766e;--runtime-surface: #f7f4ed;--runtime-text: #16201d;--runtime-muted: #64706c;--runtime-radius: 20px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}.wordmark{border:0;background:transparent;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.wordmark--light{color:#f1f5f0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.primary-action{min-height:46px;border:0;border-radius:4px;padding:0 20px;color:#f7fbf8;background:#0f766e;font-weight:700;transition:transform .2s ease,background .2s ease}.primary-action:hover:not(:disabled){background:#0b5f59;transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;opacity:.48}.text-action{border:0;background:none;color:#53605c;padding:8px 0}.form-error{color:#b42318;font-size:13px;line-height:1.5}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(400px,.75fr);background:#f7f4ed}.auth-brand{position:relative;min-height:100vh;overflow:hidden;padding:40px 52px;display:flex;flex-direction:column;justify-content:space-between;background:#101715;color:#eef4f0}.auth-brand:after{content:"";position:absolute;inset:auto -14% -34% 26%;width:86%;aspect-ratio:1;border:1px solid rgba(103,232,209,.22);border-radius:50%;box-shadow:0 0 120px #0f766e2e}.auth-copy{position:relative;z-index:2;max-width:650px;margin-bottom:10vh}.auth-copy .eyebrow{color:#67e8d1}.auth-copy h1{margin:20px 0 24px;font-size:clamp(54px,6.4vw,104px);line-height:.98;letter-spacing:-.07em;font-weight:600}.auth-copy p{color:#eef4f099;font-size:18px}.auth-orbit{position:absolute;right:5vw;bottom:8vh;width:280px;height:280px;animation:orbit-enter .9s ease both}.auth-orbit i{position:absolute;inset:0;border:1px solid rgba(103,232,209,.25);border-radius:50%}.auth-orbit i:nth-child(2){inset:42px;border-color:#d8ff3e45;animation:orbit-spin 16s linear infinite}.auth-orbit i:nth-child(3){inset:96px;background:#67e8d1;border:0;box-shadow:0 0 60px #67e8d161}.auth-form-wrap{display:grid;place-items:center;padding:48px}.auth-form{width:min(100%,390px);display:grid;gap:18px}.auth-form h2{font-size:34px;letter-spacing:-.04em;margin:10px 0 4px}.auth-form label,.runtime-form label,.runtime-login label{display:grid;gap:7px;color:#53605c;font-size:12px;font-weight:600}.auth-form input,.runtime-form input,.runtime-form textarea,.runtime-form select,.runtime-login input{width:100%;border:0;border-bottom:1px solid rgba(24,32,29,.22);background:transparent;padding:11px 0;outline:none;color:#18201d}.auth-form input:focus,.runtime-form input:focus,.runtime-form textarea:focus,.runtime-form select:focus,.runtime-login input:focus{border-color:var(--accent)}.studio-shell{min-height:100vh;background:var(--paper)}.studio-topbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f5f3ede6;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-status{display:flex;align-items:center;gap:18px}.save-state{color:#67726f;font-size:12px}.save-state i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#22a06b}.avatar-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#18201d;color:#fff;font-weight:700}.project-home{min-height:calc(100vh - 64px);display:grid;grid-template-columns:340px 1fr}.project-rail{border-right:1px solid var(--line);padding:38px 24px 26px;display:flex;flex-direction:column;justify-content:space-between}.rail-label{display:block;color:#7a8581;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px}.project-row{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:15px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.project-row:hover b{color:var(--accent)}.project-index{color:#95a09c;font-size:11px}.project-row b,.project-row small{display:block}.project-row b{font-size:14px;margin-bottom:3px}.project-row small{color:#818b87;overflow:hidden;text-overflow:ellipsis}.project-row em{color:#61706a;font-size:10px;font-style:normal;border:1px solid var(--line);padding:4px 6px}.empty-note{color:#88928f;font-size:13px}.quota-band{border-top:1px solid var(--line);padding-top:16px}.quota-band>span,.quota-band>b{display:block;font-size:11px}.quota-band>span{color:#7a8581;margin-bottom:5px}.quota-band>div{height:2px;background:#dbddd7;margin-top:12px}.quota-band i{display:block;height:100%;background:var(--accent);transition:width .5s ease}.creation-stage{display:grid;place-content:center;padding:70px 8vw}.creation-heading{width:min(760px,100%);margin-bottom:34px;animation:rise-in .55s ease both}.creation-heading .eyebrow{color:var(--accent)}.creation-heading h1{font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-.06em;margin:16px 0}.creation-heading p{color:#6a7571;font-size:17px}.creation-composer{width:min(820px,100%);background:#fff;border:1px solid rgba(24,32,29,.16);box-shadow:0 24px 60px #1e2a2514;animation:rise-in .65s .08s ease both}.creation-composer input,.creation-composer textarea{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.creation-composer input{padding:20px 22px 10px;font-weight:700}.creation-composer textarea{min-height:160px;resize:vertical;padding:12px 22px;font-size:17px;line-height:1.7}.creation-composer>div{min-height:68px;border-top:1px solid var(--line);padding:10px 12px 10px 22px;display:flex;align-items:center;justify-content:space-between}.creation-composer>div>span{color:#87918d;font-size:11px;letter-spacing:.05em}.creation-composer .primary-action b{margin-left:16px}.editor-shell{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(330px,30vw) 1fr;overflow:hidden}.conversation-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#f7f5ef}.project-context{padding:22px 22px 18px;border-bottom:1px solid var(--line)}.back-action{border:0;background:none;color:#73807b;padding:0 0 18px;font-size:12px}.project-context h1{margin:0 0 5px;font-size:20px;letter-spacing:-.03em}.project-context a,.project-context>span{color:var(--accent);font-size:11px;text-decoration:none}.project-settings{border-bottom:1px solid var(--line);padding:0 18px}.project-settings summary{cursor:pointer;list-style:none;padding:12px 4px;color:#52605b;font-size:12px;font-weight:700}.project-settings summary span{float:right;color:#89938f;font-weight:400}.project-settings>div,.member-form{border-top:1px solid var(--line)}.registration-setting{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;font-size:11px}.registration-setting button{border:1px solid var(--line);background:transparent;padding:5px 8px;font-size:10px}.registration-setting button.active{border-color:#0f766e;color:#0f766e}.member-form{display:grid;grid-template-columns:1fr 1fr 72px 48px;gap:5px;padding:9px 0}.member-form input,.member-form select{min-width:0;border:1px solid var(--line);background:#fff;padding:6px;font-size:10px}.member-form button{border:0;background:var(--ink);color:#fff;font-size:10px}.member-list{max-height:80px;overflow:auto;margin:0;padding:0 0 8px;list-style:none}.member-list li{display:flex;justify-content:space-between;padding:4px;font-size:10px;color:#71807a}.message-stream{min-height:0;flex:1;overflow:auto;padding:18px 22px}.message{padding:15px 0;border-bottom:1px solid var(--line)}.message>span{color:#7d8783;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.message p{margin:7px 0 0;font-size:13px;line-height:1.7;white-space:pre-wrap}.message--assistant p{color:#52605b}.job-progress{margin-top:18px;padding:16px;background:#17201d;color:#eaf1ed}.job-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px}.job-progress small{color:#8ea09a;text-transform:uppercase;letter-spacing:.1em}.progress-track{height:2px;background:#ffffff21;margin:14px 0 10px}.progress-track i{display:block;height:100%;background:#67e8d1;transition:width .5s ease}.activity-stream{margin-top:18px;border-top:1px solid #e3e8e4;padding-top:16px}.activity-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#1c2823;font-size:13px;font-weight:700}.activity-heading small{color:#718078;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.activity-item{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:10px 0;border-top:1px solid #edf0ed}.activity-item>i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e2f1ec;color:#126c5c;font-size:10px;font-style:normal;font-weight:800}.activity-item b{display:block;color:#1c2823;font-size:12px}.activity-item p{margin:4px 0 5px;color:#617069;font-size:12px;line-height:1.5}.activity-item small,.activity-item em{display:inline-block;margin-right:6px;color:#43796d;font-size:10px;font-style:normal}.activity-note{margin:10px 0 0;color:#87938d;font-size:10px;line-height:1.5}.confirm-change{margin:0 18px 12px;padding:14px;border-left:2px solid #b54708;background:#fff7ed;font-size:12px}.confirm-change ul{margin:8px 0 12px;padding-left:18px}.danger-action{border:0;background:#b54708;color:#fff;padding:8px 12px;font-weight:700}.message-error{margin:0 22px 8px}.revision-composer{margin:0 16px 16px;background:#fff;border:1px solid rgba(24,32,29,.17)}.revision-composer textarea{width:100%;min-height:94px;resize:none;border:0;outline:0;padding:14px;font-size:13px;line-height:1.6}.revision-composer button{display:block;margin:0 8px 8px auto;border:0;background:var(--ink);color:#fff;padding:8px 14px;font-size:12px}.revision-composer button:disabled{opacity:.35}.preview-pane{min-width:0;display:flex;flex-direction:column;background:#dcded9}.preview-pane>header{height:54px;flex:0 0 54px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(24,32,29,.16);background:#eeefe9}.browser-address{width:min(48%,440px);height:30px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(24,32,29,.13);background:#fff9;color:#78827e;font-size:11px;overflow:hidden}.browser-address i{width:6px;height:6px;border-radius:50%;background:#22a06b}.preview-actions{display:flex;align-items:center;gap:9px;font-size:11px}.preview-actions>span{color:#6f7975}.version-menu{position:relative}.version-menu summary{list-style:none;cursor:pointer;padding:7px 9px}.version-menu>div{position:absolute;z-index:10;right:0;top:34px;width:230px;max-height:260px;overflow:auto;background:#fff;box-shadow:0 16px 45px #00000024;padding:6px}.version-menu button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:10px;font-size:11px}.publish-action{border:0;background:var(--accent);color:#fff;padding:8px 16px;font-weight:700}.publish-action:disabled{opacity:.4}.preview-canvas{flex:1;min-height:0;padding:16px}.preview-canvas iframe{width:100%;height:100%;border:0;background:#fff;box-shadow:0 10px 30px #16201d1f;animation:preview-in .4s ease both}.preview-wait{height:100%;display:grid;place-content:center;text-align:center;color:#727d79;background:#f4f4ef}.preview-wait span,.runtime-loading span{width:34px;height:34px;margin:0 auto 16px;border:2px solid #c8ceca;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.preview-wait h2{margin:0;color:#26312d}html[data-runtime-font=serif] .runtime-shell{font-family:Georgia,"Noto Serif SC",Songti SC,serif}.runtime-shell{min-height:100vh;color:var(--runtime-text);background:var(--runtime-surface);overflow:hidden}.runtime-nav{height:76px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--runtime-text) 12%,transparent);position:relative;z-index:10}.runtime-brand,.runtime-nav-links button{border:0;background:transparent;color:inherit}.runtime-brand{font-size:18px;font-weight:800;letter-spacing:-.04em}.runtime-nav-links{display:flex;align-items:center;gap:24px}.runtime-nav-links button,.runtime-nav-links span{font-size:13px}.runtime-nav-links button:hover{color:var(--runtime-primary)}.runtime-hero{min-height:min(700px,calc(100svh - 76px));position:relative;display:grid;align-items:center;padding:80px clamp(22px,8vw,130px);background:color-mix(in srgb,var(--runtime-primary) 14%,var(--runtime-surface))}.runtime-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.runtime-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--runtime-text) 92%,transparent) 0%,color-mix(in srgb,var(--runtime-text) 68%,transparent) 42%,transparent 80%);opacity:0}.runtime-hero--image .runtime-hero-shade{opacity:1}.runtime-hero-copy{position:relative;z-index:2;width:min(620px,100%);animation:rise-in .65s ease both}.runtime-hero--image .runtime-hero-copy{color:#fff}.runtime-hero-copy>span,.runtime-section>span,.runtime-card>span,.runtime-cta span,.runtime-login>div>span{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--runtime-primary)}.runtime-hero--image .runtime-hero-copy>span{color:color-mix(in srgb,var(--runtime-primary) 60%,white)}.runtime-hero h1{margin:18px 0 22px;font-size:clamp(48px,7vw,104px);line-height:.98;letter-spacing:-.065em}.runtime-hero p{width:min(580px,100%);font-size:clamp(16px,1.8vw,21px);line-height:1.7;opacity:.76}.runtime-hero button,.runtime-cta button,.runtime-form button,.runtime-login button,.runtime-button{margin-top:20px;border:0;border-radius:2px;background:var(--runtime-primary);color:#fff;padding:13px 20px;font-weight:700}.runtime-hero button b{margin-left:18px}.runtime-section{padding:clamp(70px,10vw,140px) clamp(22px,8vw,130px)}.runtime-section--intro{max-width:1080px}.runtime-section h2,.runtime-cta h2,.runtime-login h2{font-size:clamp(34px,5vw,70px);line-height:1.05;letter-spacing:-.055em;margin:15px 0 22px}.runtime-section--intro>p{max-width:660px;color:var(--runtime-muted);font-size:18px;line-height:1.75}.runtime-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent);border-bottom:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-stats>div{padding:34px clamp(22px,7vw,100px);border-right:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-stats>div:last-child{border-right:0}.runtime-stats strong,.runtime-stats span{display:block}.runtime-stats strong{font-size:clamp(28px,4vw,54px);letter-spacing:-.05em}.runtime-stats span{color:var(--runtime-muted);margin-top:5px}.runtime-grid{padding:40px clamp(22px,8vw,130px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-card{background:var(--runtime-surface);padding:34px}.runtime-card h3{font-size:24px;margin:12px 0}.runtime-card p{color:var(--runtime-muted);line-height:1.7}.runtime-section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent);padding-bottom:24px}.runtime-section-heading h2{margin-bottom:0}.runtime-section-heading em{font-style:normal;color:var(--runtime-muted)}.runtime-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid color-mix(in srgb,var(--runtime-text) 13%,transparent);margin-top:32px}.runtime-list article{min-height:260px;padding:28px;border-right:1px solid color-mix(in srgb,var(--runtime-text) 13%,transparent);border-bottom:1px solid color-mix(in srgb,var(--runtime-text) 13%,transparent);transition:background .2s ease,transform .2s ease}.runtime-list article:hover{background:color-mix(in srgb,var(--runtime-primary) 7%,transparent);transform:translateY(-3px)}.runtime-list article span{color:var(--runtime-primary);font-size:11px;text-transform:uppercase}.runtime-list article h3{font-size:25px;margin:48px 0 12px}.runtime-list article p{color:var(--runtime-muted);line-height:1.65}.runtime-table-wrap{overflow:auto;margin-top:28px}.runtime-table-wrap table{width:100%;border-collapse:collapse;min-width:640px}.runtime-table-wrap th,.runtime-table-wrap td{padding:16px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--runtime-text) 13%,transparent)}.runtime-table-wrap th{color:var(--runtime-muted);font-size:11px;text-transform:uppercase}.runtime-form-section,.runtime-login{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(340px,1fr);gap:8vw;border-top:1px solid color-mix(in srgb,var(--runtime-text) 13%,transparent)}.runtime-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 28px;align-content:start}.runtime-form textarea{min-height:90px;resize:vertical}.runtime-form button,.runtime-form .runtime-error{grid-column:1 / -1;justify-self:start}.runtime-form label span b{color:#b42318}.runtime-pricing>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-pricing article{padding:30px;border-right:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-pricing strong{font-size:38px}.runtime-faq details{border-top:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent);padding:20px 0}.runtime-faq summary{font-size:18px;font-weight:700;cursor:pointer}.runtime-faq p{color:var(--runtime-muted);max-width:700px}.runtime-login form{display:grid;gap:18px;align-content:start}.runtime-login .runtime-auth-switch{margin:0;padding:8px 0;background:transparent;color:var(--runtime-muted);text-align:left}.runtime-captcha{min-height:65px}.runtime-cta{padding:clamp(70px,9vw,120px) clamp(22px,8vw,130px);display:flex;align-items:end;justify-content:space-between;gap:40px;background:var(--runtime-text);color:var(--runtime-surface)}.runtime-cta h2{max-width:750px}.runtime-cta p{color:color-mix(in srgb,var(--runtime-surface) 65%,transparent)}.runtime-footer{min-height:100px;padding:28px clamp(22px,8vw,130px);display:flex;align-items:center;justify-content:space-between;color:var(--runtime-muted);border-top:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-footer b{color:var(--runtime-text)}.runtime-error{color:#b42318}.runtime-muted{color:var(--runtime-muted)}.runtime-state,.runtime-loading{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px}.runtime-state span{color:var(--runtime-primary);font-weight:800;letter-spacing:.2em}.runtime-state h1{font-size:clamp(38px,6vw,82px);letter-spacing:-.06em;margin:18px 0}.runtime-state p{color:var(--runtime-muted)}.preview-ribbon{position:fixed;right:18px;bottom:18px;z-index:50;padding:8px 12px;background:#18201d;color:#fff;font-size:11px;letter-spacing:.1em}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-enter{0%{opacity:0;transform:scale(.8) rotate(-20deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}}@keyframes preview-in{0%{opacity:0;transform:scale(.985)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:48vh;padding:28px}.auth-copy{margin:60px 0 20px}.auth-copy h1{font-size:clamp(46px,13vw,72px)}.auth-orbit{width:190px;height:190px;opacity:.55}.auth-form-wrap{padding:44px 24px}.project-home{grid-template-columns:1fr}.project-rail{border-right:0;border-bottom:1px solid var(--line);padding:24px;max-height:300px;overflow:auto}.quota-band{margin-top:20px}.creation-stage{padding:52px 24px}.editor-shell{height:auto;min-height:calc(100vh - 64px);grid-template-columns:1fr;overflow:visible}.conversation-pane{min-height:560px;border-right:0;border-bottom:1px solid var(--line)}.message-stream{max-height:430px}.preview-pane{min-height:72vh}.preview-canvas{min-height:65vh;padding:8px}.runtime-grid,.runtime-list,.runtime-pricing>div{grid-template-columns:1fr}.runtime-stats{grid-template-columns:1fr}.runtime-stats>div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--runtime-text) 14%,transparent)}.runtime-form-section,.runtime-login{grid-template-columns:1fr}}@media(max-width:600px){.studio-topbar{height:56px;padding:0 14px}.save-state{display:none}.creation-heading h1{font-size:42px}.creation-composer textarea{min-height:190px;font-size:15px}.creation-composer>div{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.preview-pane>header{height:auto;min-height:54px;padding:8px;gap:8px}.browser-address{display:none}.preview-actions{width:100%;justify-content:flex-end}.runtime-nav{height:auto;min-height:66px;padding:16px 20px}.runtime-nav-links{gap:12px}.runtime-nav-links button:nth-child(n+3){display:none}.runtime-hero{min-height:calc(100svh - 66px);padding:68px 22px;align-items:end}.runtime-hero h1{font-size:clamp(45px,14vw,68px)}.runtime-hero-shade{background:linear-gradient(0deg,color-mix(in srgb,var(--runtime-text) 94%,transparent) 0%,color-mix(in srgb,var(--runtime-text) 50%,transparent) 72%,transparent)}.runtime-section,.runtime-cta{padding:68px 22px}.runtime-form{grid-template-columns:1fr}.runtime-cta{align-items:start;flex-direction:column}.runtime-footer{align-items:start;flex-direction:column;gap:8px}}