:root{--border:#30382d}.top{height:74px;padding:0 3.2%;position:sticky;top:0}.top .nav{padding:0;border:0;gap:26px}.top .nav button{padding:27px 0}.topright .demo-pill{font:10px monospace;color:#9ba98e;border:1px solid #3b4830;border-radius:20px;padding:6px 10px}.workspace{height:calc(100vh - 74px)}.home{padding:0 3.2%}.hero{min-height:480px}.stats{bottom:18px}.api-status{font-size:10px;color:#8f9b84}.foundation-note{padding:10px 15px;background:#1d281a;border:1px solid #33472a;border-radius:7px;display:flex;gap:15px;justify-content:space-between;color:#aabb98;font-size:11px;line-height:1.8;margin-top:22px}.foundation-note a{color:#d2f878}.v-page{max-width:1450px;margin:auto;padding:35px 4% 60px}.page-kicker{font:10px monospace;color:#96a88c;letter-spacing:2px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 32px;gap:20px}.page-heading h1{font-size:38px;letter-spacing:-1.5px;margin:7px 0 11px;font-weight:500}.page-heading p{font-size:12px;color:#8f9a86;margin:0}.mini-label{font:9px monospace;letter-spacing:1px;color:#8d9b81}.back-link{color:#a6b794;font-size:12px;margin-bottom:26px;display:inline-block}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:6px 0 25px}.detail-title h1{font-size:34px;letter-spacing:-1px;margin:12px 0 14px}.detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#99a48e;font-size:11px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:24px}.detail-preview{background:#222921;border:1px solid #3c4834;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.preview-controls{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39422f;color:#9ba990;font:10px monospace;gap:8px}.preview-controls button{font:10px sans-serif;color:#bcc9ae;padding:5px 9px;border:1px solid #394a32;border-radius:5px}.asset-frame-wrap{padding:20px;display:flex;justify-content:center;background:radial-gradient(#66775530 1px,transparent 1px);background-size:16px 16px;min-height:430px}.asset-frame{width:100%;height:430px;background:#e9e6de;border:0;border-radius:4px;transition:width .3s}.detail-config{background:#191f18;border:1px solid #323f2b;border-radius:12px;padding:23px;align-self:start}.detail-config h3{font-size:13px;margin:0 0 24px;font-weight:550}.detail-config .field label{color:#a1b096}.detail-config input[type=text],.detail-config textarea,.detail-config select{background:#232d20;border-color:#3d4b33;color:#dae4ce}.detail-config .field{margin-bottom:20px}.detail-config .help{border-color:#34452b;color:#94a885}.detail-config .primary{width:100%;font-size:12px;margin-top:12px}.tpl-pages{display:flex;gap:7px;padding:12px 16px;border-top:1px solid #39422f;flex-wrap:wrap}.tpl-pages button{font:10px sans-serif;color:#bcc9ae;padding:6px 11px;border:1px solid #394a32;border-radius:5px}.tpl-pages button.active{background:#d2f878;color:#17280d;border-color:#d2f878}.tpl-blocks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.tpl-blocks button{font-size:11px;border:1px solid #405631;border-radius:5px;padding:8px 11px;color:#c9dab8;background:#232c1f}.detail-tabs{display:flex;gap:25px;border-bottom:1px solid #34402d;margin:32px 0 0;overflow:auto}.detail-tabs button{padding:15px 0;font-size:12px;color:#8f9f82;white-space:nowrap;border-bottom:2px solid transparent}.detail-tabs button.active{border-color:#cdec9a;color:#d7e9c1}.detail-tabbody{padding:28px 0;line-height:1.9;color:#adb9a0;font-size:13px}.detail-tabbody h3{font-weight:550;color:#e3eadb}.detail-tabbody pre{font:12px/1.8 monospace;overflow:auto;max-height:450px;background:#0e130d;padding:20px;border:1px solid #2c3d24;border-radius:9px;white-space:pre-wrap;word-break:break-word}.codebar{display:flex;justify-content:space-between;align-items:center;font-size:11px}.two-info{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-box{border:1px solid #34422b;border-radius:8px;padding:22px}.info-box b{display:block;color:#dce9ce;font-size:13px;margin-bottom:12px}.info-box p{margin:0;font-size:12px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.starter-tile{border:1px solid #35402e;border-radius:10px;overflow:hidden;cursor:pointer;background:#1a2118;transition:.2s;text-align:left;padding:0}.starter-tile:hover{border-color:#a6ca73;transform:translateY(-3px)}.starter-visual{height:175px;padding:24px;position:relative;overflow:hidden;background:#e7e4d9;color:#2d4235}.starter-visual .starter-type{font:9px monospace;letter-spacing:1px}.starter-visual h3{font:37px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:20px 0;max-width:75%;position:relative;z-index:1}.starter-visual:after{content:'';position:absolute;width:110px;height:140px;background:linear-gradient(120deg,#adb596 40%,#7b8f78 41% 60%,#dad9bf 61%);right:23px;bottom:-30px;border-radius:70px 70px 0 0;transform:rotate(-12deg)}.starter-tile.tech .starter-visual{background:#203221;color:#d3f598}.starter-tile.tech h3{font-family:inherit;font-weight:450;max-width:90%}.starter-tile.tech .starter-visual:after{background:repeating-radial-gradient(ellipse,#bded7766 0 1px,transparent 2px 11px);border-radius:50%;height:180px;width:180px;right:-50px;bottom:-70px}.starter-tile.warm .starter-visual{background:#f2ddc9;color:#66513a}.starter-tile.warm .starter-visual:after{background:linear-gradient(160deg,#c99372,#819263);border-radius:50%;width:160px;height:160px;right:-30px;bottom:-60px}.starter-caption{padding:15px 19px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.starter-caption span{font-size:10px;color:#97a889}.projects-toolbar{display:flex;justify-content:space-between;margin:35px 0 20px;align-items:center;gap:20px}.projects-toolbar h2{font-size:19px;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid #35422e;border-radius:10px;overflow:hidden;background:#1b2118}.project-cover{height:130px;padding:23px;background:linear-gradient(140deg,#253725,#3f5136);position:relative;cursor:pointer;overflow:hidden}.project-cover h3{font:30px/1.1 Georgia,serif;margin:15px 0 0;max-width:85%;word-break:break-word;position:relative;z-index:1}.project-cover:after{content:'';position:absolute;right:-20px;top:25px;width:120px;height:120px;border:20px solid #cee6a918;border-radius:50%}.project-details{padding:17px}.project-details small{font-size:10px;color:#99a88b}.project-actions{display:flex;justify-content:space-between;gap:8px;margin-top:18px;align-items:center}.project-actions button{font-size:11px;padding:7px 10px;background:#293622;border-radius:5px;color:#cadcba}.project-actions .open{background:#d2f878;color:#17280d}.empty-project{grid-column:1/-1;border:1px dashed #425236;border-radius:10px;text-align:center;padding:43px;color:#879c76}.empty-project h3{font-size:18px;font-weight:500;color:#ccdcbc}.empty-project p{font-size:12px}.project-filter{display:flex;align-items:center;gap:18px;font-size:11px;color:#98ab8a}.project-filter input{accent-color:#cdec9a}.fd-dialog{position:fixed;inset:0;background:#071005ba;backdrop-filter:blur(7px);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}.fd-modal{width:min(530px,100%);background:#1c2519;border:1px solid #435a36;border-radius:13px;padding:28px;color:#dcebd0}.fd-modal h2{font-size:24px;font-weight:500;margin:0 0 15px}.fd-modal p{font-size:12px;line-height:1.9;color:#a7ba96}.fd-modal label{font-size:12px;display:block;margin:18px 0 9px}.fd-modal input{width:100%;background:#111a0d;border:1px solid #405633;border-radius:6px;padding:12px;color:#dcedcf}.fd-modal select{width:100%;background:#111a0d;border:1px solid #405633;border-radius:6px;padding:12px;color:#dcedcf;margin-top:12px}.fd-modal .actions{display:flex;justify-content:end;gap:10px;margin-top:25px}.fd-modal .error{color:#ffb394;font-size:12px;min-height:18px;margin-top:12px}.studio2{height:calc(100vh - 74px);min-height:660px;background:#eff2ef;color:#263d30;display:flex;flex-direction:column}.st-toolbar{height:61px;flex-shrink:0;background:#fff;border-bottom:1px solid #dde5dc;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.st-project{display:flex;align-items:center;gap:14px;min-width:0}.st-project button{border:1px solid #dfe6dc;border-radius:5px;padding:7px 10px;color:#5c735e;font-size:13px}.st-project strong{font-size:12px;font-weight:600;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-save-status{font-size:9px;color:#8c9e8b;display:flex;gap:8px;align-items:center}.st-actions{display:flex;gap:8px;align-items:center}.st-actions button{font-size:11px;border:1px solid #dce4d9;color:#5c7159;border-radius:6px;padding:8px 11px}.st-actions .blue{background:#3264df;color:#fff;border-color:#3264df}.st-actions .save-primary{color:#2d5cb2;background:#eef4ff;border-color:#d5e0f8}.st-layout{display:grid;grid-template-columns:225px minmax(0,1fr) 252px;flex:1;min-height:0}.st-left,.st-right{background:#fff;overflow:auto;padding:21px 17px}.st-left{border-right:1px solid #dce5d9}.st-right{border-left:1px solid #dce5d9}.st-left .panel-title,.st-right .panel-title{font-size:11px}.st-side-tabs{display:flex;background:#eff3ed;padding:4px;border-radius:6px;gap:3px;margin:0 0 22px}.st-side-tabs button{flex:1;padding:7px;font-size:10px;color:#8b9c85}.st-side-tabs button.active{background:#fff;box-shadow:0 1px 3px #34472b14;color:#304a2d;border-radius:4px}.layer2{border:1px solid #e2e9de;border-radius:6px;padding:11px 10px;display:flex;gap:8px;align-items:center;margin-bottom:7px;font-size:10px;cursor:pointer}.layer2.active{border-color:#6e93e5;background:#f0f5ff;color:#315cad}.layer2.hidden-node{opacity:.45}.layer2 span:nth-child(2){flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layer2 .node-icon{color:#859a7a;font-size:12px}.layer2 .ordinal{font:8px monospace;color:#a6b29f}.layer-actions{display:flex;gap:4px;margin:15px 0 10px;flex-wrap:wrap}.layer-actions button{font-size:10px;border:1px solid #e0e7dd;border-radius:4px;padding:7px 10px;color:#71866a}.add-block-btn{width:100%;padding:10px;border:1px dashed #b8c8ae;color:#59734b;font-size:11px;border-radius:6px}.insert-card{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e0e7db;border-radius:7px;margin-bottom:9px;cursor:pointer}.insert-card:hover{border-color:#83a271}.insert-card strong{display:block;font-size:11px;font-weight:500}.insert-card small{font-size:9px;color:#94a38c;display:block;margin-top:4px}.st-stage{padding:18px 22px;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(#81957825 1px,transparent 1px);background-size:17px 17px}.st-stage-info{display:flex;justify-content:space-between;align-items:center;color:#93a18a;font:9px monospace;margin-bottom:15px;gap:10px}.st-stage-info .devices{background:#e2e8de}.st-frame-wrap{flex:1;min-height:200px;display:flex;justify-content:center;overflow:hidden}.st-frame{height:100%;width:100%;border:0;box-shadow:0 6px 28px #36512b15;background:#e9e6de;border-radius:3px;transition:width .25s}.st-compose{border:1px solid #d5e1cb;border-radius:8px;padding:12px 13px;background:#fff;margin-top:15px}.st-compose .compose-top{display:flex;gap:10px;align-items:center}.st-compose input{font-size:11px;flex:1;min-width:0;border:0;background:none;color:#34502e;outline:none}.st-compose button{font-size:10px;background:#3264df;color:white;border-radius:5px;padding:8px 12px}.st-compose .compose-bottom{font-size:9px;color:#92a08b;display:flex;justify-content:space-between;margin-top:10px}.st-right .field input[type=text],.st-right .field textarea,.st-right .field select{background:#f9fbf7;border-color:#e0e7da;color:#395030;font-size:11px}.st-right .field label{font-size:10px;color:#879b7c}.st-right .field{margin-bottom:19px}.st-right .panel-sub{margin:23px 0 16px}.st-color{display:flex;gap:10px;align-items:center;color:#91a385;font:10px monospace}.st-color input[type=color]{width:35px;height:29px;border:0;background:none;padding:0;cursor:pointer}.st-right .help{color:#9bac91;border-color:#e3e9dd;font-size:9px}.st-right .field input[type=range]{accent-color:#3865d0}.st-separator{height:1px;background:#e6eddf;margin:22px 0}.st-inspect-empty{padding:25px 5px;text-align:center;font-size:11px;line-height:2;color:#97a28e}.st-mobile-warning{display:none}.st-layout.preview-only{grid-template-columns:1fr}.preview-only .st-left,.preview-only .st-right{display:none}.version-panel{position:fixed;right:0;top:74px;bottom:0;width:360px;background:#fff;color:#2d4529;z-index:35;border-left:1px solid #cad9c1;box-shadow:-20px 0 50px #253d231c;padding:25px;overflow:auto}.version-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.version-head h3{font-size:17px;font-weight:500;margin:0}.version-entry{padding:16px 0;border-top:1px solid #e1e8db}.version-entry b{font-size:12px}.version-entry p{font-size:11px;color:#7b9171;margin:9px 0}.version-entry small{font-size:9px;color:#94a78a}.version-entry button{float:right;font-size:10px;color:#3864c9;padding:5px 10px;border:1px solid #cedcf6;border-radius:4px}.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;max-width:1140px;margin:auto}.docs-nav{position:sticky;top:115px;align-self:start;display:flex;flex-direction:column;gap:7px}.docs-nav a{font-size:12px;padding:10px 12px;color:#97aa89;border-radius:5px}.docs-nav a:hover{background:#23301b;color:#d3e5c0}.docs-content{color:#adbd9d;line-height:2;font-size:13px}.docs-content h2{font-size:24px;font-weight:500;color:#e0ebd6;margin:38px 0 15px;scroll-margin-top:110px}.docs-content h3{font-size:16px;color:#d4e4c7}.docs-content pre{font:11px/1.8 monospace;white-space:pre-wrap;background:#182313;padding:20px;border:1px solid #35492a;border-radius:8px}.docs-content table{width:100%;border-collapse:collapse;font-size:12px}.docs-content td,.docs-content th{padding:13px 10px;border-bottom:1px solid #314227;text-align:left}.docs-content .warn{padding:17px 20px;border-left:3px solid #d2f878;background:#24301c;font-size:12px}.detail-loading{display:grid;place-items:center;min-height:400px;color:#9fae92}.button-loading{opacity:.6;pointer-events:none}.toast{z-index:100}.fd-modal button{font-size:12px}.doc-link{font-size:11px;color:#9cae8d}.site-health{font:9px monospace;color:#769864}.asset-preview-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:22px;background:#e5e7db;color:#405538}.asset-preview-features div{border:1px solid #b9c9ac;border-radius:5px;padding:20px 10px;font-size:10px}.asset-preview-features b{display:block;font-size:21px;font-weight:500;margin:15px 0}.asset-preview-nav{padding:34px 23px;background:#dcded1;color:#2e4734;display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:12px}.asset-preview-nav span{font-size:8px;margin-top:4px}.asset-preview-pricing{background:#192c1f;padding:25px;display:flex;gap:10px;align-items:center}.asset-preview-pricing div{flex:1;border:1px solid #617d4755;border-radius:7px;padding:21px 10px;color:#bed798;font-size:9px}.asset-preview-pricing b{display:block;font-size:25px;font-weight:400;margin-top:14px}.asset-preview-faq{background:#e9e3d5;color:#41503c;padding:25px}.asset-preview-faq h4{font:25px Georgia,serif;margin:5px 0 25px}.asset-preview-faq div{border-bottom:1px solid #b4bca9;padding:9px 0;font-size:10px;display:flex;justify-content:space-between}.asset-preview-contact{background:#f1dcc8;color:#624a35;padding:33px}.asset-preview-contact h4{font:37px/1.05 Georgia,serif;letter-spacing:-1px;margin:0 0 20px}.asset-preview-contact small{border-bottom:1px solid #94795d;padding-bottom:5px;font-size:9px}.asset-preview-footer{background:#d4edb1;color:#2b4025;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.asset-preview-footer strong{font-size:37px;letter-spacing:-2px}.asset-preview-footer div{font-size:10px;border-top:1px solid #99b678;padding-top:15px;display:flex;justify-content:space-between}
@media(min-width:1600px){.hero{min-height:560px}.detail-preview .asset-frame{height:500px}.starter-visual{height:210px}.studio2{min-height:750px}}@media(max-width:1100px){.top .nav{gap:16px}.topright .demo-pill{display:none}.st-layout{grid-template-columns:190px minmax(0,1fr) 215px}.st-stage{padding:15px}.st-project strong{max-width:150px}.st-actions button{font-size:10px;padding:7px 8px}.detail-layout{grid-template-columns:minmax(0,1fr) 245px}.starter-visual h3{font-size:31px}}@media(max-width:760px){.top{position:relative;height:auto;padding:15px;gap:12px}.top .nav{gap:15px;flex-wrap:wrap;padding:0}.top .nav button{padding:5px 0;font-size:10px}.topright{display:none}.hero{padding-top:25px}.foundation-note{flex-direction:column;gap:0}.v-page{padding:25px 5%}.page-heading h1{font-size:29px}.page-heading{align-items:start}.page-heading>.primary{font-size:11px;padding:10px 12px}.detail-layout{grid-template-columns:1fr}.detail-config{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-config h3,.detail-config .help,.detail-config>.primary{grid-column:1/-1;margin:0}.detail-config .field{margin:0}.detail-title{align-items:start}.detail-title h1{font-size:27px}.detail-title>.primary{font-size:10px;white-space:nowrap;padding:10px}.detail-tabs{gap:22px}.asset-frame-wrap{padding:10px;min-height:340px}.asset-frame{height:350px}.two-info{grid-template-columns:1fr}.starter-grid{grid-template-columns:1fr}.starter-visual{height:150px}.starter-visual h3{font-size:35px}.project-grid{grid-template-columns:1fr}.projects-toolbar{align-items:start;gap:10px}.project-filter{gap:8px;font-size:10px}.project-filter .search input{width:100px}.studio2{height:auto;min-height:700px}.st-toolbar{height:auto;min-height:80px;flex-wrap:wrap;padding:12px;gap:9px}.st-project strong{max-width:180px}.st-actions{gap:5px;flex-wrap:wrap}.st-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.st-left{padding:15px;border-bottom:1px solid #dce5d9;max-height:220px;display:block}.st-right{padding:20px;border-top:1px solid #dce5d9;display:grid;grid-template-columns:1fr 1fr;gap:15px}.st-right>.panel-title,.st-right>.st-separator,.st-right>.panel-sub,.st-right>.help,.st-right>#nodeProps{grid-column:1/-1}.st-right .field{margin:0}.st-right #nodeProps{display:grid;grid-template-columns:1fr 1fr;gap:15px}.st-right .field:last-child{grid-column:auto}.st-stage{height:640px;flex-shrink:0;padding:12px}.st-stage-info .devices{display:flex}.st-stage-info .devices button{font-size:9px;padding:4px 7px}.st-compose .compose-bottom{gap:10px;font-size:8px}.docs-layout{grid-template-columns:1fr;gap:15px}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0}.docs-nav a{font-size:10px}.version-panel{top:0;width:min(360px,100%)}.preview-only .st-left,.preview-only .st-right{display:none}.preview-only{display:flex}.detail-meta{gap:7px;font-size:10px}.layer-actions{margin:10px 0}.st-side-tabs{margin-bottom:12px}.st-left .panel-title{margin-bottom:12px}.page-heading p{line-height:1.8}.project-card .project-cover{height:150px}}
/* Content edition 0.3 */
.page-manager-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:10px;color:#48643c}.page-manager-head small{font:9px monospace;color:#9aae8d;margin-left:8px}.page-manager-head button{border:1px solid #d8e3d0;width:24px;height:24px;border-radius:5px;color:#5d7e4c}.page-row{display:flex;align-items:center;width:100%;gap:8px;padding:9px 8px;border:1px solid transparent;border-radius:5px;text-align:left;font-size:10px;color:#819776}.page-row b{font-weight:500;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100px}.page-row small{font:8px monospace;max-width:65px;overflow:hidden;text-overflow:ellipsis}.page-row.active{background:#f0f5eb;border-color:#dbe6d2;color:#38572c}.page-list{max-height:190px;overflow:auto}.page-tools{display:flex;gap:9px;margin:9px 0 18px}.page-tools button{font-size:9px;color:#819673}.page-tools button:disabled{opacity:.35;cursor:default}.page-section-divider{height:1px;background:#e2eadb;margin-bottom:19px}.content-prop-heading{border-top:1px solid #e1e9da;padding-top:21px;margin:22px 0 13px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#48643b}.content-prop-heading small{font:8px monospace;font-weight:400;color:#9cae90}.content-hint{font-size:9px;color:#9aac90;line-height:1.85;margin:12px 0}.item-editor{border:1px solid #dfe8d7;border-radius:6px;margin-bottom:8px;overflow:hidden;background:#fcfdfb}.item-editor summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:11px 9px;font-size:10px;list-style:none}.item-editor summary:after{content:'+';margin-left:auto;color:#94a585}.item-editor[open] summary:after{content:'−'}.item-editor summary>span{font:8px monospace;color:#9dad91}.item-editor summary b{font-weight:500;color:#4c6640;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-editor[open] summary{border-bottom:1px solid #e7eddf;background:#f2f6ed}.item-fields{padding:12px 10px}.item-field{margin-bottom:13px}.item-field>label{display:flex;align-items:center;justify-content:space-between;color:#8b9e7f;font-size:9px;margin-bottom:7px}.item-field input:not([type=checkbox]):not([type=range]),.item-field textarea,.item-field select{width:100%;border:1px solid #dbe5d2;border-radius:4px;background:white;color:#435f36;font:10px/1.6 inherit;padding:8px;font-size:10px;resize:vertical;min-width:0}.item-field input[type=range]{width:100%;accent-color:#658b4e}.item-field input[type=checkbox]{accent-color:#557c40}.item-actions{display:flex;gap:5px}.item-actions button{font-size:9px;border:1px solid #dce5d3;border-radius:3px;padding:5px 8px;color:#7f926f}.item-actions button:disabled{opacity:.35}.item-actions button:last-child{margin-left:auto}.add-item{width:100%;padding:9px;border:1px dashed #b9cca9;color:#6c885b;font-size:10px;border-radius:5px}.mini-checkbox{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.7;color:#7d936c;margin:12px 0}.mini-checkbox input{accent-color:#789752}.external-link{margin-top:7px}.layout-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.motion-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#e59e80;vertical-align:middle;margin-left:5px}.motion-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.motion-preset{border:1px solid #e2e5dd;border-radius:5px;background:#f9faf7;padding:11px 2px;color:#9aab8e}.motion-preset span{display:block;font-size:19px;margin-bottom:5px}.motion-preset b{font-weight:400;font-size:8px}.motion-preset.active{border-color:#d5a388;background:#fff2e9;color:#a97050}.motion-sliders{margin-top:18px}.motion-sliders input[type=range]{accent-color:#d69d7e}.replay-motion{width:100%;border:1px solid #e8d9c9;border-radius:5px;padding:9px 5px;color:#b28b68;font-size:9px;background:#fff9f0}.fd-modal textarea{width:100%;border:1px solid #405633;background:#111a0d;border-radius:6px;padding:12px;color:#dcedcf;font:12px/1.6 inherit;resize:vertical}.rendered-cover{height:215px!important;padding:0!important;background:#e9e6de!important;isolation:isolate}.rendered-cover:after{display:none!important}.rendered-cover iframe{width:1200px;height:760px;border:0;position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none;user-select:none}.cover-badge{position:absolute;top:12px;left:12px;z-index:2;background:#142010bd;backdrop-filter:blur(8px);border:1px solid #ffffff20;border-radius:4px;padding:5px 7px;font:8px monospace;color:#def0cb}.cover-open{position:absolute;bottom:12px;right:12px;padding:7px 10px;border-radius:5px;background:#d2f878;color:#203418;font-size:10px;opacity:0;transition:.2s}.rendered-cover:hover .cover-open{opacity:1}.actual-project-name{font-size:14px;font-weight:500;margin:0 0 8px;color:#d2e0c4;line-height:1.6}.project-page-count{font:9px monospace;color:#879e75;margin-bottom:13px}.release-doc{border:1px solid #415332;border-radius:12px;padding:24px;margin-bottom:30px;background:#1c2816}.release-doc h2{margin-top:12px;font-size:27px}.st-right{scrollbar-width:thin;scrollbar-color:#d4deca transparent}.st-left{scrollbar-width:thin;scrollbar-color:#d4deca transparent}.st-right #structuredProps,.st-right #layoutProps,.st-right #motionProps{min-width:0}@media(min-width:1350px){.st-layout{grid-template-columns:220px minmax(0,1fr) 286px}}@media(max-width:760px){.st-left{max-height:330px}.page-list{max-height:130px}.page-section-divider{margin-bottom:12px}.rendered-cover{height:200px!important}.cover-open{opacity:1}.st-right #structuredProps,.st-right #layoutProps,.st-right #motionProps{grid-column:1/-1}.item-editor summary b{max-width:none}.item-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-fields .item-actions{grid-column:1/-1}.item-field{margin:0 0 10px}.motion-presets{grid-template-columns:repeat(5,1fr)}.motion-sliders{display:grid;grid-template-columns:1fr 1fr;gap:18px}.page-tools{margin-bottom:12px}.page-manager-head{margin-bottom:5px}.st-stage{height:650px}}
.toast{visibility:hidden}.toast.show{visibility:visible}
.featured-examples{padding:5px 0 30px;border-bottom:1px solid #303d27;margin-bottom:36px}.featured-examples .section-head{margin-bottom:25px}.featured-examples .section-head h2{font-size:24px;letter-spacing:-.5px}.featured-examples .section-head p{line-height:1.8}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.featured-card{border:1px solid #35442b;border-radius:12px;overflow:hidden;background:#182115}.featured-render{position:relative;height:300px!important}.featured-render iframe{height:680px}.featured-caption{padding:21px 23px;display:flex;align-items:center;gap:20px;justify-content:space-between}.featured-caption h3{font-size:24px;font-weight:450;margin:8px 0;letter-spacing:-.5px;color:#dcebcf}.featured-caption p{font-size:11px;color:#8eaa7b;line-height:1.8;margin:0}.featured-caption button{white-space:nowrap;font-size:11px;border-color:#4d643b;color:#c0d9ad;padding:10px 13px}.featured-caption .mini-label{font-size:8px;color:#799564}@media(max-width:760px){.featured-grid{grid-template-columns:1fr}.featured-render{height:215px!important}.featured-caption{padding:16px;gap:10px}.featured-caption h3{font-size:21px}.featured-caption p{font-size:10px}.featured-caption button{font-size:10px;padding:8px}.featured-examples .section-head h2{font-size:20px;line-height:1.5}.featured-examples .section-head>a{display:none}}
.starter-tile.mono .starter-visual{background:#efefec;color:#1a1a1a}.starter-tile.mono h3{font-family:inherit;font-weight:650;letter-spacing:-2px}.starter-tile.mono .starter-visual:after{background:repeating-linear-gradient(0deg,#1a1a1a 0 3px,transparent 3px 15px),repeating-linear-gradient(90deg,#1a1a1a 0 3px,transparent 3px 15px);border-radius:0;width:120px;height:120px;right:10px;bottom:-30px;transform:none}
.starter-tile.bold .starter-visual{background:#141419;color:#ff9275}.starter-tile.bold h3{font-family:inherit;font-weight:700}.starter-tile.bold .starter-visual:after{background:linear-gradient(135deg,#ff5c39 45%,#ffd166 46%);border-radius:0;transform:rotate(10deg);width:130px;height:130px}
.starter-tile.soft .starter-visual{background:#efe9f8;color:#4a3f6b}.starter-tile.soft h3{font-family:inherit;font-weight:450}.starter-tile.soft .starter-visual:after{background:radial-gradient(circle at 35% 30%,#c9bdf0,#8f7bd8);border-radius:50% 40% 55% 45%;width:150px;height:150px}

/* Folded top navigation (更多) */
.navmenu{position:relative;flex-shrink:0}
.navmenu>button i{font-style:normal;font-size:9px;margin-left:4px;opacity:.7;transition:transform .2s;display:inline-block}
.navmenu.open>button{color:#fff}
.navmenu.open>button i{transform:rotate(180deg)}
.navmenu:has(.navmenu-item.active)>button{color:#fff}
.navmenu:has(.navmenu-item.active)>button:after{content:'';height:2px;background:var(--lime);position:absolute;bottom:0;left:0;right:0}
.navmenu-panel{display:none;position:fixed;min-width:180px;background:#1b201b;border:1px solid #39422f;border-radius:10px;padding:7px;box-shadow:0 22px 55px #000a;z-index:80}
.navmenu.open .navmenu-panel{display:block}
.top .navmenu-panel button{display:block;width:100%;text-align:left;font-size:13px;color:#c9d1c5;padding:12px 15px;border-radius:7px;white-space:nowrap}
.top .navmenu-panel button:hover{background:#232b21;color:#fff}
.top .navmenu-panel button.active{color:var(--lime)}
.top .navmenu-panel button.active:after{display:none}
@media(max-width:960px){.top{gap:14px}.nav{gap:14px}.nav button{font-size:12px}.topright .demo-pill{display:none}}
@media(max-width:700px){.nav{overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{padding:27px 6px}}
.lang-switch{font:600 10px/1 ui-monospace,monospace;letter-spacing:1.2px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s}
.lang-switch:hover{border-color:rgba(255,255,255,.45)}
.lang-switch:focus-visible{outline:2px solid #d2f878;outline-offset:3px}
@media(max-width:600px){.lang-switch{padding:7px 10px;font-size:9px}}
.search-launch{display:inline-flex;align-items:center;gap:6px}
.search-launch i{font-style:normal;font-size:8px;opacity:.55;letter-spacing:.5px}
.search-modal{max-width:640px;width:calc(100% - 40px);padding:0;overflow:hidden}
.search-box{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.search-box span{font-size:18px;opacity:.5}
.search-box input{flex:1;background:transparent;border:0;outline:0;color:inherit;font:400 16px/1.4 inherit}
.search-box input::placeholder{opacity:.4}
.search-box small{font-size:9px;opacity:.5;letter-spacing:1px;white-space:nowrap}
.search-body{max-height:52vh;overflow:auto;padding:10px 0}
.search-group{display:block}
.search-group-label{display:block;font:600 9px/1 ui-monospace,monospace;letter-spacing:1.6px;opacity:.45;padding:12px 22px 6px;text-transform:uppercase}
.search-item{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:baseline;width:100%;text-align:left;padding:11px 22px;background:transparent;border:0;color:inherit;cursor:pointer}
.search-item-type{grid-row:1;font-size:10px;opacity:.5}
.search-item-title{grid-column:2;font-size:13px}
.search-item small{grid-column:2;font-size:10px;opacity:.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-item.active,.search-item:hover{background:rgba(255,255,255,.07)}
.search-item.active .search-item-title{color:#d2f878}
.search-empty{padding:26px 22px 30px}
.search-empty p{font-size:13px;opacity:.8;margin:0 0 6px}
.search-empty-tip{font-size:11px!important;opacity:.55!important;margin-top:14px!important}
.search-suggest .search-item{grid-template-columns:64px 1fr}
.search-tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.search-tips span{font-size:10px;opacity:.5}
.search-tip{font-size:11px;padding:7px 13px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:transparent;color:inherit;cursor:pointer}
.search-tip:hover{border-color:rgba(255,255,255,.45)}
.search-foot{display:flex;justify-content:space-between;padding:12px 22px;border-top:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:1.2px;opacity:.5}
@media(max-width:600px){.search-modal{max-width:calc(100% - 24px)}.search-item{grid-template-columns:52px 1fr;padding:10px 16px}.search-group-label{padding:10px 16px 4px}.search-foot{padding:10px 16px}.search-launch i{display:none}}
.upgrade-pro{font:600 11px/1 inherit;letter-spacing:.5px;padding:10px 15px;border:1px solid #d2f878;border-radius:30px;background:transparent;color:#d2f878;cursor:pointer;transition:background .2s}
.upgrade-pro i{font-style:normal;margin-left:4px}
.upgrade-pro:hover{background:rgba(210,248,120,.12)}
.upgrade-pro:focus-visible{outline:2px solid #d2f878;outline-offset:3px}
.pricing-page{max-width:1120px;margin:0 auto;padding:70px 4% 60px}
.pricing-hero{text-align:center;margin-bottom:54px}
.pricing-hero .page-kicker{color:#8fa67e}
.pricing-hero h1{font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1.15;margin:20px 0;letter-spacing:-1px}
.pricing-hero h1 em{font-style:normal;color:#d2f878}
.pricing-hero p{color:#a5b09e;font-size:14px;line-height:1.8}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pricing-card{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:30px 26px;background:rgba(255,255,255,.02);display:flex;flex-direction:column}
.pricing-card.featured{border-color:#d2f878;background:rgba(210,248,120,.06);box-shadow:0 0 0 1px #d2f878}
.pricing-flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;padding:5px 14px;border-radius:30px;background:#d2f878;color:#152019;font-weight:700;white-space:nowrap}
.pricing-card-head h3{font-size:22px;font-weight:600;margin:0 0 6px}
.pricing-card-head p{color:#8fa67e;font-size:12px;margin:0 0 22px;min-height:36px}
.pricing-price{margin-bottom:22px}
.pricing-price b{font-size:38px;font-weight:600;letter-spacing:-1px}
.pricing-price span{font-size:11px;color:#8fa67e;margin-left:6px}
.pricing-list{list-style:none;padding:0;margin:0 0 26px;flex:1}
.pricing-list li{font-size:13px;color:#c4ceb9;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.pricing-list li b{color:#e8efe0}
.pricing-action{width:100%;font:600 13px/1 inherit;padding:14px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;cursor:pointer;transition:background .2s}
.pricing-action.primary{background:#d2f878;color:#152019;border-color:#d2f878}
.pricing-action.primary:hover{background:#e2ffa0}
.pricing-action:disabled{opacity:.5;cursor:default}
.pricing-card small{display:block;text-align:center;font-size:10px;color:#6f8262;margin-top:12px}
.pricing-features{margin-top:70px}
.pricing-section-head{margin-bottom:30px}
.pricing-section-head h2{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.5px;margin:12px 0 8px}
.pricing-section-head h2 em{font-style:normal;color:#d2f878}
.pricing-section-head p{color:#8fa67e;font-size:13px}
.pricing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pricing-feature-grid article{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px}
.pricing-feature-grid article>span{font-size:20px}
.pricing-feature-grid h3{font-size:15px;margin:12px 0 6px;font-weight:550}
.pricing-feature-grid p{font-size:12px;color:#8fa67e;line-height:1.6;margin:0}
.pricing-note{margin-top:50px;display:flex;gap:16px;align-items:flex-start;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 24px;background:rgba(255,255,255,.02)}
.pricing-note>span{font-size:20px;color:#d2f878}
.pricing-note b{font-size:14px}
.pricing-note p{font-size:12px;color:#8fa67e;line-height:1.7;margin:6px 0 0}
.pricing-note button{margin-left:auto;white-space:nowrap;font:600 11px/1 inherit;padding:11px 18px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;cursor:pointer}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.pricing-card.featured{order:-1}.pricing-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pricing-page{padding:50px 18px 40px}.pricing-feature-grid{grid-template-columns:1fr}.pricing-note{flex-direction:column}.pricing-note button{margin-left:0}.upgrade-pro{padding:8px 12px;font-size:10px}}