:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f6f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f6f6f3;color:#171717}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid #e7e7e1;background:#fbfbf8;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.03em;padding:4px 8px 22px}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#171717;color:white;font-size:15px}.sidebar nav{display:grid;gap:4px}.nav{border:0;background:transparent;padding:11px 12px;border-radius:10px;text-align:left;color:#5a5a54;display:flex;gap:11px;align-items:center}.nav:hover,.nav.active{background:#ededE7;color:#171717}.side-foot{margin-top:auto;padding:12px 8px;color:#77776e;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2ab66d;margin-right:5px}.main{padding:36px 44px 70px;min-width:0}#app{max-width:1280px;margin:0 auto}.page-head,.builder-head,.card-head,.integration-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-head h1{font-size:42px;line-height:1;margin:2px 0 10px;letter-spacing:-.05em}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800;color:#8b8b81;margin:0 0 8px}.sub,.muted,.card-head p,.integration-head p{color:#73736b;margin:0}.primary,.ghost{border-radius:10px;padding:10px 15px;font-weight:700;border:1px solid #dcdcd5}.primary{background:#171717;color:#fff;border-color:#171717}.primary:hover{background:#2c2c2a}.primary:disabled{opacity:.55;cursor:wait}.ghost{background:#fff;color:#2d2d2a}.ghost:hover{background:#f1f1ed}.wide{width:100%}.metric-grid,.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:#fff;border:1px solid #e3e3dd;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.metric span{color:#74746c;font-size:13px}.metric strong{font-size:31px;letter-spacing:-.04em}.metric.accent{background:#171717;color:white}.metric.accent span{color:#bdbdb7}.forms-card,.data-card,.integration-card{background:#fff;border:1px solid #e3e3dd;border-radius:16px;padding:18px}.card-head{margin-bottom:10px}.card-head h2,.data-card h2,.integration-card h2{margin:0;font-size:18px}.card-head input{width:220px;border:1px solid #deded8;border-radius:9px;padding:9px 11px;background:#fafaf8}.form-row{width:100%;display:grid;grid-template-columns:42px 1fr 100px 100px 24px;gap:14px;align-items:center;border:0;border-top:1px solid #efefe9;background:transparent;padding:15px 5px;text-align:left}.form-row:hover{background:#fafaf7}.form-icon{width:38px;height:38px;border-radius:10px;background:#eeeeE8;display:grid;place-items:center}.form-meta{display:flex;flex-direction:column;gap:4px}.form-meta strong{font-size:14px}.form-meta span,.form-stat span{color:#85857d;font-size:12px}.form-stat{display:flex;flex-direction:column}.chev{font-size:24px;color:#aaa}.empty-list,.empty-panel{padding:55px 20px;text-align:center;color:#666}.empty-panel{max-width:620px;margin:80px auto;background:#fff;border:1px solid #e3e3dd;border-radius:18px}.empty-panel h1{color:#171717;letter-spacing:-.04em}.empty-icon{font-size:34px}.modal-wrap{position:fixed;inset:0;background:rgba(20,20,18,.38);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(620px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.22);position:relative}.modal h2{font-size:28px;margin:4px 0 20px;letter-spacing:-.04em}.modal-x{position:absolute;right:18px;top:16px;border:0;background:transparent;font-size:25px;color:#777}.create-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-opt{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #deded8;background:#fafaf8;border-radius:14px;padding:16px}.create-opt span{font-size:22px}.create-opt div{display:flex;flex-direction:column;gap:4px}.create-opt small{color:#7a7a72}.create-opt.selected{border-color:#171717;background:#f4f4ef}.create-body{margin-top:16px;padding-top:16px;border-top:1px solid #ecece7}.create-body label,.tips label,.integration-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#55554f}.create-body input,.create-body textarea,.tips input,.tips textarea,.integration-grid input,.integration-grid select{width:100%;border:1px solid #dcdcd6;background:#fff;border-radius:9px;padding:10px;outline:none}.create-body textarea:focus,.create-body input:focus,.tips input:focus,.tips textarea:focus,.integration-grid input:focus{border-color:#8b8b82;box-shadow:0 0 0 3px #eeeeea}.create-body .primary{margin-top:12px}.tiny{font-size:11px;color:#8a8a82;line-height:1.5}.builder-head{margin-bottom:18px}.builder-title{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.builder-title input{max-width:380px;border:0;background:transparent;font-size:18px;font-weight:800;text-align:center;outline:none}.pill{font-size:10px;text-transform:uppercase;font-weight:800;padding:5px 7px;border-radius:999px;background:#eeeeea;color:#74746c}.pill.published{background:#e3f7ea;color:#227749}.builder-actions{display:flex;gap:8px}.tabs{display:flex;gap:4px;border-bottom:1px solid #dfdfd9;margin-bottom:22px}.tab{border:0;background:transparent;padding:11px 13px;color:#77776f;border-bottom:2px solid transparent}.tab.active{color:#171717;border-bottom-color:#171717;font-weight:700}.builder-grid{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;gap:18px;align-items:start}.field-palette,.tips{position:sticky;top:20px}.field-palette{display:grid;gap:5px}.field-type{border:0;background:transparent;border-radius:9px;text-align:left;padding:8px 9px;color:#5f5f58;font-size:12px}.field-type:hover{background:#ecece7;color:#171717}.canvas{background:#ecece7;border:1px solid #dfdfd9;border-radius:18px;padding:38px 24px;min-height:650px}.canvas-form{width:min(680px,100%);margin:0 auto;background:#fff;border:1px solid #dfdfda;border-radius:18px;padding:34px;box-shadow:0 18px 60px rgba(0,0,0,.05)}.canvas-title{width:100%;font-size:31px;font-weight:850;letter-spacing:-.04em;border:0;outline:none;padding:2px 0;background:transparent}.canvas-desc{width:100%;border:0;outline:none;resize:vertical;color:#6d6d66;margin:7px 0 20px;padding:0;background:transparent}.block{border:1px solid transparent;border-radius:13px;padding:12px;margin:8px -12px}.block:hover{border-color:#dfdfd9;background:#fcfcfa}.block-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}.drag{color:#aaa}.block-type{border:0;background:#f0f0eb;padding:5px 7px;border-radius:7px;font-size:11px;color:#5f5f58}.block-moves{margin-left:auto;display:flex;gap:2px}.block-moves button{border:0;background:transparent;color:#888;padding:4px 6px}.block-moves button:hover{color:#171717;background:#eee;border-radius:5px}.block-label{width:100%;border:0;border-bottom:1px dashed #dfdfd9;padding:7px 0;font-weight:700;outline:none}.block-placeholder,.block-options{width:100%;border:0;border-bottom:1px dashed #e6e6e0;padding:8px 0;color:#777;outline:none;background:transparent;resize:vertical}.req{display:flex;align-items:center;gap:6px;color:#777;font-size:11px;margin-top:8px}.add-bottom{width:100%;border:1px dashed #d4d4ce;background:#fafaf8;border-radius:10px;padding:10px;color:#777}.tips{display:grid;gap:13px;background:#fff;border:1px solid #e2e2dc;border-radius:14px;padding:14px}.slug-input{display:flex;align-items:center;border:1px solid #dcdcd6;border-radius:9px;overflow:hidden}.slug-input span{padding-left:10px;color:#999}.slug-input input{border:0}.loading{padding:45px;text-align:center;color:#777}.table-wrap{overflow:auto;border-top:1px solid #ecece7;margin-top:12px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eeeeea;font-size:12px;white-space:nowrap}th{color:#777;font-weight:700;background:#fafaf8}.source-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #eee}.share-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.copy-row{display:flex;gap:8px;margin-top:18px}.copy-row input{flex:1;border:1px solid #ddd;border-radius:9px;padding:10px}.share-actions{margin-top:10px}.qr-card{text-align:center}.qr-card canvas{max-width:220px;width:100%;height:auto;margin:12px auto;display:block}.integration-card{max-width:900px}.integration-head{border-bottom:1px solid #ecece7;padding-bottom:18px}.wasl-logo{width:44px;height:44px;border-radius:13px;background:#171717;color:#fff;display:grid;place-items:center;font-weight:900}.integration-head>div:nth-child(2){flex:1}.switch input{display:none}.switch span{display:block;width:44px;height:24px;border-radius:999px;background:#ccc;position:relative}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:#171717}.switch input:checked+span:after{left:23px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.toast{position:fixed;right:22px;bottom:22px;background:#171717;color:#fff;padding:11px 15px;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.2);transform:translateY(15px);opacity:0;transition:.2s;z-index:100;font-size:13px}.toast.show{transform:none;opacity:1}.toast.bad{background:#9d2828}.toast.muted{background:#555}.public-body{background:#f3f1ec;min-height:100vh}.public-wrap{width:min(700px,calc(100% - 32px));margin:0 auto;padding:60px 0 90px}.public-form,.success-card{background:#fff;border:1px solid #dfddd6;border-radius:20px;padding:42px 44px;box-shadow:0 20px 70px rgba(35,32,24,.06)}.public-brand{font-weight:850;font-size:13px;color:#777;margin-bottom:44px}.public-form h1,.success-card h1{font-size:40px;letter-spacing:-.05em;line-height:1.05;margin:0 0 12px}.public-desc{font-size:17px;color:#68675f;line-height:1.6;margin:0 0 34px}.pub-field{border:0;margin:0 0 25px;padding:0}.pub-label{font-weight:720;display:block;margin-bottom:8px}.pub-label span{color:#bf4141;margin-left:3px}.pub-field input[type=text],.pub-field input[type=email],.pub-field input[type=tel],.pub-field input[type=number],.pub-field input[type=date],.pub-field textarea,.pub-field select{width:100%;border:0;border-bottom:1.5px solid #cfcfc7;padding:10px 1px;background:transparent;outline:none;font-size:16px}.pub-field input:focus,.pub-field textarea:focus,.pub-field select:focus{border-bottom-color:#171717}.pub-field textarea{min-height:90px;resize:vertical}.choices{display:grid;gap:8px}.choice{display:flex;align-items:center;gap:9px;border:1px solid #deded8;border-radius:10px;padding:11px 12px}.choice:hover{background:#fafaf7}.choice input{accent-color:#171717}.pub-heading{font-size:24px;margin:35px 0 10px;letter-spacing:-.03em}.pub-paragraph{color:#666;line-height:1.6}.public-submit{width:100%;border:0;border-radius:10px;padding:13px 18px;background:#171717;color:#fff;font-weight:800;margin-top:8px}.public-note{text-align:center;color:#aaa;font-size:11px;margin:18px 0 0}.success-card{text-align:center;margin-top:80px}.success-icon{width:58px;height:58px;border-radius:50%;background:#e6f5eb;color:#25764b;display:grid;place-items:center;font-size:28px;margin:0 auto 18px}@media(max-width:980px){.app-shell{grid-template-columns:72px 1fr}.sidebar{padding:18px 10px}.brand span:last-child,.nav span,.side-foot{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.nav{justify-content:center}.main{padding:28px 22px}.builder-grid{grid-template-columns:150px 1fr}.tips{position:static;grid-column:1/-1}.analytics-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{height:auto;position:sticky;z-index:10;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #e5e5df;padding:9px 12px}.brand{padding:0;margin-right:auto}.sidebar nav{display:flex}.nav{padding:9px}.main{padding:22px 14px}.page-head{align-items:flex-end}.page-head h1{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid .metric:last-child{grid-column:1/-1}.form-row{grid-template-columns:38px 1fr 70px 18px}.form-row .form-stat:nth-of-type(2){display:none}.builder-head{flex-wrap:wrap}.builder-title{order:-1;width:100%;flex-basis:100%}.tabs{overflow:auto}.builder-grid{display:block}.field-palette{position:static;display:flex;overflow:auto;margin-bottom:10px}.field-type{white-space:nowrap;background:#fff;border:1px solid #ddd}.canvas{padding:12px}.canvas-form{padding:22px}.tips{margin-top:12px}.share-grid,.integration-grid{grid-template-columns:1fr}.create-options{grid-template-columns:1fr}.public-wrap{padding:22px 0 55px}.public-form,.success-card{padding:28px 22px;border-radius:15px}.public-form h1,.success-card h1{font-size:32px}}