:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f8;--panel:#fff;--ink:#311932;--muted:#6b5e74;--soft:#8a818c;--line:#e8e3ea;--line-strong:#d8d0dc;--accent:#662d91;--accent-strong:#9d2790;--accent-dark:#721c69;--cyan:#26c4db;--tint:#f2eefa;--shadow:0 12px 32px #3119320e;--shadow-strong:0 24px 70px #31193230;--radius:12px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 0%, #662d910e, transparent 28rem), var(--bg);min-height:100vh;color:var(--ink);border-top:4px solid var(--accent);border-image:linear-gradient(90deg,#662d91,#9d2790,#26c4db) 1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.icon{flex:none;width:18px;height:18px}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.app-frame{min-height:calc(100vh - 4px)}.access-main{place-items:center;min-height:calc(100vh - 4px);padding:32px 20px;display:grid}.access-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(100%,580px);box-shadow:var(--shadow);padding:clamp(24px,5vw,48px)}.access-logo{width:160px;height:auto;margin-bottom:32px;display:block}.access-card h1{letter-spacing:-.02em;margin:12px 0;font-size:clamp(24px,4vw,32px);line-height:1.2}.access-card p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.65}.access-card>a{margin-top:20px;display:inline-flex}.app-main{min-height:calc(100vh - 4px);padding:0 clamp(28px,5vw,78px) 72px}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1440px;min-height:132px;margin:0 auto;display:flex}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:800}.generator-modes,.description-examples{flex-wrap:wrap;gap:10px;display:flex}.generator-modes{max-width:960px;margin:16px auto}.generator-modes button[aria-pressed=true]{background:var(--accent);color:#fff}.description-form{gap:20px;margin-top:24px;display:grid}.description-input-group,.description-example-group{gap:10px;display:grid}.description-form label{font-weight:700}.description-form textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:220px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:14px 16px;line-height:1.6}.description-form p,.description-input-group>span{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.description-input-group>span{font-size:12px}.description-form>button{justify-self:start}.app-brand{align-items:center;gap:18px;display:flex}.app-brand:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:5px;border-radius:4px}.app-brand img{width:144px;height:auto}.app-brand .app-name{border-left:1px solid var(--line-strong);letter-spacing:-.02em;align-items:center;min-height:28px;padding-left:18px;font-size:21px;font-weight:750;display:flex}.beta-badge{background:var(--tint);min-height:25px;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border:1px solid #dbcbea;border-radius:999px;align-items:center;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.app-header>div:first-child>p:last-child{color:var(--muted);margin:10px 0 0;font-size:15px}.header-actions{align-items:center;gap:10px;display:flex}.header-tool-link{border:1px solid var(--line-strong);min-height:43px;color:var(--accent);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:750;display:inline-flex}.header-tool-link:hover{background:var(--tint);border-color:#c7b5d3}.header-tool-link .icon{width:15px}.header-cta{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;min-height:43px;padding:0 17px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 7px 18px #9d279026}.header-cta:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.header-cta span{color:#fff;font-size:15px}.filter-panel,.results-section{max-width:1440px;margin-left:auto;margin-right:auto}.filter-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);margin-top:24px;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:55px;padding:0 18px;display:flex}.panel-title>div{align-items:center;gap:9px;display:flex}.panel-title h2,.results-heading h2{letter-spacing:-.01em;margin:0;font-size:17px}.panel-title>p{color:var(--muted);margin:0;font-size:12px}.filters{grid-template-columns:minmax(320px,1.65fr) minmax(190px,.75fr) auto;gap:14px;padding:18px;display:grid}.filters>label:not(.search-input){color:var(--muted);flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.filters select,.search-input{border:1px solid var(--line-strong);background:#fff;border-radius:8px;width:100%;min-height:46px}.filters select{color:var(--ink);padding:0 12px;font-size:14px}.search-input{color:var(--muted);align-self:end;align-items:center;gap:9px;padding:0 12px;display:flex}.search-input .icon{width:17px}.search-input input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-input input::placeholder{color:#928a96}.search-input button{background:var(--tint);width:26px;height:26px;color:var(--accent);cursor:pointer;border:0;border-radius:6px;place-items:center;display:grid}.search-input button .icon{width:14px}.filter-reset{align-self:end;min-height:46px}.results-section{margin-top:23px}.results-heading{justify-content:space-between;align-items:center;min-height:43px;display:flex}.forms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-card{border:1px solid var(--line);border-radius:var(--radius);min-height:315px;box-shadow:var(--shadow);background:#fff;flex-direction:column;padding:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.form-card:hover{border-color:#cbb9d5;transform:translateY(-2px);box-shadow:0 16px 38px #31193217}.form-card:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-strong), var(--cyan));opacity:0;width:3px;transition:opacity .18s;position:absolute;inset:0 auto 0 0}.form-card:hover:before{opacity:1}.card-link{z-index:1;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.card-top,.form-card h3,.form-card>p,.card-meta,.form-card footer{z-index:2;pointer-events:none;position:relative}.card-top{justify-content:space-between;align-items:center;display:flex}.category-chip,.source-chip{border-radius:999px;align-items:center;min-height:27px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.category-chip{background:var(--tint);color:var(--accent);border:1px solid #dfd2ea}.source-chip{color:var(--muted);letter-spacing:.04em;background:#f5f4f5;gap:5px}.source-chip .icon{width:12px}.form-card h3{letter-spacing:-.017em;min-height:50px;margin:21px 0 10px;font-size:19px;line-height:1.32}.form-card>p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.card-meta,.detail-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.card-meta{margin-top:17px}.detail-meta{margin-top:12px}.smartglue-chip,.integration-chip{border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:10px;font-weight:750;line-height:1.2;display:inline-flex}.smartglue-chip{border:1px solid var(--accent);background:var(--accent);color:#fff}.integration-chip.simple{color:#17683b;background:#edfbf3;border:1px solid #9dd9bd}.integration-chip.complex{color:#995015;background:#fff5e9;border:1px solid #e4b88a}.form-card footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;margin-top:auto;padding-top:13px;display:flex}.form-card footer button{pointer-events:auto;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:13px;font-weight:750;display:flex}.form-card footer button .icon{width:13px}.empty-results{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:center;place-items:center;min-height:330px;display:grid}.empty-results>.icon{color:#b2a7b6;width:34px;height:34px}.empty-results h3{margin:13px 0 5px;font-size:17px}.empty-results p{color:var(--muted);margin:0 0 17px;font-size:11px}.detail-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f112173;justify-content:flex-end;display:flex;position:fixed;inset:4px 0 0}.detail-scrim{cursor:default;background:0 0;border:0;position:absolute;inset:0}.detail-panel{z-index:1;background:var(--bg);width:min(1080px,100vw - 80px);height:100%;box-shadow:var(--shadow-strong);flex-direction:column;animation:.2s ease-out panel-in;display:flex;position:relative}.detail-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:30px;min-height:121px;padding:23px 28px 19px;display:flex}.detail-header h2{letter-spacing:-.025em;max-width:800px;margin:0;font-size:25px;line-height:1.18}.detail-header>div>p:last-child{max-width:720px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.icon-button{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid}.detail-close{width:36px;height:36px}.detail-close .icon{width:17px}.detail-tabs{border-bottom:1px solid var(--line);background:#fff;align-items:stretch;gap:6px;min-height:50px;padding:0 28px;display:flex}.detail-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;display:flex;position:relative}.detail-tabs button .icon{width:15px}.detail-tabs button.active{color:var(--accent)}.detail-tabs button.active:after{content:"";background:var(--accent-strong);border-radius:3px 3px 0 0;height:3px;position:absolute;inset:auto 8px -1px}.detail-content{flex:1;min-height:0;padding:24px 28px 35px;overflow:auto}.preview-layout{grid-template-columns:210px minmax(0,620px);justify-content:center;align-items:start;gap:20px;max-width:970px;margin:0 auto;display:grid}.preview-callout{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:17px;position:sticky;top:0}.preview-callout>strong{font-size:14px}.preview-callout>p{color:var(--muted);margin:8px 0 3px;font-size:12px;line-height:1.6}.webform-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:27px 30px 31px}.webform-heading{border-bottom:1px solid var(--line);margin-bottom:21px;padding-bottom:20px}.webform-heading>span{color:var(--accent);letter-spacing:.11em;font-size:8px;font-weight:800}.webform-heading h3{letter-spacing:-.02em;margin:8px 0;font-size:20px;line-height:1.25}.webform-heading p{color:var(--muted);margin:0;font-size:11px}.preview-field{color:#4d4052;flex-direction:column;gap:7px;margin-bottom:17px;font-size:12px;font-weight:700;display:flex}.preview-field b,.preview-checkbox b{color:#b42318}.preview-field input:not([type=file]),.preview-field select,.preview-field textarea{border:1px solid var(--line-strong);outline-color:var(--accent);background:#fff;border-radius:7px;width:100%;min-height:40px;padding:8px 10px}.preview-field textarea{resize:vertical;min-height:84px}.preview-field input[type=file]{border:1px dashed var(--line-strong);color:var(--muted);border-radius:7px;padding:10px;font-size:9px}.preview-fieldset{background:var(--tint);color:var(--accent);border-radius:6px;margin:23px 0 13px;padding:9px 10px;font-size:10px}.preview-checkbox{color:#4d4052;align-items:flex-start;gap:8px;margin:20px 0;font-size:12px;line-height:1.45;display:flex}.preview-checkbox input{accent-color:var(--accent);margin-top:1px}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:750;display:inline-flex}.primary-button{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff}.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.55}.primary-button .icon,.secondary-button .icon{width:14px}.preview-submit{min-width:96px}.source-state{border:1px dashed var(--line-strong);color:var(--muted);background:#faf9fb;border-radius:8px;padding:20px;font-size:12px;line-height:1.5}.source-state.error{color:#9f2920;background:#fff7f6;border-color:#f3b9b4}.preview-limit{color:var(--muted);margin:0 0 18px;font-size:11px}.source-layout,.guide-layout{max-width:900px;margin:0 auto}.source-toolbar{border:1px solid var(--line);background:#fff;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:12px 15px;display:flex}.source-toolbar h3{margin:0 0 4px;font-size:13px}.source-toolbar p{color:var(--muted);margin:0;font-size:9px}.source-toolbar>div:last-child{gap:8px;display:flex}.source-code{color:#eadfec;tab-size:2;min-height:560px;max-height:calc(100vh - 290px);box-shadow:var(--shadow);background:#241626;border-radius:0 0 10px 10px;margin:0;padding:22px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.guide-layout{max-width:760px}.guide-intro{background:var(--tint);border:1px solid #d9cbe5;border-radius:10px;align-items:center;gap:13px;padding:17px;display:flex}.guide-intro>.icon{width:25px;height:25px;color:var(--accent)}.guide-intro h3{margin:0 0 4px;font-size:14px}.guide-intro p{color:var(--muted);margin:0;font-size:10px}.guide-steps{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:17px 0;padding:0;list-style:none}.guide-steps li{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:13px;padding:18px;display:grid}.guide-steps li:last-child{border:0}.guide-steps li>span{background:var(--tint);width:26px;height:26px;color:var(--accent);border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.guide-steps strong{font-size:11px}.guide-steps p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.55}.guide-steps code{color:#4b3f4f;background:#f4f2f5;border-radius:3px;padding:2px 4px;font-size:9px}.guide-warning{color:#854a0e;background:#fffaeb;border:1px solid #fedf89;border-radius:10px;padding:15px 17px}.guide-warning strong{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.guide-warning p{margin:4px 0 0;font-size:10px;line-height:1.5}.guide-copy{margin-top:15px}.generator-main{padding-bottom:80px}.generator-hero,.generator-upload-card,.generator-error,.generator-result{max-width:960px;margin-left:auto;margin-right:auto}.generator-hero{text-align:center;padding:47px 0 25px}.generator-title-row{justify-content:center;align-items:center;gap:9px;display:flex}.generator-title-row .eyebrow{margin:0}.generator-title-row .beta-badge{min-height:21px;font-size:8px}.generator-hero h1{letter-spacing:-.045em;margin:11px 0 10px;font-size:clamp(32px,4vw,46px);line-height:1.05}.generator-hero>p:last-child{max-width:650px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.6}.generator-upload-card,.generator-result{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.generator-upload-card{padding:22px}.generator-card-heading,.generator-section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.generator-card-heading>div:first-child,.generator-section-heading{align-items:center;gap:12px;display:flex}.generator-card-heading>div:first-child>span,.generator-section-heading>span{background:var(--tint);width:29px;height:29px;color:var(--accent);border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.generator-card-heading h2,.generator-section-heading h2{margin:0 0 4px;font-size:16px}.generator-card-heading p,.generator-section-heading p{color:var(--muted);margin:0;font-size:11px}.selected-file{max-width:310px;color:var(--muted);align-items:center;gap:9px;display:flex}.selected-file>.icon{width:21px;color:var(--accent)}.selected-file>span{flex-direction:column;gap:2px;min-width:0;display:flex}.selected-file strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.selected-file small{font-size:9px}.upload-dropzone{cursor:pointer;background:linear-gradient(#fdfcfe,#faf8fc);border:2px dashed #cfbfd8;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:235px;margin-top:20px;transition:border-color .18s,background .18s,transform .18s;display:flex}.upload-dropzone:hover:not(:disabled),.upload-dropzone.drag-active{border-color:var(--accent);background:var(--tint);transform:translateY(-1px)}.upload-dropzone:disabled{cursor:wait}.upload-dropzone .upload-icon{width:48px;height:48px;color:var(--accent);background:#fff;border:1px solid #dacbe4;border-radius:13px;place-items:center;margin-bottom:3px;display:grid;box-shadow:0 8px 20px #662d9114}.upload-dropzone .upload-icon .icon{width:23px;height:23px}.upload-dropzone strong{font-size:15px}.upload-dropzone>span:not(.upload-icon){color:var(--muted);font-size:11px}.upload-dropzone em{background:var(--accent-strong);color:#fff;border-radius:7px;align-items:center;min-height:35px;margin-top:7px;padding:0 14px;font-size:10px;font-style:normal;font-weight:750;display:inline-flex}.upload-progress{background:#e9e2ed;border-radius:999px;height:4px;margin:-6px 9px 0;overflow:hidden}.upload-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong), var(--cyan));height:100%;transition:width .15s;display:block}.privacy-note{color:var(--muted);justify-content:center;align-items:flex-start;gap:7px;margin:14px 0 0;font-size:10px;line-height:1.5;display:flex}.privacy-note .icon{width:14px;height:14px;color:var(--accent);margin-top:1px}.privacy-note strong{color:#594c5e}.generator-error{color:#9f2920;background:#fff7f6;border:1px solid #f3b9b4;border-radius:10px;align-items:flex-start;gap:12px;margin-top:16px;padding:17px 19px;display:flex}.generator-error>.icon{width:20px;height:20px}.generator-error h2{margin:0 0 4px;font-size:13px}.generator-error p{margin:0;font-size:11px;line-height:1.5}.generator-result{margin-top:20px;padding:22px}.generator-section-heading{justify-content:flex-start;margin-bottom:18px}.generator-source-layout{max-width:none}.generator-source-code{min-height:430px;max-height:600px}.generator-guidance{border:1px solid var(--line);color:var(--muted);background:#faf9fb;border-radius:9px;margin-top:15px;padding:15px 17px;font-size:10px;line-height:1.55}.generator-guidance>div{align-items:flex-start;gap:8px;display:flex}.generator-guidance .icon{width:16px;height:16px;color:var(--accent);margin-top:1px}.generator-guidance p{margin:0}.generator-guidance>p:last-child{color:#725a31;margin:8px 0 0 24px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #662d9140}@keyframes panel-in{0%{opacity:.6;transform:translate(30px)}}@media (max-width:1100px){.forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.app-main{margin-left:0;padding:0 18px 50px}.app-header{flex-direction:column;align-items:flex-start;min-height:0;padding:24px 0}.header-cta{align-self:flex-start}.header-actions{width:100%}.detail-overlay{inset:4px 0 0}.detail-panel{width:100%}.preview-layout{grid-template-columns:1fr}.preview-callout{position:static}}@media (max-width:580px){.app-brand{flex-wrap:wrap;gap:11px}.app-brand img{width:128px}.app-brand .app-name{min-height:25px;padding-left:11px;font-size:18px}.beta-badge{min-height:23px;font-size:9px}.app-header>div:first-child>p:last-child{line-height:1.5}.header-actions{flex-direction:column;align-items:stretch}.header-tool-link,.header-cta{justify-content:center;width:100%}.panel-title>p{display:none}.filters{grid-template-columns:1fr}.search-input{grid-column:auto}.forms-grid{grid-template-columns:1fr}.detail-header{padding:18px}.detail-header h2{font-size:20px}.detail-tabs{white-space:nowrap;padding-left:18px;padding-right:18px;overflow-x:auto}.detail-tabs button{padding:0 8px}.detail-content{padding:18px}.source-toolbar{flex-direction:column;align-items:flex-start}.source-toolbar>div:last-child{width:100%}.source-toolbar button{flex:1}.webform-preview{padding:22px 18px}.generator-hero{padding-top:34px}.generator-hero>p:last-child{font-size:14px}.generator-upload-card,.generator-result{padding:17px}.generator-card-heading{flex-direction:column;align-items:flex-start}.selected-file{max-width:100%}.upload-dropzone{min-height:210px}.generator-source-code{min-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}