@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171817;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f5f1e8;--white:#fffdf8;--ink:#171817;--muted:#77766e;--rule:#d8d3c8;--blue:#2449d8;--red:#e94832;--yellow:#f2cd3b;--serif:"Manrope", "DM Sans", Arial, sans-serif;--mono:"DM Mono", Consolas, monospace;background:#f5f1e8;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;height:68px;padding:0 max(50vw - 600px,38px);display:flex}.brand{color:var(--ink);font:800 16px/1 var(--serif);letter-spacing:-1px;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-light{color:#817e74;font-weight:500}.brand-symbol{width:25px;height:25px;display:inline-block;position:relative}.brand-square{background:var(--blue);position:absolute;inset:3px 3px 3px 2px}.brand-circle{border:2px solid var(--red);background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:0}.brand-cut{background:var(--yellow);width:8px;height:8px;position:absolute;bottom:1px;right:1px}.topbar-meta{align-items:center;gap:17px;height:100%;display:flex}.build-version{background:var(--yellow);min-height:21px;color:var(--ink);font:500 9px var(--mono);letter-spacing:.3px;align-items:center;padding:0 6px;display:inline-flex}.topbar-divider{background:var(--rule);width:1px;height:22px}.help-button{cursor:pointer;background:0 0;border:0;padding:8px 0 8px 6px;font-size:11px;font-weight:600}.help-button span{color:var(--blue);padding-left:4px;font-size:13px}.main-shell{width:min(1200px,100% - 76px);margin:0 auto}.section-kicker,.head-index,.url-label,.text-control>span,.field-label-control>span,.output-status,.save-link-row label,.preview-head,.preview-foot,.page-footer,.side-index,.dialog-eyebrow{font-family:var(--mono);letter-spacing:.8px;font-size:9px;font-weight:500}h2,h3,p{margin-top:0}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.78fr);align-items:start;gap:clamp(32px,6vw,85px);padding:12px 0 0;display:grid}.builder-column{min-width:0}.section-block{border-bottom:1px solid var(--ink);padding:29px 0 25px}.section-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.section-marker{width:33px;height:33px;color:var(--white);font:10px var(--mono);flex:none;place-items:center;display:grid}.marker-blue{background:var(--blue)}.marker-red{background:var(--red)}.marker-yellow{background:var(--yellow);color:var(--ink)}.section-title{flex:1;min-width:0}.section-kicker{color:#858279;margin-bottom:5px;display:block}.section-title h1,.section-title h2,.saved-head h2{font:650 19px/1.15 var(--serif);letter-spacing:-.65px;margin:0}.head-index{color:#aaa69b;align-self:flex-start;padding-top:2px}.connect-form{padding-left:47px}.url-label{color:#7d7c73;margin-bottom:8px;display:block}.url-control{background:#fffdf8b3;border-bottom:1px solid #8f8b80;align-items:center;gap:10px;min-height:45px;padding:4px 4px 4px 11px;display:flex}.url-control:focus-within{border-bottom:2px solid var(--blue)}.url-prefix{color:var(--blue);font-size:16px}.url-control input,.save-link-row input,.text-control input,.field-label-control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.url-control input{flex:1;font-size:11px}input::placeholder{color:#aaa69c;opacity:1}.button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:10px;font-weight:600;transition:filter .16s,transform .16s;display:inline-flex}.button:hover{filter:brightness(.93);transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7;transform:none}.button-blue{color:#fff;background:var(--blue)}.button-dark{color:#fff;background:var(--ink)}.button-red{color:#fff;background:var(--red)}.connect-note{color:#85837b;align-items:flex-start;gap:9px;margin-top:13px;font-size:10px;line-height:1.55;display:flex}.connect-note b{color:#4f504a;font-weight:600}.note-symbol{color:#72736c;border:1px solid #99978e;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;font:9px Georgia,serif;display:grid}.form-error{color:#bb3829;margin:9px 0 0 1px;font-size:10px;line-height:1.5}.connected-row{border-top:1px solid var(--rule);align-items:center;gap:9px;min-height:36px;margin:16px 0 0 47px;padding-top:12px;display:flex}.connected-square{width:19px;height:19px;color:var(--ink);background:var(--yellow);flex:none;place-items:center;display:grid}.connected-name{text-overflow:ellipsis;white-space:nowrap;color:#45463f;max-width:155px;font-size:10px;font-weight:600;overflow:hidden}.connected-address{text-overflow:ellipsis;white-space:nowrap;color:#97948a;min-width:0;font:9px var(--mono);flex:1;overflow:hidden}.change-link,.clear-links{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:4px 0 4px 5px;font-size:10px}.section-description{color:#7e7b72;margin:-9px 0 15px 47px;font-size:10px;line-height:1.6}.field-count{color:#605e56;min-width:21px;height:18px;font:9px var(--mono);vertical-align:1px;background:#e7e2d7;place-items:center;margin-left:4px;padding:0 4px;display:inline-grid}.fields-empty{border:1px dashed #c7c2b6;align-items:center;gap:12px;min-height:69px;margin-left:47px;padding:12px 15px;display:flex}.empty-cross{width:28px;height:28px;color:var(--red);background:#eee9dc;place-items:center;font-size:18px;display:grid}.fields-empty strong{margin-bottom:4px;font-size:10px;display:block}.fields-empty p{color:#8c897f;margin:0;font-size:9px}.field-list{flex-direction:column;gap:10px;margin-left:47px;display:flex}.field-card{background:var(--white);border:1px solid #c9c4b8;padding:13px 14px 12px}.field-card-head{align-items:center;gap:9px;margin-bottom:12px;display:flex}.field-index{background:var(--red);color:#fff;width:23px;height:23px;font:9px var(--mono);flex:none;place-items:center;display:grid}.field-label-control{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.field-label-control>span,.text-control>span{color:#8b887e;font-size:8px}.field-label-control input{padding:2px 0;font-size:11px;font-weight:600}.icon-button{color:#74746d;cursor:pointer;background:0 0;border:1px solid #d8d4c9;place-items:center;width:29px;height:29px;text-decoration:none;display:inline-grid}.icon-button:hover{border-color:var(--ink);color:var(--ink)}.remove-button{border:0;width:24px;height:24px}.field-controls{grid-template-columns:minmax(100px,.8fr) minmax(140px,1.25fr) auto;align-items:end;gap:13px;padding-left:32px;display:grid}.text-control{flex-direction:column;gap:5px;min-width:0;display:flex}.text-control input{font:10px var(--mono);border-bottom:1px solid #ddd8ce;padding:2px 0 4px}.value-control input{font:10px DM Sans,Arial,sans-serif}.remember-control{white-space:nowrap;color:#77756e;cursor:pointer;align-items:center;gap:6px;padding-bottom:4px;font-size:9px;display:inline-flex}.remember-control input{opacity:0;width:1px;height:1px;position:absolute}.custom-checkbox{color:#0000;border:1px solid #aaa69b;place-items:center;width:14px;height:14px;display:grid}.remember-control input:checked+.custom-checkbox{border-color:var(--blue);background:var(--blue);color:#fff}.remember-control input:focus-visible+.custom-checkbox{outline:2px solid var(--blue);outline-offset:2px}.field-footer{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;margin:15px 0 0 47px;padding-top:12px;display:flex}.add-field-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;font-weight:600;display:inline-flex}.add-field-button:hover{color:var(--red)}.field-footer>span{color:#969288;font:8px var(--mono)}.output-block{padding-bottom:27px}.output-empty{border-left:3px solid var(--yellow);color:#88857b;background:#fffdf8a6;margin-left:47px;padding:13px 14px;font-size:10px;line-height:1.5}.output-status{color:#626958;align-items:center;gap:8px;margin:0 0 9px 47px;font-size:8px;display:flex}.status-dot{background:#729957;border-radius:50%;width:7px;height:7px}.status-count{color:#99968c;margin-left:auto}.output-url-row{gap:9px;margin-left:47px;display:flex}.output-url{background:var(--white);overflow-wrap:anywhere;color:#56584f;min-width:0;max-height:67px;font:9px/1.5 var(--mono);-webkit-user-select:all;user-select:all;border:1px solid #c9c4b8;flex:1;padding:10px 11px;overflow:auto}.copy-button{flex:none;min-height:38px}.save-link-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:15px 0 0 47px;display:grid}.save-link-row label{color:#838076;white-space:nowrap;font-size:8px}.save-link-row input{background:#fffdf880;border-bottom:1px solid #aaa69c;height:35px;padding:0 9px;font-size:10px}.save-note{color:#507252;margin:8px 0 0 47px;font-size:9px}.saved-section{padding:28px 0 24px}.saved-head{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.saved-head .section-kicker{margin-bottom:5px}.saved-head h2{font:650 19px/1.15 var(--serif);letter-spacing:-.65px;margin:0}.clear-links{font-size:9px}.saved-empty{border:1px solid var(--rule);color:#89867c;align-items:center;gap:10px;padding:13px 12px;font-size:10px;display:flex}.saved-empty svg{color:var(--blue)}.saved-list{flex-direction:column;gap:7px;display:flex}.saved-item{background:#fffdf8ad;border:1px solid #cbc6ba;align-items:center;gap:11px;min-height:54px;padding:8px 10px;display:flex}.saved-color-block{background:var(--yellow);flex:none;width:9px;height:32px}.saved-item:nth-child(3n+2) .saved-color-block{background:var(--blue)}.saved-item:nth-child(3n) .saved-color-block{background:var(--red)}.saved-item-copy{flex:1;min-width:0}.saved-item-copy strong{color:#32342f;margin-bottom:4px;font-size:10px;display:block}.saved-item-copy>span{color:#8c897f;font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-actions{gap:5px;display:flex}.saved-actions .icon-button{width:26px;height:26px}.preview-column{padding-top:17px;position:sticky;top:17px}.preview-panel{border:1px solid var(--ink);background:var(--white)}.preview-head{border-bottom:1px solid var(--ink);color:#727169;justify-content:space-between;align-items:center;height:43px;padding:0 14px;font-size:8px;display:flex}.preview-head>div{align-items:center;gap:9px;display:flex}.preview-square{background:var(--red);width:8px;height:8px}.preview-open{width:25px;height:25px;color:var(--blue);place-items:center;text-decoration:none;display:grid}.preview-empty{padding:21px 21px 16px}.preview-illustration{background:#f2eee4;place-items:center;height:160px;display:grid;position:relative;overflow:hidden}.sun-shape{background:var(--yellow);border-radius:50%;width:130px;height:130px;position:absolute;top:15px;right:23px}.mini-form{z-index:1;border:1px solid var(--ink);background:var(--white);width:154px;height:133px;box-shadow:5px 5px 0 var(--blue);padding:13px 14px;position:relative;transform:rotate(-4deg)}.mini-form-rule{border-bottom:4px solid var(--red);background:#f2eee4;height:16px;margin:-1px -1px 12px}.mini-line{background:#b6b2a8;width:85px;height:4px;margin:8px 0 5px;display:block}.mini-line-b{width:65px;margin-top:10px}.mini-input{border:1px solid #d8d3c8;width:100%;height:15px;display:block}.mini-input-short{width:70%}.mini-submit{background:var(--blue);width:40px;height:11px;margin-top:9px;display:block}.blue-disc{background:var(--blue);border-radius:50%;width:25px;height:25px;position:absolute;bottom:15px;left:24px}.red-bar{background:var(--red);width:40px;height:9px;position:absolute;bottom:23px;right:17px;transform:rotate(40deg)}.preview-empty h3{font:650 14px var(--serif);letter-spacing:-.2px;margin:17px 0 7px}.preview-empty>p{color:#828077;margin:0;font-size:10px;line-height:1.55}.preview-callout{border-top:1px solid var(--rule);color:#7c7a71;align-items:flex-start;gap:9px;margin-top:19px;padding:11px 10px;font-size:9px;line-height:1.55;display:flex}.callout-mark{background:var(--yellow);width:16px;height:16px;color:var(--ink);font:10px var(--mono);flex:none;place-items:center;display:grid}.form-iframe{background:#fff;border:0;width:100%;height:650px;display:block}.preview-foot{border-top:1px solid var(--rule);color:#88867c;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:0 11px;font-size:7px;display:flex}.preview-foot>span:first-child{align-items:center;gap:5px;display:flex}.privacy-note{background:#fffdf894;border:1px solid #cfcbc0;align-items:flex-start;gap:10px;margin-top:13px;padding:13px 12px;display:flex}.privacy-shape{background:var(--blue);clip-path:polygon(50% 0,100% 25%,91% 75%,50% 100%,9% 75%,0 25%);flex:none;width:17px;height:17px}.privacy-note b{font:600 10px var(--serif);margin:1px 0 4px;display:block}.privacy-note p{color:#858278;margin:0;font-size:9px;line-height:1.5}.side-index{color:#aaa69a;justify-content:space-between;margin-top:20px;font-size:8px;display:flex}.page-footer{border-top:1px solid var(--ink);color:#88857b;justify-content:space-between;align-items:center;gap:10px;min-height:49px;font-size:8px;display:flex}.page-footer a{color:var(--blue);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.page-footer a:hover{text-decoration:underline}.help-dialog{border:1px solid var(--ink);background:var(--paper);width:min(440px,100vw - 30px);color:var(--ink);box-shadow:8px 8px 0 var(--blue);padding:34px;position:relative}.help-dialog::backdrop{background:#17181761}.dialog-x{position:absolute;top:13px;right:13px}.dialog-eyebrow{color:#858279}.help-dialog h2{font:700 30px/.98 var(--serif);letter-spacing:-1.5px;margin:11px 0 18px}.help-dialog ol{margin:0;padding-left:18px}.help-dialog li{color:#74736b;padding:0 0 12px 5px;font-size:11px;line-height:1.6}.help-dialog li::marker{color:var(--red);font:11px var(--mono)}.help-dialog li b{color:var(--ink)}.dialog-note{border-top:1px solid var(--rule);color:#858279;padding-top:13px;font-size:9px;line-height:1.55}.dialog-done{width:100%;margin-top:4px}.toast{z-index:10;background:var(--ink);color:#fff;opacity:0;pointer-events:none;padding:11px 15px;font-size:10px;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,10px)}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (width<=850px){.topbar{padding:0 25px}.main-shell{width:min(100% - 50px,760px)}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(245px,.8fr);gap:28px}.field-controls{grid-template-columns:minmax(95px,.7fr) minmax(110px,1.1fr);gap:10px}.remember-control{grid-column:2}.section-title h1,.section-title h2,.saved-head h2{font-size:17px}.form-iframe{height:560px}}@media (width<=650px){.topbar{height:59px;padding:0 17px}.topbar-meta{gap:12px}.topbar-divider{height:18px}.help-button{font-size:10px}.main-shell{width:calc(100% - 34px)}.workspace-grid{flex-direction:column;gap:0;padding-top:0;display:flex}.builder-column,.preview-column{width:100%}.preview-column{order:-1;padding:15px 0 0;position:static}.preview-empty{grid-template-columns:112px 1fr;column-gap:13px;padding:11px;display:grid}.preview-illustration{grid-row:span 2;height:105px}.sun-shape{width:75px;height:75px;top:10px;right:3px}.mini-form{transform:scale(.68)rotate(-4deg)}.blue-disc{width:16px;height:16px;bottom:8px;left:4px}.red-bar{width:22px;bottom:12px;right:4px}.preview-empty h3{align-self:end;margin:2px 0 4px;font-size:12px}.preview-empty>p{align-self:start;font-size:9px}.preview-callout{grid-column:1/-1;margin-top:9px;padding:8px 1px 0;font-size:8px}.form-iframe{height:470px}.privacy-note,.side-index{display:none}.section-block{padding:23px 0 20px}.section-head{gap:10px;margin-bottom:16px}.section-marker{width:29px;height:29px;font-size:9px}.section-title h2,.saved-head h2{font-size:16px}.section-kicker,.head-index{font-size:8px}.connect-form,.section-description,.fields-empty,.field-list,.field-footer,.output-empty,.output-status,.output-url-row,.save-link-row,.save-note{margin-left:39px}.connect-form{padding-left:0}.url-control{gap:7px;padding-left:8px}.url-control input{font-size:10px}.url-control .button{gap:4px;padding:0 8px;font-size:9px}.connected-row{gap:7px;margin-left:39px}.connected-name{max-width:120px;font-size:9px}.connected-address{font-size:7px}.fields-empty{padding:10px}.field-list{gap:8px}.field-card{padding:11px 10px}.field-controls{grid-template-columns:1fr 1.1fr;gap:9px;padding-left:31px}.remember-control{grid-column:2}.field-footer>span{font-size:7px}.output-url-row{flex-direction:column}.copy-button{width:100%}.save-link-row{grid-template-columns:1fr auto}.save-link-row label{grid-column:1/-1}.save-link-row input{min-width:0}.saved-section{padding-top:23px}.saved-item{gap:8px}.saved-item-copy>span{max-width:140px}.saved-actions{gap:3px}.saved-actions .icon-button{width:24px;height:24px}.page-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:11px 0;font-size:7px}}@media (width<=380px){.main-shell{width:calc(100% - 26px)}.section-title h1,.section-title h2{font-size:14px}.head-index{letter-spacing:0}.connected-address,.field-footer>span{display:none}.field-controls{padding-left:0}.save-link-row{margin-left:0}}