*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#272a26;font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #dedfd8;background:white;color:inherit;border-radius:7px;padding:10px 13px}button:hover{background:#eeefe8}button:focus-visible,a:focus-visible{outline:3px solid #7a8d50}header{height:78px;background:#fff;border-bottom:1px solid #dedfd8;display:flex;align-items:center;gap:18px;padding:0 28px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font-size:27px;font-weight:750;letter-spacing:-1px}.logo{background:#d5ef90;width:33px;height:35px;border-radius:9px;display:grid;place-items:center;font-family:serif;font-style:italic}.beta{font-size:9px;letter-spacing:1px;border:1px solid #ddd;padding:4px;border-radius:4px;margin-left:4px}.project{margin-left:48px;font-size:13px}.project span{color:#989c91}#save{margin-left:auto;font-size:11px;color:#6b7561}.primary{background:#d4ed95;border-color:#d4ed95;font-weight:bold}.workspace{display:grid;grid-template-columns:290px 1fr;min-height:calc(100vh - 78px)}aside{padding:30px 23px 15px;background:white;border-right:1px solid #dedfd8;display:flex;flex-direction:column}.eyebrow,label{font-size:10px;letter-spacing:1.5px;color:#828778;font-weight:bold}h1{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:15px 0 10px}.muted{color:#909387;font-size:12px;line-height:1.7;margin-bottom:26px}.tabs{display:flex;border-bottom:1px solid #e8e8e1;margin-bottom:25px;gap:25px}.tabs button{border:0;border-radius:0;padding:0 0 13px;color:#95988e;background:none}.tabs .active{color:#30382a;border-bottom:2px solid #748d45;font-weight:bold}label{display:block;margin:18px 0 12px}.templates{display:grid;gap:8px}.templates button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;padding:11px}.templates .selected{border-color:#849c57;background:#f5f9ed}.templates small{margin-left:auto}.swatch{width:26px;height:24px;border-radius:4px}.peach{background:linear-gradient(135deg,#f4c9b2 50%,#344533 50%)}.green{background:linear-gradient(135deg,#dde4bc 50%,#455840 50%)}.purple{background:linear-gradient(135deg,#ddd3ef 50%,#76658d 50%)}#count{float:right}.section-row{display:flex;align-items:center;gap:4px;margin:5px 0;padding:8px;background:#f8f8f5;border:1px solid #eeeee7;border-radius:5px;font-size:11px}.section-row span{flex:1}.section-row button{border:0;padding:3px;background:none;font-size:13px}.add{width:100%;border-style:dashed;margin-top:10px;font-size:12px}#addmenu{padding:7px;background:#f2f4ec}#addmenu button{display:block;width:100%;margin:4px 0;font-size:12px}.tip{background:#f5f7ef;padding:16px;border-radius:8px;margin-top:30px}.tip span{font-size:9px;letter-spacing:1px;color:#7b8b5e}.tip p{font-size:11px;color:#858b7a;line-height:1.8;margin-bottom:0}footer{margin-top:auto;padding-top:25px;font-size:10px;color:#a0a393}footer span{float:right;color:#7f9656;font-size:20px}main{min-width:0}.toolbar{height:63px;border-bottom:1px solid #e1e2db;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:11px;background:#fafbf8}.dot{display:inline-block;width:6px;height:6px;background:#8fa961;border-radius:50%;margin-right:7px}.separator{margin:0 12px;color:#bbb}.toolbar button{font-size:11px;padding:7px 11px}.devices{display:flex;background:#e9ebe3;border-radius:7px;padding:3px}.devices button{border:0;background:none;color:#929887}.devices .active{background:white;color:#333;box-shadow:0 1px 3px #0001}.canvas-area{padding:28px 35px}.canvas-caption,.below{display:flex;justify-content:space-between;color:#969d8a;font-size:9px;letter-spacing:1px;margin-bottom:13px}.canvas-caption span:last-child{letter-spacing:0}iframe{display:block;border:1px solid #dedfd7;background:white;border-radius:8px;width:100%;height:680px;box-shadow:0 10px 30px #29351b08;margin:auto;transition:width .25s}.below{margin-top:15px;letter-spacing:0}.mobile{max-width:390px}input,select{width:100%;padding:11px;border:1px solid #ddd;border-radius:5px}input[type=color]{height:45px;padding:4px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#293527;color:white;border-radius:8px;padding:14px 24px;display:none;z-index:10}@media(max-width:1000px){.project{display:none}header{gap:10px;padding:0 15px}.workspace{grid-template-columns:245px 1fr}.canvas-area{padding:20px 16px}.devices button{font-size:0}.devices button:first-letter{font-size:15px}}@media(max-width:700px){header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px}#save{display:none}.brand{margin-right:auto}#undo{display:none}.workspace{display:flex;flex-direction:column}aside{padding:20px;border-right:0}aside h1,aside .muted,.eyebrow,.tip,footer{display:none}.templates{grid-template-columns:repeat(3,1fr)}.templates button{font-size:10px;padding:8px;gap:5px}.templates small{display:none}.swatch{width:16px;flex-shrink:0}#sections{display:flex;flex-wrap:wrap;gap:4px}.section-row{flex:1;min-width:130px}.tabs{margin-bottom:0}.toolbar{padding:0 12px}.toolbar>div:first-child{font-size:10px}.canvas-caption span:last-child,.below span:last-child{display:none}.canvas-area{padding:15px 10px}iframe{height:650px}}
/* Studio workspace */
[hidden]{display:none!important}button:disabled{opacity:.35;cursor:default}.workspace{grid-template-columns:310px 1fr}aside{padding-top:25px}.canvas-area{background-image:radial-gradient(#929a7e22 .7px,transparent .7px);background-size:12px 12px;min-height:calc(100vh - 141px)}iframe{height:720px}.wizard-launch{width:100%;text-align:left;padding:15px 13px;background:#2c3b2c;color:#f0f4e9;border:0;margin:2px 0 5px}.wizard-launch:hover{background:#3c503a}.wizard-launch span{font-size:12px;font-weight:bold;display:block}.wizard-launch small{font-size:10px;color:#c7d2b7;display:block;margin-top:7px}.tool-list{display:grid;gap:9px}.tool-list button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 12px}.tool-list button>span{flex:1;font-size:12px}.tool-list small{display:block;font-size:10px;color:#8e9483;margin-top:5px;line-height:1.5}.local-note{border-top:1px solid #e1e4d7;margin-top:25px;padding-top:20px;font-size:11px;color:#77836a;line-height:1.8}.local-note p{font-size:11px}#projectName{color:#333}.wide{width:100%}.tablet{max-width:768px}.section-row{padding:9px 6px}.drag-handle{flex:0!important;cursor:grab;color:#8f9980}.section-row[draggable]:active{cursor:grabbing}.section-row button{font-size:12px}.tabs{gap:24px}.tip{margin-top:23px}#redo{padding:10px}dialog{border:1px solid #dce0d2;border-radius:14px;padding:30px;width:min(720px,calc(100vw - 30px));max-height:85vh;overflow:auto;background:#fbfcf8;color:#2a3326;box-shadow:0 30px 100px #12200c44}dialog::backdrop{background:#1d271d66;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.dialog-head h2{font:normal 34px Georgia;margin:12px 0 0;letter-spacing:-1px}.dialog-head>button{font-size:22px;border:0;background:none;padding:0 5px}.dialog-head .eyebrow{font-size:9px}.dialog-copy{font-size:13px;line-height:1.8;color:#7e8870}.block-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.block-option{position:relative;padding:18px;text-align:left;display:flex;flex-direction:column;gap:11px;min-height:145px;background:white;border-color:#e0e4d7}.block-option:hover{border-color:#829e58;background:#f3f6eb}.block-symbol{font:30px Georgia;color:#6a7c53}.block-option strong{font-size:13px;font-weight:500}.block-option small{font-size:11px;color:#89927c;max-width:230px;line-height:1.5}.block-plus{position:absolute;right:15px;top:18px;color:#889877}.fine{font-size:11px;color:#7e8870;line-height:1.8}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-options label{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e1e5d7;padding:14px;margin:0;cursor:pointer;font-size:11px;letter-spacing:0;color:#445337}.style-options input{width:auto;accent-color:#6c8749}textarea{font:inherit;border:1px solid #dce0d2;border-radius:6px;padding:12px;width:100%;resize:vertical}.check-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #e4e7dd;font-size:12px}.check-row button{margin-left:auto;font-size:10px}.pass{background:#dfedc3;color:#445e2a}.pending{background:#eee9d8;color:#857749}.pass,.pending{border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.templates{gap:6px}.templates button{padding:9px 11px}#toast{max-width:calc(100vw - 30px);font-size:12px;line-height:1.5}#tools label{margin-top:18px}@media(min-width:1600px){.canvas-area{padding:36px 6%}iframe{height:800px}}@media(max-width:1000px){.workspace{grid-template-columns:270px 1fr}.project{display:none}aside{padding:20px 15px}.canvas-caption{font-size:8px}.canvas-caption span:last-child{display:none}}@media(max-width:700px){.workspace{display:flex}.templates{grid-template-columns:1fr 1fr}.templates button{font-size:11px}.wizard-launch{margin-top:18px}.tabs{padding-top:2px}.dialog-head h2{font-size:28px}dialog{padding:22px}.block-grid{gap:8px}.block-option{padding:13px;min-height:155px}.canvas-area{min-height:0}.tablet{max-width:100%}.check-row{flex-wrap:wrap}.tools-list{grid-template-columns:1fr 1fr}.devices button{font-size:0}.devices button:first-letter{font-size:15px}}
/* Page management */
.page-manager{border:1px solid #dfe4d6;border-radius:8px;padding:12px;margin:13px 0 20px;background:#fafbf7}.page-manager-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-manager-heading label{margin:0;font-size:9px;letter-spacing:1px}.page-manager-heading button{font-size:10px;padding:3px 0;border:0;background:none;color:#647748}.page-manager select{padding:10px;font-size:12px;background:white}.new-page{font-size:11px;width:100%;margin-top:8px;border-style:dashed;padding:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-list-row{display:flex;align-items:center;gap:7px;padding:16px 0;border-bottom:1px solid #e3e6db}.page-list-row>div{flex:1;min-width:0}.page-list-row strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.page-list-row small{font-size:8px;background:#e4edce;padding:4px;color:#647446;margin-left:7px}.page-list-row span{display:block;font:11px monospace;color:#8c957e;margin-top:6px}.page-list-row button{font-size:10px;padding:7px}.slug-input{display:flex;border:1px solid #ddd;border-radius:5px;align-items:center;background:white}.slug-input input{border:0;min-width:0;background:transparent}.slug-input span{padding-right:12px;color:#98a088;font-size:12px}.export-options{display:grid;gap:12px;margin:25px 0}.export-options button{text-align:left;padding:20px;background:white}.export-options button:first-child{background:#e4efc7;border-color:#c4d59b}.export-options strong{display:block;font-size:14px;font-weight:500}.export-options small{display:block;font-size:11px;color:#7e8a6f;margin-top:10px;line-height:1.6}#pageError{font-size:12px;color:#a94036;line-height:1.6}.toolbar>div:first-child{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.page-list-row{flex-wrap:wrap}.page-list-row>div{flex-basis:100%}.page-manager{margin:15px 0}.toolbar>div:first-child{max-width:35%}}