@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--bg:#061018;--bg2:#08151f;--panel:#0b1924;--panel2:#0e202d;--line:rgba(148,190,213,.11);--line2:rgba(127,221,229,.18);--text:#eef9fc;--muted:#7f9baa;--muted2:#5f7886;--teal:#27d1d6;--cyan:#5ce7ef;--blue:#4c7fff;--navy:#102d45;--success:#59dab1;--danger:#ff8798;--shadow:0 30px 80px rgba(0,0,0,.32);font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr;background:radial-gradient(circle at 78% -20%,rgba(38,208,214,.08),transparent 34%),linear-gradient(180deg,#07121b,#061018)}.rail{position:sticky;top:0;height:100vh;padding:27px 18px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(8,21,31,.97),rgba(6,15,22,.99));display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand-mark{position:relative;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#1dc5cf,#3c81ff 72%);box-shadow:0 10px 28px rgba(31,191,211,.2);display:grid;place-items:center}.brand-mark:before,.brand-mark i{content:"";position:absolute;border:1px solid rgba(255,255,255,.65);border-radius:50%;width:15px;height:15px}.brand-mark i{width:7px;height:7px;background:#fff;border:0;box-shadow:0 0 14px #fff}.brand>span:last-child{display:grid;line-height:1}.brand strong{font:700 14px Manrope;letter-spacing:-.02em}.brand small{margin-top:5px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6f91a3}.rail nav{display:grid;gap:4px}.nav-item{padding:11px 12px;border-radius:11px;display:flex;gap:11px;align-items:center;color:#7894a4;font-size:12px}.nav-item:hover{background:rgba(66,126,157,.08);color:#dff8fb}.nav-item span{width:18px;color:#4fc6d1}.nav-item b{font-weight:500}.rail-spacer{flex:1}.rail-trust{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:9px;align-items:center;background:rgba(255,255,255,.018)}.rail-trust div{display:grid}.rail-trust strong{font-size:10px;font-weight:600}.rail-trust small{font-size:9px;color:var(--muted);margin-top:3px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(89,218,177,.6)}.rail-footer{padding:15px 4px 0;display:flex;justify-content:space-between;color:#57717f;font-size:9px}.rail-footer code{font-size:8px}.workspace{min-width:0}.page{padding:54px 58px 70px;max-width:1500px;margin:0 auto}.page.narrow{max-width:1060px}.page-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:#4cc8d3;font-weight:700;margin:0 0 10px}.page-header h1{font:700 42px Manrope;letter-spacing:-.052em;margin:0}.lede{max-width:690px;color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0}.header-actions,.studio-actions{display:flex;align-items:center;gap:8px}.button{border:1px solid var(--line);background:#0e202c;color:#d9edf2;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:600;cursor:pointer}.button:hover{border-color:var(--line2);background:#122735}.button.primary{border-color:rgba(54,212,219,.24);background:linear-gradient(135deg,#159ca9,#346df0);box-shadow:0 12px 28px rgba(35,145,185,.16);color:white}.button.ghost{background:transparent}.button:disabled{opacity:.42;cursor:not-allowed}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(15,33,46,.78),rgba(8,21,30,.86));box-shadow:0 20px 55px rgba(0,0,0,.12)}.panel-title{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-title h2{font:600 17px Manrope;margin:0}.panel-title a{font-size:10px;color:#63cbd5}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:20px}.metric{padding:22px 24px;border-right:1px solid var(--line);background:rgba(255,255,255,.012);display:grid;gap:6px}.metric:last-child{border:0}.metric>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metric strong{font:600 28px Manrope}.metric small{font-size:10px;color:#5d7887}.collection-hero{border:1px solid var(--line);border-radius:24px;margin-bottom:18px;padding:30px 32px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;background:radial-gradient(circle at 90% 20%,rgba(45,210,218,.12),transparent 33%),linear-gradient(120deg,rgba(15,39,53,.88),rgba(8,22,31,.88));overflow:hidden}.collection-hero h2{font:600 27px Manrope;letter-spacing:-.035em;margin:0 0 8px}.collection-hero>div>p:last-child{max-width:610px;color:var(--muted);line-height:1.6;font-size:12px}.hero-proof{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.hero-proof span{font-size:9px;color:#93b5c4;border:1px solid var(--line);padding:7px 9px;border-radius:99px;background:rgba(255,255,255,.02)}.hero-proof i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-right:5px}.forms-panel{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}.form-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(165deg,rgba(20,44,58,.72),rgba(8,20,29,.82));overflow:hidden;transition:.2s}.form-card:hover{transform:translateY(-2px);border-color:rgba(70,205,217,.21);box-shadow:0 18px 45px rgba(0,0,0,.18)}.form-card-main{display:block;padding:20px 20px 18px;min-height:175px}.form-card-top{display:flex;justify-content:space-between;align-items:center}.mini-mark{width:31px;height:31px;border-radius:10px;border:1px solid rgba(57,211,216,.18);background:linear-gradient(145deg,rgba(39,209,214,.13),rgba(76,127,255,.1));position:relative}.mini-mark i{position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid #51d6dc;left:10px;top:10px}.form-card h3{font:600 16px Manrope;margin:24px 0 7px}.form-card p{font-size:10px;color:var(--muted);line-height:1.55}.form-card footer{border-top:1px solid var(--line);padding:10px 14px;display:flex;justify-content:space-between;font-size:9px;color:#627d8a}.form-card footer div{display:flex;gap:10px;align-items:center}.form-card footer button{border:0;background:transparent;color:#6bb9c5;cursor:pointer;font-size:9px}.pill{display:inline-flex;gap:5px;align-items:center;padding:5px 7px;border:1px solid var(--line);border-radius:99px;font-size:8px;color:#7895a4}.pill>span{width:5px;height:5px;border-radius:50%;background:#758a93}.pill.published{color:#80d7bb;border-color:rgba(89,218,177,.15)}.pill.published>span{background:var(--success)}.empty{text-align:center;padding:65px 25px;color:var(--muted)}.empty-orb,.empty-spark{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid var(--line2);border-radius:16px;color:var(--cyan);background:rgba(45,206,214,.04)}.empty h3,.canvas-empty h3{font:600 18px Manrope;color:#dcecf1;margin:0 0 8px}.empty p,.canvas-empty p{font-size:11px;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:rgba(1,7,11,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px;z-index:100}.modal{width:min(600px,100%);border:1px solid rgba(99,206,218,.16);border-radius:24px;padding:28px;background:linear-gradient(160deg,#0f2431,#091721);box-shadow:0 40px 100px rgba(0,0,0,.55)}.modal h2{font:600 28px Manrope;letter-spacing:-.04em;margin:7px 0}.modal-copy{font-size:11px;color:var(--muted);margin:0 0 18px}.modal-kicker{display:flex;align-items:center;gap:10px}.modal-kicker .brand-mark{width:28px;height:28px}.lux-input{width:100%;border:1px solid var(--line);background:#07151f;color:#e8f7fa;border-radius:11px;padding:11px 12px;outline:0}.lux-input:focus{border-color:rgba(45,209,214,.38);box-shadow:0 0 0 3px rgba(39,209,214,.05)}.lux-input.xl{font-size:15px;padding:14px 15px}.lux-input.compact{font-size:11px;padding:9px 10px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px}.template-card{border:1px solid var(--line);border-radius:13px;background:#0a1a24;color:#cce2e8;padding:14px;text-align:left;display:grid;gap:5px;cursor:pointer}.template-card>span{font-size:17px;color:#4ed0d7}.template-card strong{font-size:11px}.template-card small{font-size:9px;color:var(--muted);line-height:1.45}.template-card.active{border-color:rgba(57,210,218,.38);background:linear-gradient(145deg,rgba(39,209,214,.08),rgba(76,127,255,.05))}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.studio{height:100vh;display:grid;grid-template-rows:72px 1fr;background:#061018}.studio-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(6,17,25,.94);backdrop-filter:blur(14px);z-index:20}.studio-identity{display:flex;gap:12px;align-items:center}.back{width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;border-radius:10px;color:#7d9aa8}.studio-title{border:0;background:transparent;color:white;font:600 14px Manrope;outline:0;width:320px;padding:0}.studio-center{display:flex;align-items:center;gap:12px}.device-switch{border:1px solid var(--line);border-radius:10px;padding:2px;display:flex}.device-switch button{width:28px;height:25px;border:0;border-radius:7px;background:transparent;color:#5f7d8a;cursor:pointer}.device-switch button.active{background:#102b3a;color:#5ee1e6}.save-state{font-size:8px;color:#67828f;display:flex;gap:5px;align-items:center}.save-state i{width:5px;height:5px;border-radius:50%;background:#637984}.save-state.saved i{background:var(--success)}.save-state.dirty i{background:#f1bd66}.studio-actions{justify-content:flex-end}.studio-grid{min-height:0;display:grid;grid-template-columns:224px minmax(540px,1fr) 294px}.toolbox,.inspector{overflow:auto;background:#07141d}.toolbox{border-right:1px solid var(--line);padding:17px 12px}.toolbox-head,.inspector-head{display:flex;justify-content:space-between;align-items:center}.toolbox-head>span,.inspector-head>span{font-size:8px;color:#5f8390;border:1px solid var(--line);border-radius:99px;padding:4px 6px}.tool-group{margin:15px 0}.tool-group>p{padding:0 8px;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#4e6b78}.tool-group button{width:100%;border:0;background:transparent;color:#8eabb8;padding:8px 9px;border-radius:8px;text-align:left;font-size:10px;cursor:pointer}.tool-group button:hover{background:#0d2431;color:#e7f8fa}.tool-group button span{color:#46cbd3;margin-right:8px}.tool-divider{height:1px;background:var(--line);margin:12px 6px}.tool-link{display:flex;justify-content:space-between;padding:9px;font-size:9px;color:#668593}.tool-link:hover{color:#a9dfe4}.canvas{overflow:auto;background:radial-gradient(circle at 50% 0,rgba(48,190,202,.065),transparent 35%),#08131b;padding:34px}.canvas-device{max-width:860px;margin:0 auto;transition:.25s}.canvas-device.tablet{max-width:690px}.canvas-device.mobile{max-width:430px}.canvas-chrome{height:34px;border:1px solid rgba(73,112,127,.18);border-bottom:0;border-radius:20px 20px 0 0;background:#0c1a23;display:flex;align-items:center;gap:5px;padding:0 12px}.canvas-chrome>span{width:6px;height:6px;border-radius:50%;background:#294452}.canvas-chrome small{margin-left:8px;font-size:8px;color:#476877}.canvas-frame{min-height:calc(100vh - 160px);background:#fbfdfd;color:#12222a;border-radius:0 0 20px 20px;box-shadow:var(--shadow);padding:55px 62px}.form-hero{padding-bottom:29px;border-bottom:1px solid #e4eef0;margin-bottom:17px}.form-hero .eyebrow{color:#199ba6}.form-hero h2{font:700 33px Manrope;letter-spacing:-.048em;margin:0 0 8px;color:#0d2029}.hero-description{width:100%;border:0;background:transparent;color:#6d7e85;font-size:13px;line-height:1.6;resize:vertical;outline:0;min-height:42px}.field-block{position:relative;padding:17px 13px;margin:0 -13px 7px;border:1px solid transparent;border-radius:13px;cursor:pointer}.field-block:hover,.field-block.selected{border-color:#cbe7e9;background:#f3fbfb}.field-head{display:flex;justify-content:space-between;gap:12px}.field-head>div:first-child{display:grid;gap:3px}.field-type{font-size:7px;text-transform:uppercase;letter-spacing:.13em;color:#8a9da4}.field-head strong{font-size:12px;color:#1d3038}.field-head strong em{color:#17aab2;font-style:normal}.field-head small{font-size:9px;color:#82949a}.field-actions{opacity:0;display:flex;gap:3px}.field-block:hover .field-actions,.field-block.selected .field-actions{opacity:1}.field-actions button{border:1px solid #dae9ea;background:#fff;color:#5f777d;border-radius:6px;font-size:9px;cursor:pointer}.preview-input,.preview-select{width:100%;margin-top:11px;border:0;border-bottom:1px solid #d7e3e5;background:transparent;padding:8px 0;color:#89999d;resize:none}.choice-preview{display:grid;gap:7px;margin-top:10px;font-size:10px;color:#677b81}.choice-preview span{display:flex;align-items:center;gap:7px}.choice-preview i,.consent-preview i{width:12px;height:12px;border:1px solid #aec2c6;border-radius:50%}.choice-preview i.square,.consent-preview i{border-radius:3px}.rating-preview{display:flex;gap:5px;margin-top:11px;flex-wrap:wrap}.rating-preview span{min-width:28px;height:28px;border:1px solid #d7e4e6;border-radius:8px;display:grid;place-items:center;font-size:9px;color:#71858b}.consent-preview{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:10px;color:#687e85}.section-heading{border-left:2px solid #24bbc4;padding-left:13px}.section-heading span,.page-divider span{font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#2b9ca4}.section-heading h3{font:600 18px Manrope;margin:3px 0}.section-heading p{font-size:10px;color:#73878e}.page-divider{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;color:#536d74}.page-divider strong{font-size:10px}.page-divider i{height:1px;background:#dce9eb}.canvas-empty{text-align:center;padding:70px 20px;color:#81949a}.canvas-empty h3{color:#31464e}.inspector{border-left:1px solid var(--line);padding:19px 15px}.inspector label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#668491;margin:15px 0 6px}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.toggle{width:34px;height:19px;border:0;border-radius:99px;background:#203541;padding:2px;cursor:pointer}.toggle i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:#1aaeb8}.toggle.on i{transform:translateX(15px)}.option-editor{min-height:105px;resize:vertical}.inspector-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-empty{text-align:center;padding:105px 12px;color:#657f8c}.inspector-empty>span{font-size:24px;color:#38c5cd}.inspector-empty h3{font:600 14px Manrope;color:#a9c6d0}.inspector-empty p{font-size:9px;line-height:1.6}.inspector-danger{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.inspector-danger button{border:0;background:transparent;color:#b96d7b;font-size:9px;cursor:pointer}.public-page{min-height:100vh;display:grid;place-items:center;padding:60px 20px;background:#041019;position:relative;overflow:hidden}.public-aurora{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.aurora-one{width:900px;height:500px;top:-330px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(41,203,211,.2),transparent 67%)}.aurora-two{width:550px;height:550px;right:-330px;bottom:-300px;background:radial-gradient(circle,rgba(76,127,255,.12),transparent 68%)}.public-card{position:relative;width:min(740px,100%);background:#fbfdfd;color:#102029;border-radius:28px;padding:53px 62px 22px;box-shadow:0 45px 120px rgba(0,0,0,.46);overflow:hidden}.public-card-line{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#29cdd5,#4b80ff)}.public-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:#556a73;margin-bottom:35px}.public-brand .brand-mark{width:24px;height:24px;border-radius:8px}.public-brand em{margin-left:auto;font-style:normal;border:1px solid #dce9eb;border-radius:99px;padding:4px 7px;font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#6e858d}.public-progress{height:3px;border-radius:99px;background:#e6eff0;margin-bottom:24px;overflow:hidden}.public-progress i{display:block;height:100%;background:linear-gradient(90deg,#20c6cf,#4b7fff)}.public-kicker{display:flex;justify-content:space-between}.public-kicker span,.public-kicker small{font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:#219ca4}.public-kicker small{color:#8a9ba0}.public-card h1{font:700 38px Manrope;letter-spacing:-.052em;margin:8px 0 10px}.public-card header>p{font-size:13px;color:#6f8188;line-height:1.65;margin-bottom:30px}.public-section{border-left:2px solid #23b9c2;padding:3px 0 3px 14px;margin:30px 0 22px}.public-section span{font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:#229ba3}.public-section h2{font:600 20px Manrope;margin:4px 0}.public-section p{font-size:10px;color:#71858b}.public-field{margin:0 0 23px}.public-field>label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.public-field>label span{color:#18aeb7}.public-field>small{display:block;font-size:9px;color:#82939a;margin-bottom:8px}.public-input{width:100%;border:1px solid #dae7e9;background:#fff;border-radius:11px;padding:11px 12px;color:#13252d;outline:0}.public-input:focus{border-color:#45c6ce;box-shadow:0 0 0 3px rgba(39,209,214,.08)}textarea.public-input{min-height:110px;resize:vertical}.public-input.error{border-color:#e67f90}.field-error{display:block;color:#c95e70;font-size:9px;font-style:normal;margin-top:5px}.public-options{display:grid;gap:7px}.public-options label{cursor:pointer}.public-options input,.public-rating input,.public-consent input{position:absolute;opacity:0}.public-options span{display:flex;gap:9px;align-items:center;border:1px solid #e0eaec;border-radius:10px;padding:9px 10px;font-size:10px;color:#5d747b}.public-options span i,.public-consent span i{width:13px;height:13px;border:1px solid #b4c8cc;border-radius:50%}.public-options input:checked+span{border-color:#4bc8cf;background:#f0fbfb;color:#24484f}.public-options input:checked+span i{border:4px solid #28b9c1}.public-rating{display:flex;gap:6px;flex-wrap:wrap}.public-rating span{width:34px;height:34px;border:1px solid #dfe9eb;border-radius:9px;display:grid;place-items:center;font-size:9px;cursor:pointer}.public-rating input:checked+span{background:#123a47;color:#fff;border-color:#123a47}.public-consent{display:block;cursor:pointer}.public-consent span{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#556c73;line-height:1.45}.public-consent span i{border-radius:3px;flex:none}.public-consent input:checked+span i{background:#20b9c1;border-color:#20b9c1;box-shadow:inset 0 0 0 3px white}.public-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.public-submit,.public-back{border:0;border-radius:11px;padding:12px 15px;font-weight:700;font-size:10px;cursor:pointer}.public-submit{min-width:180px;color:#fff;background:linear-gradient(135deg,#118f9c,#356ef0);display:flex;justify-content:space-between}.public-back{background:#edf4f5;color:#526d75}.public-card footer{display:flex;justify-content:space-between;border-top:1px solid #e5edef;margin-top:34px;padding-top:16px;font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#8a9aa0}.public-card footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#58cda9;margin-right:4px}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);font-size:11px}th{color:#627f8c;text-transform:uppercase;letter-spacing:.1em;font-size:8px}td>strong,td>span{display:block}td>span{color:#627b87;font-size:9px;margin-top:3px}td a{color:#62cbd5}.response-sheet{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0a1a24}.answer{padding:20px 22px;border-bottom:1px solid var(--line);display:grid;gap:6px}.answer span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#617f8c}.answer strong{font-size:13px;font-weight:500;white-space:pre-wrap}.evidence-strip{margin-top:12px;display:grid;gap:6px;padding:15px 18px;border:1px solid var(--line);border-radius:13px;color:#68828e;font-size:9px}.evidence-strip code,dl code{color:#67c7d0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .panel{padding:23px}.settings-grid h2{font:600 19px Manrope}dl{display:grid;grid-template-columns:140px 1fr;gap:11px;margin:22px 0 0;font-size:10px}dt{color:#67818e}dd{margin:0}.webhook-create{display:grid;grid-template-columns:1fr auto;gap:9px;padding:19px 23px;border-bottom:1px solid var(--line)}.secret-reveal{margin:17px 23px;padding:14px;border:1px solid rgba(89,218,177,.15);background:rgba(89,218,177,.04);border-radius:11px;display:grid;gap:7px}.secret-reveal span{font-size:9px;color:#85a69c}.secret-reveal code{font-size:10px;word-break:break-all;color:#9ee7cb}.webhook-row{display:flex;justify-content:space-between;align-items:center;padding:14px 23px;border-top:1px solid var(--line)}.webhook-row div{display:grid;gap:3px}.webhook-row strong{font-size:10px}.webhook-row span{font-size:8px;color:#607b87}.webhook-row button{border:0;background:transparent;color:#c17d88;font-size:9px;cursor:pointer}.flash{position:fixed;right:20px;top:20px;padding:11px 14px;background:#0f2531;border:1px solid var(--line2);border-radius:11px;z-index:200;box-shadow:0 18px 50px rgba(0,0,0,.35)}@media(max-width:1100px){.app-shell{grid-template-columns:78px 1fr}.rail{padding:24px 12px}.brand>span:last-child,.nav-item b,.rail-trust div,.rail-footer{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.form-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:180px minmax(500px,1fr)}.inspector{display:none}.studio-bar{grid-template-columns:1fr auto}.studio-center{display:none}}@media(max-width:720px){.app-shell{display:block}.rail{height:58px;position:static;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px}.brand{padding:0;margin-right:auto}.rail nav{display:flex}.nav-item{padding:8px}.rail-spacer,.rail-trust{display:none}.page{padding:34px 17px}.page-header,.collection-hero{align-items:flex-start;flex-direction:column}.page-header h1{font-size:32px}.metrics-row,.form-grid,.settings-grid,.template-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.studio{height:auto;min-height:100vh}.studio-bar{position:sticky;top:0;height:64px;padding:0 10px}.studio-title{width:150px}.studio-actions .button.ghost{display:none}.studio-grid{display:block}.toolbox{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px;position:sticky;top:64px;z-index:10}.toolbox-head,.tool-group>p,.tool-divider,.tool-link{display:none}.tool-group{display:flex;margin:0}.tool-group button{white-space:nowrap;width:auto}.canvas{padding:16px 8px}.canvas-frame{padding:36px 24px;min-height:70vh}.canvas-chrome{display:none}.canvas-frame{border-radius:20px}.public-card{padding:38px 24px 18px;border-radius:22px}.public-card h1{font-size:31px}.public-actions{flex-direction:column-reverse}.public-submit,.public-back{width:100%}.public-card footer{gap:10px;flex-direction:column}.webhook-create{grid-template-columns:1fr}.header-actions{width:100%}.header-actions .button{flex:1;text-align:center}}
/* Forms public front door — build 20260829.4 */
.marketing-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 74% 14%,rgba(45,203,218,.12),transparent 28%),radial-gradient(circle at 18% 7%,rgba(76,127,255,.09),transparent 26%),linear-gradient(180deg,#06121b 0%,#07141e 46%,#051018 100%);position:relative;color:#eef9fc}.marketing-glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px)}.glow-a{width:620px;height:620px;right:-260px;top:160px;background:radial-gradient(circle,rgba(32,209,214,.09),transparent 65%)}.glow-b{width:520px;height:520px;left:-300px;top:560px;background:radial-gradient(circle,rgba(61,111,244,.07),transparent 68%)}.marketing-nav{height:92px;max-width:1440px;margin:0 auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.marketing-brand{display:flex;align-items:center;gap:12px}.marketing-brand>span:last-child{display:grid;line-height:1}.marketing-brand strong{font:700 14px Manrope;letter-spacing:-.02em}.marketing-brand small{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:#6f91a3;margin-top:5px}.marketing-mark{width:36px;height:36px}.marketing-links{display:flex;align-items:center;gap:28px;font-size:10px;color:#91abb7}.marketing-links>a:hover{color:#eafcff}.marketing-login{padding-left:20px;border-left:1px solid var(--line)}.marketing-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#159ca9,#346df0);border:1px solid rgba(105,233,239,.16);box-shadow:0 18px 42px rgba(20,146,183,.18);font-size:11px;font-weight:700;color:white}.marketing-cta.small{padding:10px 14px;gap:12px;border-radius:10px}.marketing-hero{max-width:1440px;margin:0 auto;padding:88px 54px 118px;display:grid;grid-template-columns:minmax(0,560px) minmax(580px,1fr);align-items:center;gap:85px;position:relative;z-index:2}.marketing-kicker{margin:0 0 24px;display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.18em;font-size:8px;font-weight:700;color:#65dbe2}.marketing-kicker>span{width:18px;height:1px;background:#42d2d9}.hero-copy h1{margin:0;font:700 67px/1.02 Manrope;letter-spacing:-.068em;max-width:680px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#70e6e9,#6b9dff);-webkit-background-clip:text;background-clip:text;color:transparent}.marketing-lede{max-width:570px;margin:28px 0 32px;font-size:14px;line-height:1.82;color:#91aab5}.marketing-actions{display:flex;align-items:center;gap:18px}.marketing-secondary{font-size:10px;color:#9ab2bd;padding:12px 2px;border-bottom:1px solid rgba(154,178,189,.2)}.hero-proofline{display:flex;gap:20px;margin-top:35px;flex-wrap:wrap}.hero-proofline span{font-size:8px;color:#7593a0;display:flex;align-items:center;gap:6px}.hero-proofline i{width:5px;height:5px;border-radius:50%;background:#62dcb6;box-shadow:0 0 9px rgba(98,220,182,.5)}.product-stage{position:relative;min-height:610px;display:grid;place-items:center}.stage-orbit{position:absolute;border:1px solid rgba(100,205,221,.08);border-radius:50%}.orbit-one{width:610px;height:610px}.orbit-two{width:470px;height:470px;border-color:rgba(76,127,255,.08)}.stage-window{width:min(760px,100%);border-radius:24px;overflow:hidden;border:1px solid rgba(122,214,225,.15);background:#07151f;box-shadow:0 50px 120px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.015) inset;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);position:relative}.stage-topbar{height:68px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:10px;background:rgba(8,23,33,.98)}.stage-logo{width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#1dc5cf,#3c81ff);display:grid;place-items:center}.stage-logo i{width:8px;height:8px;border:1px solid #fff;border-radius:50%}.stage-topbar>div{display:grid}.stage-topbar strong{font-size:10px}.stage-topbar small{font-size:7px;color:#6f8996;margin-top:3px}.stage-publish{margin-left:auto;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#159ca9,#346df0);font-size:8px}.stage-body{height:438px;display:grid;grid-template-columns:150px 1fr 155px}.stage-tools,.stage-inspector{padding:19px 14px;background:#081823}.stage-tools{border-right:1px solid var(--line)}.stage-tools small,.stage-inspector small{font-size:6px;letter-spacing:.16em;color:#527381}.stage-tools span{display:block;padding:9px 7px;margin-top:5px;border-radius:7px;color:#7796a2;font-size:7px}.stage-tools span:first-of-type{margin-top:14px;background:#0d2431;color:#b9d5de}.stage-canvas{margin:21px 16px;background:#f8fbfb;color:#18303a;border-radius:15px;padding:38px 42px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.canvas-meta{display:flex;justify-content:space-between;font-size:6px;color:#4ca6ad;letter-spacing:.13em}.stage-canvas h2{font:700 24px Manrope;letter-spacing:-.045em;margin:14px 0 5px}.stage-canvas>p{font-size:8px;color:#73868d;margin-bottom:28px}.stage-field{margin:18px 0}.stage-field>small{display:block;font-size:6px;color:#71868c;letter-spacing:.1em;margin-bottom:7px}.stage-field>span,.stage-option{display:block;border:1px solid #dce9eb;border-radius:8px;padding:10px;font-size:7px;color:#9aabb0;background:#fff}.stage-option{margin-top:6px;color:#596f76;display:flex;align-items:center;gap:7px}.stage-option i{width:10px;height:10px;border:1px solid #b7c9cd;border-radius:50%}.stage-inspector{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.stage-inspector strong{font-size:9px;margin:5px 0 9px}.stage-inspector label{font-size:6px;color:#587884;text-transform:uppercase;letter-spacing:.12em}.stage-inspector>span{border:1px solid var(--line);border-radius:7px;padding:8px;font-size:7px;color:#9eb6bf}.stage-toggle{width:25px;height:14px;border-radius:99px;background:#22b3bd;display:block;position:relative}.stage-toggle:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;right:2px;top:2px}.marketing-capabilities{max-width:1332px;margin:0 auto;padding:80px 54px 118px;border-top:1px solid var(--line)}.marketing-capabilities header{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;margin-bottom:45px}.marketing-capabilities h2{font:600 40px Manrope;letter-spacing:-.05em;margin:0}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.012)}.capability-grid article{padding:30px 30px 34px;min-height:220px;border-right:1px solid var(--line)}.capability-grid article:last-child{border-right:0}.capability-grid article>span{font-size:8px;color:#3acbd3;letter-spacing:.15em}.capability-grid h3{font:600 17px Manrope;margin:42px 0 10px}.capability-grid p{font-size:10px;line-height:1.75;color:#7895a1;margin:0}.marketing-footer{max-width:1332px;margin:0 auto;padding:28px 54px 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;font-size:9px;color:#6f8d99}.marketing-footer span{color:#bdd4dc;font-weight:600}.marketing-footer small{font-size:8px}.marketing-footer a{margin-left:auto;color:#67d0d7}@media(max-width:1050px){.marketing-hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:720px}.product-stage{min-height:520px}.stage-window{max-width:760px}.marketing-capabilities header{grid-template-columns:1fr;gap:12px}}@media(max-width:720px){.marketing-nav{height:72px;padding:0 18px}.marketing-links>a:not(.marketing-cta){display:none}.marketing-links{gap:8px}.marketing-hero{padding:58px 18px 76px;gap:35px}.hero-copy h1{font-size:46px}.marketing-lede{font-size:12px}.marketing-actions{align-items:stretch;flex-direction:column}.marketing-cta{justify-content:center}.marketing-secondary{text-align:center}.product-stage{min-height:390px}.stage-window{transform:none}.stage-body{grid-template-columns:80px 1fr}.stage-inspector{display:none}.stage-tools{padding:12px 7px}.stage-canvas{margin:12px 8px;padding:26px 20px}.marketing-capabilities{padding:58px 18px 72px}.marketing-capabilities h2{font-size:31px}.capability-grid{grid-template-columns:1fr}.capability-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.marketing-footer{padding:25px 18px;flex-wrap:wrap}.marketing-footer a{margin-left:0;width:100%}}

/* 20260829.4 — public/private routing constitution + route-backed creation */
.rail-public{padding:0 18px 14px}.rail-public a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid rgba(127,211,255,.12);border-radius:12px;color:#79cde5;text-decoration:none;font-size:11px;letter-spacing:.02em;background:rgba(255,255,255,.018)}.rail-public a:hover{border-color:rgba(84,209,221,.3);background:rgba(53,193,219,.055)}
#live-runtime-state[data-state="missing"] .live-dot,html[data-live-runtime="missing"] #live-runtime-state .live-dot{background:#ff8d8d;box-shadow:0 0 0 4px rgba(255,141,141,.08)}
.new-form-page{max-width:1120px}.new-form-heading{max-width:780px;margin-bottom:30px}.new-form-heading .back-link{display:inline-block;margin-bottom:28px;color:#78c9df;text-decoration:none}.new-form-heading h1{font-size:clamp(38px,5vw,68px);line-height:.98;margin:10px 0 18px;letter-spacing:-.045em}.new-form-heading>p:last-child{max-width:680px;color:#7f9bad;font-size:15px;line-height:1.7}.new-form-sheet{padding:34px;border:1px solid rgba(122,201,223,.14);border-radius:26px;background:linear-gradient(145deg,rgba(18,40,51,.93),rgba(10,25,34,.95));box-shadow:0 26px 80px rgba(0,0,0,.22)}.new-form-name{display:grid;gap:10px}.new-form-name>span,.template-fieldset legend{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#61cad8}.new-form-name input{width:100%;font:inherit;font-size:20px;color:#f5fbff;background:#071720;border:1px solid rgba(127,211,255,.16);border-radius:15px;padding:17px 18px;outline:none}.new-form-name input:focus{border-color:#46c6d9;box-shadow:0 0 0 4px rgba(70,198,217,.08)}.new-form-name small{color:#688595}.template-fieldset{border:0;padding:0;margin:34px 0 0}.route-templates{margin-top:15px}.template-card.selectable{position:relative;cursor:pointer;min-height:156px}.template-card.selectable input{position:absolute;opacity:0;pointer-events:none}.template-card.selectable:has(input:checked){border-color:rgba(76,210,221,.55);background:linear-gradient(145deg,rgba(26,72,84,.72),rgba(11,36,48,.9));box-shadow:inset 0 0 0 1px rgba(99,219,229,.12),0 14px 38px rgba(0,0,0,.16)}.new-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.form-error{padding:13px 15px;margin-bottom:20px;border-radius:12px;border:1px solid rgba(255,139,139,.25);background:rgba(255,105,105,.07);color:#ffc8c8}
@media(max-width:760px){.new-form-sheet{padding:22px}.route-templates{grid-template-columns:1fr}.new-form-actions{flex-direction:column-reverse}.new-form-actions .button{justify-content:center}}