*{box-sizing:border-box}body{margin:0;font-family:Inter,Microsoft YaHei,sans-serif;color:#263c34;background:#f7f8fa;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #dce3df;background:#fff;border-radius:7px;padding:9px 13px;color:inherit}button:hover{background:#edf3ee}button:disabled{opacity:.35;cursor:default}button.primary{background:#234d3e;color:#fff;border-color:#234d3e}.shell{display:flex;min-height:100vh}.sidebar{width:226px;flex-shrink:0;background:#fff;border-right:1px solid #e4e8e5;padding:28px 16px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:700;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand-mark{background:#234d3e;color:#d4e99c;padding:5px 8px;border-radius:9px}.brand small{font-size:9px;letter-spacing:1px;font-weight:500}.workspace{display:flex;align-items:center;gap:10px;padding:16px 7px;margin:25px 0;background:#f6f8f6;border-radius:8px}.avatar{background:#e4ebdf;padding:9px;border-radius:9px}.workspace small,.profile small{display:block;font-size:11px;color:#89958d;margin-top:5px}.nav-label,.section-label{font-size:11px;letter-spacing:1px;color:#829187;margin:20px 10px 12px}.nav-item{width:100%;border:0;text-align:left;padding:14px 12px;margin:3px 0;display:flex;align-items:center;gap:13px;background:transparent;color:#68796f}.nav-item.active{background:#eaf1e7;color:#244d3e;font-weight:600}.nav-item span{font-size:19px}.nav-item b{font-size:9px;margin-left:auto;font-weight:400;background:#fff;padding:3px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:60px}.plan{padding:15px;background:#f1f4e9;border-radius:8px;font-size:12px}.plan small{display:block;color:#829187;margin-top:8px}.profile{display:flex;align-items:center;gap:10px;padding:20px 5px 0}main{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid #e4e8e5;padding:0 30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#829187}.topbar i{margin:0 12px;font-style:normal;color:#bac4be}.topbar strong{color:#344d40;font-weight:500}.environment{font-size:11px;color:#648161}.page-heading{padding:30px;display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;letter-spacing:2px;color:#84967e}h1{font-size:25px;margin:10px 0;font-weight:600;letter-spacing:-.5px}h1 span{font-size:10px;font-weight:400;letter-spacing:0;vertical-align:middle;padding:5px 8px;background:#e9eee4;margin-left:12px;border-radius:4px}.page-heading p{font-size:12px;color:#8a958f}.actions{display:flex;gap:8px;white-space:nowrap}.editor{margin:0 30px 30px;display:grid;grid-template-columns:200px minmax(330px,1fr) 236px;border:1px solid #dfe5e0;border-radius:11px;overflow:hidden;background:#fff;height:calc(100vh - 240px);min-height:620px}.library,.properties{background:#fff;overflow:auto}.library{border-right:1px solid #e1e6e2}.tabs{display:flex;border-bottom:1px solid #e6ebe7;padding:0 10px}.tabs button{border:0;border-radius:0;background:transparent;padding:18px 13px;color:#829187;font-size:12px}.tabs .chosen{border-bottom:2px solid #28533e;color:#28533e}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px}.component-grid button{height:83px;font-size:11px;border-color:#e5e9e5;background:#fafbf9}.component-grid b{display:block;font-family:Georgia;font-size:26px;font-weight:400;margin-bottom:7px}.help-card{margin:30px 14px 12px;padding:15px;background:#f0f4e9;border-radius:7px;font-size:11px;line-height:1.8}.help-card p{color:#85907c;margin-bottom:0}.muted{font-size:12px;line-height:1.9;color:#8b978e;padding:0 17px}.canvas-area{background:#edf0ee;min-width:0;display:flex;flex-direction:column}.canvas-toolbar{height:53px;flex-shrink:0;background:#fafbf9;border-bottom:1px solid #e1e6e2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;color:#7e8d84}.canvas-toolbar>div{display:flex;align-items:center;gap:8px}.canvas-toolbar button{padding:5px;border:0;background:transparent;font-size:17px}.divider{height:15px;border-left:1px solid #d6ddd7;margin:0 6px}.canvas-scroll{overflow:auto;flex:1;padding:24px;display:flex;align-items:center;flex-direction:column;background-image:radial-gradient(#ced7d0 .7px,transparent .7px);background-size:14px 14px}.canvas-caption{font-size:11px;color:#627568;align-self:center;margin-bottom:14px}.canvas-caption span{color:#93a093}.canvas-wrapper{flex-shrink:0;box-shadow:0 10px 35px #233e321a}.canvas{width:375px;position:relative;transform-origin:top left;overflow:hidden}.element{position:absolute;white-space:pre-wrap;line-height:1.35;touch-action:none;-webkit-user-select:none;user-select:none;cursor:move;display:flex;align-items:center}.element.shape{box-shadow:inset 18px 15px 40px #fff4,inset -25px -18px 45px #285d3422}.element.selected{outline:1.5px solid #498d68;z-index:1000}.element.locked{cursor:not-allowed}.element-label{position:absolute;top:-22px;left:-1px;background:#377b53;color:#fff;font-size:10px;padding:3px 5px;white-space:nowrap;line-height:1.3}.resize-handle{position:absolute;width:10px;height:10px;border:2px solid #377b53;background:#fff;right:-5px;bottom:-5px;cursor:nwse-resize}.element:has(.element-label){overflow:visible}.element span:not(.element-label){width:100%}.element[style*="border-radius: 8px"]{text-align:center;justify-content:center}.canvas-foot{font-size:10px;color:#96a299;margin-top:18px;white-space:nowrap}.properties{border-left:1px solid #e1e6e2;position:relative}.panel-title{height:53px;border-bottom:1px solid #e6ebe7;padding:18px;font-size:12px;display:flex;justify-content:space-between}.panel-title span{color:#9aa59e;font-size:10px}.form{padding:16px}.form label{display:block;font-size:11px;color:#819086;margin-bottom:14px}.form input,.form textarea{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid #e0e6e1;border-radius:5px;background:#fafbf9;color:#344e40;outline-color:#67936e;min-width:0}.form input[type=color]{height:35px;padding:4px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fields button{font-size:11px;padding:8px}.form .section-label{margin:7px 0 17px}.danger{color:#b06459}.property-note{font-size:10px;line-height:1.9;color:#9aa49c;margin:18px;border-top:1px solid #edf0ec;padding-top:15px}.empty{padding:50px 20px;color:#9ba89e;text-align:center;line-height:2;font-size:12px}.layer-item{display:block;width:calc(100% - 20px);margin:6px 10px;text-align:left;font-size:12px}.layer-item.chosen{background:#eaf1e7;border-color:#a1b49c}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#203d30;color:#fff;padding:14px 24px;border-radius:9px;z-index:9999;box-shadow:0 7px 30px #0002}.modal{position:fixed;inset:0;background:#13271fe8;z-index:2000;display:flex;flex-direction:column;align-items:center;padding:25px;gap:20px}.preview-header{display:flex;justify-content:space-between;align-items:center;width:375px;color:#fff}.preview-header small{display:block;font-size:11px;color:#b9c8bd;margin-top:7px}.preview-scroll{overflow:auto;border-radius:15px;max-height:calc(100vh - 120px);background:#fff;box-shadow:0 15px 60px #0005}.preview .element{cursor:default}.preview .element:has(span){-webkit-user-select:text;user-select:text}.overview{padding:45px}.overview>p{color:#8d9a90}.overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.overview article{background:#fff;border:1px solid #e1e7e1;border-radius:12px;padding:25px}.overview article span{font-size:11px;color:#819779}.overview article h2{font-size:19px}.overview article p{font-size:12px;line-height:1.8;color:#8b978d}@media(max-width:1250px){.sidebar{width:185px}.editor{margin:0 15px 20px;grid-template-columns:160px minmax(310px,1fr) 205px}.page-heading{padding:25px 15px}.brand small{display:none}h1{font-size:21px}h1 span{display:none}}@media(max-width:980px){.sidebar{width:70px;padding:22px 8px}.brand{font-size:0}.brand-mark{font-size:22px}.workspace,.nav-label,.sidebar-bottom{display:none}.nav-item{font-size:0;padding:15px}.nav-item b{display:none}.nav-item span{font-size:22px}.editor{grid-template-columns:125px minmax(310px,1fr) 190px}.actions button{font-size:11px;padding:8px}.page-heading p{display:none}.topbar{padding:0 15px}}@media(max-width:760px){.shell{min-width:760px}}.server-card{background:#fff;border:1px solid #dfe7e0;border-radius:12px;padding:24px;margin:20px 0;max-width:900px}.server-card h2{font-size:18px;margin:0 0 18px}.server-workspace>form{max-width:440px}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px}.server-grid .server-card{min-width:0}.server-card select{display:block;width:100%;margin-top:8px;border:1px solid #dfe7e0;border-radius:6px;padding:10px;background:#fafbf9;color:#263c34}.server-error{background:#fff0eb;color:#9c4c3e;padding:15px;border-radius:7px;max-width:900px}.inline-form{display:flex;gap:10px;align-items:center;margin:20px 0}.inline-form input{margin:0;flex:1}.inline-form button{white-space:nowrap}.conference-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid #e5ebe5}.conference-row small{display:block;color:#91a08f;font-size:11px;margin-top:6px}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-heading p{font-size:12px;color:#85958a}.form-builder-grid{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1fr) 375px;gap:18px;align-items:start}.form-builder-grid .server-card{margin:15px 0}.field-library{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field-library button{font-size:11px;padding:10px 5px}.field-heading{margin-top:30px!important}.field-row{display:flex;align-items:center;gap:3px;border:1px solid #e5ebe5;border-radius:6px;margin:8px 0;background:#fff}.field-row.chosen{background:#eaf1e7;border-color:#96af94}.field-row button{border:0;background:transparent;padding:9px 6px;font-size:11px}.field-row button:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.checkbox-label{display:flex!important;align-items:center;gap:8px}.checkbox-label input{width:auto;margin:0}.form-mobile-preview{margin-top:15px;max-width:375px}.form-preview{background:#fff;padding:27px 22px;border-radius:14px;border:1px solid #dfe7e0;min-height:560px;box-shadow:0 12px 30px #203c3010}.form-preview h2{font-size:23px;margin-top:26px}.form-preview>p{font-size:13px;line-height:1.8;color:#869488}.preview-notice{font-size:10px;color:#7b8f76;background:#eef3e8;padding:6px 9px;border-radius:4px}.preview-field{margin:23px 0}.preview-field>label{font-size:13px;display:block;margin-bottom:9px}.preview-field b{color:#b36f5b}.preview-field>input,.preview-field>textarea,.preview-field>select{width:100%;border:1px solid #dce5dc;border-radius:6px;padding:12px;background:#fafcf9;font:inherit;min-height:43px}.preview-options{display:flex;flex-direction:column;gap:12px}.preview-options label{font-size:13px;display:flex;align-items:center;gap:7px}.field-error{color:#b35c4b;font-size:11px;display:block;margin-top:8px}.form-preview>.primary{width:100%;padding:13px}.form-designer{padding:30px}@media(max-width:1300px){.form-builder-grid{grid-template-columns:1fr 1fr}.form-mobile-preview{grid-column:1/-1;justify-self:center;width:375px}}.published-link{font-size:12px;padding:10px 12px;border:1px solid #dce3df;background:#fff;border-radius:7px;color:#244d3e;text-decoration:none}.details-overlay{position:fixed;inset:0;background:#173c3188;z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.details-dialog{width:600px;max-height:90vh;overflow:auto}.details-dialog input[type=datetime-local]{font-size:12px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vh 10vw;gap:8vw;background:radial-gradient(ellipse at 15% 85%,#dfe9c4,transparent 45%),#f4f7f1}.login-intro>.eyebrow{display:block;margin-top:80px}.login-intro h1{font-size:45px;line-height:1.5;color:#214835}.login-intro p{line-height:2;color:#83917f;font-size:13px}.login-identities{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.login-identities span{font-size:11px;padding:7px 10px;border:1px solid #d4dfce;border-radius:20px}.login-card{background:#fff;border:1px solid #e0e7dd;border-radius:18px;padding:40px;max-width:440px;box-shadow:0 15px 50px #24433508}.login-card h2{font-size:25px;margin:14px 0}.login-card>p{font-size:12px;color:#8b9984;margin-bottom:30px}.login-card label{display:block;font-size:12px;margin:23px 0;color:#6e8069}.login-card input{display:block;width:100%;border:1px solid #dce6d8;border-radius:7px;padding:13px;margin-top:9px;font:inherit;background:#fafcf9}.login-card>.primary{width:100%;padding:14px}.login-card>small{display:block;font-size:10px;color:#98a28f;line-height:1.9;margin-top:25px}.workspace-picker{align-items:flex-start}.workspace-picker>div{min-width:0;flex:1}.workspace-picker strong{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.workspace-picker select{font-size:10px;width:100%;margin-top:9px;padding:5px 0;background:transparent;border:0;color:#6a8264}.logout-button{width:100%;font-size:11px;margin-top:17px;border:0;background:#f6f8f3}.server-card .fields select{margin-top:7px}@media(max-width:800px){.login-screen{grid-template-columns:1fr;padding:35px}.login-intro>.eyebrow{margin-top:30px}.login-intro h1{font-size:30px}.login-card{max-width:none}.login-identities{display:none}}.editor-readonly .library,.editor-readonly .properties,.editor-readonly .element{pointer-events:none;opacity:.75}.form-readonly>.server-card{pointer-events:none;opacity:.75}.session-status{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f4f7f1;color:#34563b}.session-status p{font-size:13px;color:#7a8e78}.session-status h2{font-size:22px}.oem-tabs{max-width:1000px;background:#fff;border-radius:8px;margin-top:20px}.oem-notice{background:#eaf4e5;color:#3c6d3f;padding:15px;border-radius:7px;max-width:1000px;line-height:1.8}.oem-brand-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr);gap:25px;max-width:1000px}.brand-preview{align-self:start;padding:35px;position:sticky;top:25px;background:linear-gradient(140deg,#fbfcf8,#eef3e4);min-height:390px}.brand-preview>.brand{margin-top:35px;font-size:20px;color:var(--brand)}.brand-preview h2{line-height:1.6;font-size:27px;margin-top:35px;white-space:pre-wrap;color:var(--brand)}.brand-preview p{font-size:13px;color:#7c8e76;line-height:1.8}.brand-preview>button{background:var(--brand);color:#fff;border:0;width:100%;margin:25px 0}.brand-preview>small{font-size:11px;color:#8b9885;line-height:1.9}.brand img{width:42px;height:42px;object-fit:contain;border-radius:6px}.domain-card{border:1px solid #dce6d9;border-radius:9px;padding:20px;margin:20px 0;line-height:1.8}.domain-card>span{font-size:11px;margin-left:15px;color:#8c9c84}.domain-card p{font-size:12px;color:#87977d}.domain-card code{display:block;font-size:11px;overflow-wrap:anywhere;background:#f4f7ef;padding:7px;margin:7px 0}.domain-card .actions{margin-top:15px}.login-screen .brand-mark,.shell .brand-mark{background:var(--oem-color,#234d3e)}.login-screen .primary,.shell .primary{background:var(--oem-color,#234d3e);border-color:var(--oem-color,#234d3e)}@media(max-width:1000px){.oem-brand-grid{grid-template-columns:1fr}.brand-preview{position:static}}