:root{--page:#f5f6fa;--surface:#fff;--ink:#202238;--muted:#686c80;--line:#e4e6ef;--accent:#5750d5;--pale:#eeedff;--radius-sm:10px;--radius:16px;--radius-lg:22px;--shadow:0 12px 40px #28284c0c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 16px;background:#fff;font-weight:550;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s,transform .15s}button:hover,.button:hover{background:#f3f3fb}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#4540b5}.quiet{border-color:transparent;background:transparent}.danger{color:#b42318}.small{min-height:36px;padding:6px 10px;font-size:14px}a{color:var(--accent)}:focus-visible{outline:3px solid #827bf0;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.1;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:24px;letter-spacing:-.5px}h3{font-size:18px}p{line-height:1.6;color:var(--muted)}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:28px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;letter-spacing:-.5px;font-weight:750;text-decoration:none}.mark{width:36px;height:36px;border-radius:11px;background:var(--accent);color:white;display:grid;place-items:center;font-size:22px}.sidebar nav{display:grid;gap:7px}.nav{border:0;justify-content:flex-start;text-align:left;text-decoration:none;font-size:15px;color:var(--muted);padding:12px;border-radius:10px;display:flex;gap:12px;align-items:center}.nav.active{background:var(--pale);color:var(--accent);font-weight:650}.nav-icon{width:22px;font-size:20px}.side-note{padding:16px;background:#f6f6fc;border-radius:var(--radius);font-size:14px;line-height:1.6;color:var(--muted);margin-top:auto}.profile{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:36px;height:36px;background:#e3f1ee;color:#31665a;border-radius:50%;display:grid;place-items:center;font-weight:650;flex-shrink:0}.profile strong{font-size:14px;word-break:break-word}.profile button{margin-left:auto}.main{min-width:0;padding:34px clamp(20px,4vw,60px)}.topline{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);margin-bottom:40px;gap:14px}.topline span:last-child{background:white;border:1px solid var(--line);padding:7px 12px;border-radius:30px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-head p{margin:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hero{background:linear-gradient(115deg,#eae8ff,#ecf2ff 70%,#e0f1ed);padding:28px 32px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.hero h2{margin-bottom:8px}.hero p{margin:0;max-width:560px}.hero-art{width:105px;height:95px;background:#fff9;border-radius:16px;transform:rotate(7deg);padding:20px;flex-shrink:0;box-shadow:0 10px 28px #5145cd12}.hero-art i{height:7px;border-radius:5px;background:#c8c4f1;display:block;margin-bottom:11px}.hero-art i:first-child{width:65%;background:#7e76dc}.hero-art i:last-child{width:45%;height:17px;background:#5750d5}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:26px;gap:20px}.stat strong{font-size:30px;display:block;margin-bottom:6px}.stat span{font-size:14px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}.toolbar h2{margin:0}.search{max-width:260px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:18px}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.form-card h3{margin:20px 0 8px;word-break:break-word}.form-card p{font-size:14px;margin-bottom:22px}.card-top{display:flex;justify-content:space-between;align-items:center}.form-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--pale);color:var(--accent);font-size:24px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:550;border-radius:30px;background:#f0f1f5;padding:5px 10px;color:#64697a;white-space:nowrap}.badge.live,.badge.sent{background:#e6f4ed;color:#25744c}.badge.failed,.badge.unconfigured{background:#fff0dc;color:#8d5714}.card-foot{padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;justify-content:space-between}.empty{padding:46px 24px;border:1px dashed #cdd0e0;border-radius:var(--radius);text-align:center;grid-column:1/-1}.empty h2{margin-bottom:10px}.stack{display:grid;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.control{display:block;margin-bottom:18px}.control>span,.control>label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;min-height:44px;border:1px solid #d8dbe7;border-radius:10px;padding:11px 13px;background:#fff}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:9px;font-size:14px;margin:14px 0}.hint{font-size:14px;line-height:1.55;color:var(--muted);margin:6px 0 0}.notice{padding:14px 16px;background:#eeedff;color:#484392;border-radius:10px;line-height:1.55;font-size:14px;margin-bottom:20px}.notice.warn{background:#fff3e1;color:#88511b}.error{color:#b42318;margin:12px 0;font-size:14px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:12px;flex-wrap:wrap}.tabs button{background:transparent;border:0;color:var(--muted)}.tabs button.active{background:var(--pale);color:var(--accent)}.editor-layout{display:grid;grid-template-columns:minmax(290px,1fr) minmax(290px,1fr);gap:24px;align-items:start}.field-list{display:grid;gap:10px;margin-bottom:20px}.field-row{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.field-row summary{cursor:pointer;padding:16px;display:flex;align-items:center;gap:12px;list-style:none}.field-row summary::-webkit-details-marker{display:none}.field-row summary .field-name{flex:1;min-width:0;word-break:break-word;font-weight:600}.field-type{font-size:14px;color:var(--muted)}.field-settings{border-top:1px solid var(--line);padding:18px}.field-settings .control:last-child{margin-bottom:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-box{background:#f6f6fb;padding:14px;border-radius:10px;margin:16px 0}.palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette button{font-size:14px;justify-content:flex-start;min-width:0;text-align:left}.preview-panel{position:sticky;top:24px}.preview-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-size:14px}.preview-canvas{background:white;padding:28px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);transition:max-width .2s;max-width:100%;margin:auto}.preview-canvas.mobile{max-width:375px}.settings{max-width:740px}.code{font:14px/1.6 ui-monospace,SFMono-Regular,monospace;background:#f5f5fb;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;border-radius:10px;display:block;width:100%;min-height:120px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:14px;color:var(--muted);background:#fafafe}td,th{padding:16px 20px;border-bottom:1px solid var(--line)}td{font-size:14px}tbody tr:last-child td{border:0}.answer{border-bottom:1px solid var(--line);padding:16px 0}.answer dt{font-size:14px;color:var(--muted);margin-bottom:8px}.answer dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.file-link{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:10px;padding:14px;margin:10px 0;word-break:break-word}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:clamp(30px,6vw,90px);background:linear-gradient(145deg,#edebff,#e9f0ff 60%,#e6f4ef);display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:clamp(38px,4.7vw,66px);line-height:1.06;max-width:560px;letter-spacing:-2.5px;margin-top:60px}.auth-story p{max-width:460px;font-size:18px}.auth-story .hero-art{margin:35px 0;width:180px;height:150px;padding:30px}.auth-story .hero-art i{height:11px;margin-bottom:18px}.auth-story footer{font-size:14px;color:var(--muted);margin-top:50px}.auth-main{display:grid;place-items:center;background:#fff;padding:32px}.auth-box{width:100%;max-width:380px}.auth-box h2{font-size:30px}.auth-box button[type=submit]{width:100%}.auth-links{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:16px}.auth-links button{font-size:14px;padding:8px 0;min-height:36px;color:var(--accent)}dialog{border:1px solid var(--line);border-radius:22px;padding:28px;width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink);box-shadow:0 24px 100px #17173833}dialog::backdrop{background:#17173866;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-head h2{margin-bottom:24px}.dialog-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24263b;color:white;padding:14px 22px;border-radius:12px;z-index:9999;box-shadow:var(--shadow);max-width:calc(100vw - 32px);display:none;font-size:14px}.loading{padding:60px;text-align:center;color:var(--muted)}.public-page{max-width:680px;margin:40px auto;padding:30px;background:white;border-radius:22px}.public-footer{text-align:center;font-size:14px;margin:24px}.account-email{overflow-wrap:anywhere}@media(max-width:1150px){.shell{grid-template-columns:200px minmax(0,1fr)}.main{padding:28px 24px}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.auth-story{padding:40px}}@media(max-width:700px){h1{font-size:30px}.shell{display:block}.sidebar{position:static;height:auto;padding:16px;gap:16px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto}.sidebar nav{display:flex;grid-column:1/-1;grid-row:2;gap:8px}.sidebar .side-note{display:none}.profile{padding:0;border:0}.profile strong,.profile .avatar{display:none}.main{padding:24px 16px}.topline{margin-bottom:24px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head .actions{width:100%}.hero{padding:24px}.hero-art{display:none}.stats{gap:14px}.stat strong{font-size:26px}.toolbar{flex-wrap:wrap}.search{max-width:none}.form-grid{grid-template-columns:1fr}.auth{display:block}.auth-story{padding:24px}.auth-story h1{font-size:34px;letter-spacing:-1px;margin-top:28px}.auth-story p{font-size:16px;margin-bottom:0}.auth-story footer{display:none}.auth-main{padding:32px 24px}.auth-box{max-width:100%}.preview-canvas{padding:20px}.panel{padding:20px}.public-page{margin:12px;padding:24px}.grid2{grid-template-columns:1fr}input,select,textarea{font-size:16px}.tabs{gap:2px}.tabs button{padding:10px 12px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.drag-handle{flex:0 0 44px;width:44px;height:44px;padding:0;margin:-8px 0 -8px -8px;border:0;background:transparent;color:var(--muted);font-size:22px;letter-spacing:-5px;cursor:grab;touch-action:none;user-select:none}
.drag-handle:hover{background:var(--pale);color:var(--accent)}
.drag-handle:active{cursor:grabbing}.field-row.dragging{opacity:.4;border-style:dashed}
.field-row.drop-before{box-shadow:0 -4px 0 var(--accent)}.field-row.drop-after{box-shadow:0 4px 0 var(--accent)}
.field-drag-ghost{position:fixed;z-index:10000;pointer-events:none;padding:14px 18px;max-width:min(360px,calc(100vw - 32px));background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-weight:600;overflow-wrap:anywhere}
.field-drag-active,.field-drag-active *{cursor:grabbing!important;user-select:none!important}
@media(max-width:700px){.field-row summary{gap:8px}.field-number{display:none}.field-row summary>.field-type{max-width:85px}.toolbar>.hint{width:100%}}

.field-list{gap:0}.insert-slot{height:10px;display:flex;align-items:center;justify-content:center;position:relative}
.insert-slot::before{content:'';position:absolute;left:0;right:0;height:1px;background:var(--accent);opacity:0;pointer-events:none}
.insert-field{position:absolute;z-index:1;width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;font-size:22px;font-weight:400;line-height:1;background:var(--surface);border-color:var(--line);color:var(--accent);opacity:0;transition:opacity .15s}
.insert-slot:hover .insert-field,.insert-slot:focus-within .insert-field,.insert-field[aria-expanded=true]{opacity:1}
.insert-slot:hover::before,.insert-slot:focus-within::before{opacity:.35}.insert-bottom{height:52px}.insert-bottom .insert-field{opacity:1;width:44px;height:44px;min-height:44px;background:var(--pale);border-color:transparent}
.field-type-menu{position:fixed;margin:0;padding:6px;width:260px;max-width:calc(100vw - 16px);max-height:min(420px,calc(100dvh - 16px));overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:0 12px 40px #28284c24}
.field-type-menu:popover-open{display:grid;gap:2px}.field-type-menu button{justify-content:flex-start;text-align:left;width:100%;min-height:42px;border:0;font-size:14px;padding:10px 14px;background:transparent}.field-type-menu button:hover,.field-type-menu button:focus-visible{background:var(--pale);color:var(--accent)}
.field-drag-active .insert-field{visibility:hidden}
@media(hover:none),(pointer:coarse){.insert-slot{height:10px}.insert-field{opacity:1;width:44px;height:44px;min-height:44px}.insert-bottom{height:64px}}
.field-type-menu{inset:auto}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.pricing-card{display:flex;flex-direction:column}.pricing-card.selected-plan{border:2px solid var(--accent,#7661ab)}.pricing-card ul{padding-left:20px;line-height:1.9;flex:1;margin:8px 0 24px}.plan-price{font-size:36px;font-weight:700;margin:10px 0}.plan-price span{font-size:13px;font-weight:400}.enterprise{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.enterprise p{margin-bottom:0}@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr}.enterprise{align-items:flex-start;flex-direction:column}}

.formation-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.typemoss-credit{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;font-size:12px;margin-bottom:18px}.typemoss-credit img{width:100px;max-height:32px;object-fit:contain}.auth-story .typemoss-credit{margin-top:22px}.public-footer a{color:inherit}@media(max-width:600px){.auth-story footer{display:block;margin-top:24px}.auth-story footer .typemoss-credit{margin:0 0 10px}}