@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.fb-root{--m3-primary: #BB86FC;--m3-on-primary: #000000;--m3-primary-container: #3700B3;--m3-secondary: #03DAC6;--m3-tertiary: #CF6679;--m3-surface: #1E1E2E;--m3-surface-variant: #2A2A3E;--m3-on-surface: #E1E1E1;--m3-on-surface-variant: #B0B0B0;--m3-outline: #6B6B6B;--m3-outline-variant: #3A3A3A;--m3-error: #CF6679;--m3-shape-xs: 4px;--m3-shape-sm: 8px;--m3-shape-md: 12px;--m3-shape-lg: 16px;--m3-shape-xl: 28px;--m3-elevation-1: 0 2px 8px rgba(0, 0, 0, .4);--m3-elevation-2: 0 4px 16px rgba(0, 0, 0, .5);--m3-elevation-3: 0 8px 24px rgba(0, 0, 0, .6);--cat-basic: #6366f1;--cat-choice: #10b981;--cat-advanced: #f59e0b;--cat-layout: #3b82f6;--cat-special: #ec4899;min-height:100vh;display:grid;gap:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.fb-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#1e1e2ecc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(187,134,252,.1);z-index:20;position:sticky;top:0}.fb-header-left,.fb-header-right{display:flex;align-items:center;gap:.5rem}.fb-root .btn.ghost{background:#1e1e2e99;border-color:#bb86fc33;color:var(--m3-on-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.45rem .75rem;font-size:.85rem}.fb-root .btn.ghost:hover:not(:disabled){background:#1e1e2ecc;border-color:var(--m3-primary);box-shadow:0 0 12px #bb86fc4d}.fb-root .btn.solid{background:linear-gradient(135deg,var(--m3-primary),#8b5cf6);color:#000;border:none;box-shadow:0 4px 12px #bb86fc66;padding:.45rem .75rem;font-size:.85rem}.fb-root .btn.solid:hover:not(:disabled){box-shadow:0 6px 16px #bb86fc80;transform:translateY(-1px)}.fb-root .btn.danger{background:#cf667926;border-color:#cf66794d;color:var(--m3-error);padding:.45rem .75rem;font-size:.85rem}.fb-root .btn.danger:hover:not(:disabled){background:#cf667940;box-shadow:0 0 12px #cf66794d}.fb-root .btn.full{width:100%}.fb-root .avatar{background:linear-gradient(135deg,var(--m3-primary),#8b5cf6);color:#000;box-shadow:0 2px 8px #bb86fc66;width:28px;height:28px;font-size:.85rem}.fb-title-input{border:none;background:transparent;font-size:.95rem;font-weight:700;color:var(--m3-on-surface);outline:none;padding:.35rem .5rem;border-radius:var(--m3-shape-sm);transition:background .2s;max-width:220px}.fb-title-input:focus{background:var(--m3-surface-variant)}.fb-save-badge{font-size:.68rem;padding:.12rem .45rem;border-radius:99px;background:var(--m3-primary-container);color:var(--m3-primary);font-weight:600}.fb-layout{display:grid;grid-template-columns:260px 1fr 300px;height:calc(100vh - 52px);overflow:hidden}.fb-layout.preview-open{grid-template-columns:260px 1fr 300px 380px}.fb-palette{background:#1e1e2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(187,134,252,.1);overflow-y:auto;padding:.5rem 0}.fb-inline-icon-placeholder{width:18px;height:18px;border-radius:6px;display:inline-block;background:linear-gradient(110deg,#ffffff14 10%,#bb86fc52 45%,#ffffff14 78%);background-size:220% 100%;animation:fb-inline-icon-shimmer 1s linear infinite}.fb-cat-icon-placeholder{width:18px;height:18px}@keyframes fb-inline-icon-shimmer{to{background-position:-120% 0}}.fb-palette::-webkit-scrollbar,.fb-properties::-webkit-scrollbar,.fb-preview-wrapper::-webkit-scrollbar{width:8px}.fb-palette::-webkit-scrollbar-track,.fb-properties::-webkit-scrollbar-track,.fb-preview-wrapper::-webkit-scrollbar-track{background:#0000001a}.fb-palette::-webkit-scrollbar-thumb,.fb-properties::-webkit-scrollbar-thumb,.fb-preview-wrapper::-webkit-scrollbar-thumb{background:#bb86fc4d;border-radius:4px}.fb-palette::-webkit-scrollbar-thumb:hover,.fb-properties::-webkit-scrollbar-thumb:hover,.fb-preview-wrapper::-webkit-scrollbar-thumb:hover{background:#bb86fc80}.fb-palette-title{padding:1rem 1rem .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--m3-on-surface-variant);font-weight:700;display:flex;align-items:center;gap:.4rem}.fb-cat-left{display:flex;align-items:center;gap:.4rem}.fb-cat-icon{font-size:18px;background:linear-gradient(135deg,var(--m3-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;animation:fb-icon-pulse 3s ease-in-out infinite}@keyframes fb-icon-pulse{0%,to{opacity:1}50%{opacity:.7}}.fb-palette-category{border-bottom:1px solid var(--m3-outline-variant)}.fb-palette-cat-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border:none;background:transparent;font-size:.82rem;font-weight:700;color:var(--m3-on-surface);cursor:pointer;transition:background .15s}.fb-palette-cat-btn:hover{background:var(--m3-surface-variant)}.fb-palette-cat-btn.open{color:var(--m3-primary)}.fb-cat-arrow{font-size:.7rem;opacity:.6}.fb-cat-arrow-fallback{font-size:.85rem;line-height:1;opacity:.7}.fb-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem .75rem .75rem;overflow:hidden}.fb-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .3rem;min-height:70px;border:1.5px solid rgba(187,134,252,.2);border-radius:var(--m3-shape-md);background:linear-gradient(135deg,#ffffff14,#bb86fc0d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:grab;font-size:.7rem;font-weight:600;color:var(--m3-on-surface);transition:all .25s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden}.fb-palette-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(187,134,252,.2),transparent);transition:left .5s}.fb-palette-item:hover:before{left:100%}.fb-palette-item:hover{border-color:var(--m3-primary);box-shadow:0 4px 16px #bb86fc4d,0 2px 8px #0003;background:linear-gradient(135deg,#bb86fc26,#8b5cf61a);transform:translateY(-2px) scale(1.02)}.fb-palette-item:active{cursor:grabbing;transform:translateY(0) scale(.98)}.fb-palette-item.fb-palette-item-dragging{cursor:grabbing;border-color:#bb86fcb3;box-shadow:0 8px 22px #bb86fc59,0 4px 10px #00000038}.fb-palette-item.fb-palette-item-dragging:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0,#ffffff3d 45%,#fff0 78%);transform:translate(-120%);animation:fb-drag-shimmer .9s linear infinite;pointer-events:none}@keyframes fb-drag-shimmer{to{transform:translate(140%)}}.fb-palette-icon-shell{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;position:relative;overflow:hidden}.fb-palette-icon-shell.is-loading{background:linear-gradient(135deg,#ffffff24,#bb86fc29);border:1px solid rgba(187,134,252,.25)}.fb-palette-icon-shell.is-loading .fb-palette-icon{opacity:0}.fb-palette-icon-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,#fff0 8%,#fffc 38%,#fff0 70%);transform:translate(-140%);animation:fb-icon-shimmer 1.05s ease-in-out infinite}@keyframes fb-icon-shimmer{to{transform:translate(140%)}}.fb-palette-icon{font-size:20px;color:#fff;background:transparent;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;box-shadow:none;transition:all .3s ease}.fb-palette-item:hover .fb-palette-icon{transform:scale(1.1);box-shadow:none}.fb-palette-category:nth-child(2) .fb-palette-icon{background:transparent;color:#6366f1}.fb-palette-category:nth-child(3) .fb-palette-icon{background:transparent;color:#10b981}.fb-palette-category:nth-child(4) .fb-palette-icon{background:transparent;color:#f59e0b}.fb-palette-category:nth-child(5) .fb-palette-icon{background:transparent;color:#3b82f6}.fb-palette-category:nth-child(6) .fb-palette-icon{background:transparent;color:#ec4899}.fb-palette-label{font-size:.65rem;color:var(--m3-on-surface-variant);text-align:center;line-height:1.2}.fb-palette-add-fallback{font-size:.85rem;line-height:1;opacity:.8}.fb-canvas{overflow-y:auto;padding:1.5rem;background:linear-gradient(180deg,#f6f2fa,#fffbfe);display:flex;flex-direction:column;align-items:center}.fb-canvas-paper{width:100%;max-width:680px;background:#fff;border-radius:var(--m3-shape-xl);box-shadow:0 8px 32px #0000004d,0 0 0 1px #bb86fc1a;min-height:600px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.fb-canvas-header{padding:2rem 2rem 1.5rem;border-radius:var(--m3-shape-xl) var(--m3-shape-xl) 0 0;transition:background .3s;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fb-canvas-header-title{border:none;background:transparent;font-size:1.8rem;font-weight:800;outline:none;width:100%;padding:.3rem;border-radius:var(--m3-shape-sm);transition:background .2s}.fb-canvas-header-title:focus{background:#fff3}.fb-canvas-header-desc{border:none;background:transparent;font-size:1rem;outline:none;width:100%;padding:.3rem;margin-top:.3rem;resize:none;opacity:.85;min-height:40px;border-radius:var(--m3-shape-sm);transition:background .2s}.fb-canvas-header-desc:focus{background:#ffffff26}.fb-canvas-dropzone{padding:1.5rem 2rem 3rem;min-height:300px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.fb-canvas-dropzone.drag-over{background:linear-gradient(135deg,#6750a414,#6750a41f);border-radius:var(--m3-shape-lg);box-shadow:inset 0 0 0 2px #6750a44d}.fb-empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed #d1d5db;border-radius:var(--m3-shape-lg);color:#6b7280;gap:.5rem;font-size:.9rem;background:linear-gradient(135deg,#6366f105,#6366f10d);transition:all .3s ease}.fb-empty-canvas:hover{border-color:#6366f1;background:linear-gradient(135deg,#6366f10d,#6366f114)}.fb-empty-canvas span{font-size:2.2rem;opacity:.5;animation:fb-float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fb-float 3s ease-in-out infinite,fb-gradient 4s ease infinite}@keyframes fb-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fb-canvas-field{position:relative;padding:1.2rem 1.2rem 1.2rem 3rem;border:1.5px solid transparent;border-radius:var(--m3-shape-md);background:linear-gradient(135deg,#fff,#fefefe);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 3px #0000000d;min-height:70px;display:flex;align-items:center}.fb-canvas-field:hover{border-color:var(--m3-outline-variant);box-shadow:0 4px 12px #6750a41f,0 2px 4px #00000014;transform:translateY(-1px)}.fb-canvas-field.fb-field-active{border-color:var(--m3-primary);box-shadow:0 0 0 3px #6750a426,0 4px 16px #6750a433;background:linear-gradient(135deg,#fff,#f8f6fc)}.fb-canvas-field.fb-hover-lift:hover{transform:translateY(-2px)}.fb-canvas-field.fb-hover-glow:hover{box-shadow:0 0 16px #6750a42e}.fb-canvas-field.fb-hover-border:hover{border-color:var(--m3-primary)}.fb-field-drag-handle{position:absolute;left:.35rem;top:50%;transform:translateY(-50%);color:var(--m3-outline-variant);cursor:grab;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;padding:6px;border-radius:8px;display:grid;place-items:center;background:#ffffffe6;border:1px solid transparent}.fb-field-drag-handle .material-symbols-rounded{font-size:22px;color:#6366f1}.fb-field-drag-handle:hover .material-symbols-rounded{color:#fff}.fb-field-drag-handle:hover{background:#6366f1;border-color:#6366f133;transform:translateY(-50%) scale(1.1);box-shadow:0 2px 8px #6366f14d}.fb-canvas-field.fb-dragging{box-shadow:0 12px 32px #6750a440,0 4px 12px #00000026;border-color:var(--m3-primary);z-index:10;transform:rotate(2deg) scale(1.02);background:linear-gradient(135deg,#fff,#f0ebf8)}.fb-canvas-field:hover .fb-field-drag-handle{opacity:1}.fb-field-drag-handle:active{cursor:grabbing;color:var(--m3-primary)}.fb-field-body{display:grid;gap:.4rem;flex:1;align-items:center}.fb-field-type-badge{position:absolute;top:.4rem;right:.5rem;font-size:.6rem;padding:.15rem .5rem;border-radius:99px;background:linear-gradient(135deg,var(--m3-primary),#8b5cf6);color:#fff;font-weight:700;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6750a44d;display:none;align-items:center;gap:.2rem}.fb-field-type-badge .material-symbols-rounded{color:#fff!important}.fb-canvas-field:hover .fb-field-type-badge{opacity:1;transform:scale(1.05)}.fb-field-label{font-size:.88rem;font-weight:600;color:#1f2937}.fb-required{color:var(--m3-error);margin-left:2px}.fb-m3-outlined{position:relative;border:1.5px solid var(--m3-outline);border-radius:var(--m3-shape-md);transition:border-color .25s,box-shadow .25s;overflow:hidden}.fb-m3-outlined:focus-within{border-color:var(--m3-primary);box-shadow:0 0 0 1px var(--m3-primary)}.fb-m3-outlined.fb-glow:focus-within{box-shadow:0 0 0 1px var(--m3-primary),0 0 12px #6750a426}.fb-m3-outlined input,.fb-m3-outlined textarea,.fb-m3-outlined select{width:100%;border:none;outline:none;padding:.6rem .75rem;font:inherit;font-size:.9rem;background:transparent;color:var(--m3-on-surface)}.fb-animated-label{transition:all .2s cubic-bezier(.2,0,0,1)}.fb-choice-group{display:grid;gap:.4rem;padding:.2rem 0}.fb-checkbox-item,.fb-radio-item{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--m3-on-surface);cursor:pointer}.fb-checkbox-item input,.fb-radio-item input{width:18px;height:18px;accent-color:var(--m3-primary)}.fb-toggle-row{display:flex;align-items:center;justify-content:space-between}.fb-toggle-switch{flex-shrink:0}.fb-toggle-track{width:44px;height:26px;border-radius:13px;background:var(--m3-outline-variant);position:relative;transition:background .2s}.fb-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:var(--m3-elevation-1);transition:transform .2s}.fb-select-mock{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;font-size:.88rem;color:var(--m3-on-surface-variant);cursor:pointer}.fb-select-arrow{font-size:.7rem;opacity:.6}.fb-rating-preview{display:flex;gap:.25rem}.fb-star{font-size:1.4rem;color:#ffb800;cursor:pointer;transition:transform .15s}.fb-star:hover{transform:scale(1.2)}.fb-signature-preview{border:2px dashed var(--m3-outline);border-radius:var(--m3-shape-md);display:flex;align-items:center;justify-content:center;color:var(--m3-on-surface-variant);font-size:.9rem}.fb-signature-preview .material-symbols-rounded{background:none;box-shadow:none}.fb-color-preview{display:flex;align-items:center;gap:.6rem}.fb-color-preview input[type=color]{width:42px;height:36px;border:none;border-radius:var(--m3-shape-sm);cursor:pointer}.fb-range-preview{display:flex;align-items:center;gap:.6rem}.fb-range-preview input[type=range]{flex:1;accent-color:var(--m3-primary)}.fb-range-preview span{font-size:.75rem;color:var(--m3-on-surface-variant);min-width:24px;text-align:center}.fb-file-preview{border:2px dashed var(--m3-outline);border-radius:var(--m3-shape-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;gap:.3rem;color:var(--m3-on-surface-variant);font-size:.88rem}.fb-file-preview .material-symbols-rounded{background:none;box-shadow:none}.fb-file-preview small{font-size:.72rem;opacity:.7}.fb-heading-preview{font-weight:800;color:var(--m3-on-surface);letter-spacing:-.02em}.fb-paragraph-preview{color:var(--m3-on-surface-variant);font-size:.9rem;line-height:1.6}.fb-divider-preview{border:none;border-top:3px solid var(--m3-outline-variant);margin:.5rem 0;width:100%}.fb-spacer-preview{display:flex;align-items:center;justify-content:center;border:1px dashed var(--m3-outline-variant);border-radius:var(--m3-shape-sm);color:var(--m3-outline);font-size:.7rem}.fb-section-preview{display:flex;align-items:center;gap:.6rem}.fb-section-bar{width:4px;height:24px;border-radius:2px;flex-shrink:0}.fb-address-grid{display:grid;gap:.5rem}.fb-address-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.fb-payment-preview{border:1.5px solid var(--m3-outline);border-radius:var(--m3-shape-md);padding:1rem;text-align:center;color:var(--m3-on-surface-variant);font-size:.9rem}.fb-payment-preview .material-symbols-rounded{background:none;box-shadow:none}.fb-properties{background:#1e1e2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(187,134,252,.1);overflow-y:auto;display:flex;flex-direction:column}.fb-props-tabs{display:flex;border-bottom:1px solid rgba(187,134,252,.1);position:sticky;top:0;background:#1e1e2ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.fb-tab{flex:1;padding:.7rem;border:none;background:transparent;font-size:.8rem;font-weight:700;color:var(--m3-on-surface-variant);cursor:pointer;transition:color .2s,border-color .2s,background .2s;border-bottom:2px solid transparent}.fb-tab:hover{background:#bb86fc0d}.fb-tab.active{color:var(--m3-primary);border-bottom-color:var(--m3-primary);background:#bb86fc14}.fb-tab.disabled{opacity:.4;cursor:not-allowed}.fb-props-body{padding:.8rem;flex:1}.fb-props-section{display:grid;gap:.85rem}.fb-props-section-global{padding:.75rem;border-radius:12px;border:1px solid rgba(187,134,252,.08);background:linear-gradient(180deg,#ffffff08,#1e1e2e0d)}.fb-props-field-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(187,134,252,.15)}.fb-props-icon{font-size:1.3rem;color:var(--m3-primary)}.fb-props-icon-shell{width:1.6rem;height:1.6rem;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.fb-props-icon-placeholder{width:1.1rem;height:1.1rem;border-radius:6px;background:linear-gradient(110deg,#ffffff14 8%,#bb86fc4d 45%,#ffffff14 80%);background-size:220% 100%;animation:fb-props-icon-shimmer 1s linear infinite}@keyframes fb-props-icon-shimmer{to{background-position:-120% 0}}.fb-props-section h4{font-size:.95rem;font-weight:700;color:var(--m3-on-surface);margin:0}.fb-prop-label{display:grid;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--m3-on-surface-variant)}.fb-prop-label input[type=text],.fb-prop-label input[type=number],.fb-prop-label textarea,.fb-prop-label select,.fb-prop-select{width:100%;padding:.5rem .65rem;border:1.5px solid var(--m3-outline);border-radius:var(--m3-shape-sm);font:inherit;font-size:.85rem;outline:none;background:var(--m3-surface);color:var(--m3-on-surface);transition:border-color .2s,box-shadow .2s}.fb-prop-label input:focus,.fb-prop-label textarea:focus,.fb-prop-label select:focus{border-color:var(--m3-primary);box-shadow:0 0 0 1px var(--m3-primary),0 0 12px #bb86fc33}.fb-props-section-global .fb-prop-label input[type=text],.fb-props-section-global .fb-prop-label input[type=number],.fb-props-section-global .fb-prop-label textarea,.fb-props-section-global .fb-prop-label select,.fb-props-section-global .fb-prop-select{border:1px solid rgba(187,134,252,.18);background:linear-gradient(180deg,#2a2a3e8c,#1e1e2e73)}.fb-props-section-global .fb-prop-label input:focus,.fb-props-section-global .fb-prop-label textarea:focus,.fb-props-section-global .fb-prop-label select:focus{border-color:#bb86fc7a;box-shadow:0 0 0 1px #bb86fc38,0 0 6px #bb86fc1f}.fb-prop-label input[type=range]{width:100%;accent-color:#10b981;outline:none;-webkit-appearance:none;appearance:none;background:transparent;border:none;height:4px}.fb-prop-label input[type=range]:focus{outline:none;box-shadow:none}.fb-prop-label input[type=range]::-webkit-slider-track{background:var(--m3-outline);height:4px;border-radius:2px;border:none}.fb-prop-label input[type=range]::-moz-range-track{background:var(--m3-outline);height:4px;border-radius:2px;border:none}.fb-prop-label input[type=range]::-webkit-slider-runnable-track{background:var(--m3-outline);height:4px;border-radius:2px}.fb-prop-label input[type=range]::-moz-range-progress{background:transparent;height:4px}.fb-prop-label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer;margin-top:-6px;border:none;box-shadow:0 2px 4px #10b9814d}.fb-prop-label input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#10b981;cursor:pointer;border:none;box-shadow:0 2px 4px #10b9814d}.fb-prop-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.fb-color-input-row{display:flex;align-items:center;gap:.4rem}.fb-color-input-row input[type=color]{width:36px;height:32px;border:1px solid var(--m3-outline);border-radius:8px;cursor:pointer;padding:0;background:var(--m3-surface);overflow:hidden}.fb-props-section-global .fb-color-input-row input[type=color]{border:1px solid rgba(187,134,252,.22);background:#1e1e2e8c}.fb-color-input-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.fb-color-input-row input[type=color]::-webkit-color-swatch{border:none;border-radius:7px}.fb-color-input-row input[type=color]::-moz-color-swatch{border:none;border-radius:7px}.fb-color-text{flex:1;padding:.4rem .5rem!important;font-family:monospace;font-size:.78rem!important}.fb-prop-toggle{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--m3-on-surface)}.fb-toggle-btn{width:44px;height:26px;border-radius:13px;border:2px solid var(--m3-outline);background:var(--m3-surface-variant);padding:0;cursor:pointer;position:relative;transition:background .25s,border-color .25s,box-shadow .25s;flex-shrink:0}.fb-toggle-btn:hover{box-shadow:0 0 8px #10b9814d}.fb-toggle-btn.on{background:#10b981;border-color:#10b981;box-shadow:0 0 12px #10b98166}.fb-toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.fb-toggle-btn.on .fb-toggle-knob{transform:translate(18px)}.fb-options-editor{display:grid;gap:.4rem}.fb-option-row{display:flex;align-items:center;gap:.35rem}.fb-option-row input{flex:1;padding:.4rem .55rem;border:1px solid var(--m3-outline);border-radius:var(--m3-shape-sm);font:inherit;font-size:.82rem;outline:none;background:var(--m3-surface);color:var(--m3-on-surface);transition:border-color .2s,box-shadow .2s}.fb-option-row input:focus{border-color:var(--m3-primary);box-shadow:0 0 0 1px var(--m3-primary),0 0 8px #bb86fc33}.fb-option-remove{width:26px;height:26px;border-radius:50%;border:1px solid var(--m3-outline);background:transparent;cursor:pointer;display:grid;place-items:center;font-size:.7rem;color:var(--m3-error);transition:background .15s,box-shadow .15s}.fb-option-remove:hover{background:#cf667926;box-shadow:0 0 8px #cf66794d}.fb-prop-actions{display:grid;gap:.5rem;padding-top:.8rem;border-top:1px solid rgba(187,134,252,.15);margin-top:.5rem}.fb-props-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--m3-on-surface-variant);text-align:center;gap:.5rem}.fb-props-empty span{font-size:2rem}.fb-anim-select{display:grid;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--m3-on-surface-variant)}.fb-anim-select select{padding:.45rem;border:1.5px solid var(--m3-outline);border-radius:var(--m3-shape-sm);font:inherit;font-size:.82rem;outline:none;background:var(--m3-surface);color:var(--m3-on-surface);transition:border-color .2s,box-shadow .2s}.fb-anim-select select:focus{border-color:var(--m3-primary);box-shadow:0 0 0 1px var(--m3-primary),0 0 8px #bb86fc33}.fb-preview-wrapper{background:#1e1e2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(187,134,252,.1);overflow-y:auto;display:flex;flex-direction:column}.fb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:1px solid rgba(187,134,252,.1);position:sticky;top:0;background:#1e1e2ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.fb-preview-toolbar h4{font-size:.85rem;margin:0;color:var(--m3-on-surface)}.fb-preview-toggle{display:flex;gap:.3rem}.fb-preview-mode-btn{padding:.3rem .6rem;border:1px solid var(--m3-outline);border-radius:99px;background:transparent;cursor:pointer;font-size:.72rem;font-weight:700;color:var(--m3-on-surface-variant);transition:all .15s}.fb-preview-mode-btn:hover{background:#bb86fc1a;border-color:var(--m3-primary)}.fb-preview-mode-btn.active{background:var(--m3-primary);color:#000;border-color:var(--m3-primary);box-shadow:0 0 12px #bb86fc66}.fb-preview-container{flex:1;padding:1rem;display:flex;justify-content:center}.fb-phone-frame{width:300px;background:#1a1a1a;border-radius:36px;padding:10px;box-shadow:0 20px 60px #00000040,inset 0 0 0 2px #ffffff14}.fb-phone-notch{width:100px;height:22px;background:#1a1a1a;border-radius:0 0 16px 16px;margin:0 auto -10px;position:relative;z-index:2}.fb-phone-screen{border-radius:28px;overflow-y:auto;max-height:560px;min-height:460px}.fb-phone-home-bar{width:120px;height:5px;background:#ffffff4d;border-radius:99px;margin:8px auto 4px}.fb-desktop-frame{width:100%;max-width:500px;border-radius:var(--m3-shape-lg);border:1px solid var(--m3-outline-variant);overflow-y:auto;max-height:calc(100vh - 140px);box-shadow:var(--m3-elevation-2)}.fb-preview-form{font-size:.85rem}.fb-preview-header{padding:1.5rem 1.2rem;text-align:center}.fb-preview-header h2{font-size:1.3rem;margin:0 0 .3rem}.fb-preview-header p{font-size:.82rem;margin:0}.fb-preview-fields{padding:1rem 1.2rem 1.5rem;display:grid}.fb-preview-empty{text-align:center;color:var(--m3-on-surface-variant);padding:2rem 0}.fb-preview-submit{width:100%;padding:.7rem;border:none;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;margin-top:.5rem;transition:transform .15s,box-shadow .15s}.fb-preview-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.fb-btn-pulse{animation:fb-pulse 2s ease-in-out infinite}.fb-btn-bounce:hover{animation:fb-bounce .4s}.fb-btn-shine{position:relative;overflow:hidden}.fb-btn-shine:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:fb-shine 3s ease-in-out infinite}@keyframes fb-pulse{0%,to{box-shadow:0 0 #6750a44d}50%{box-shadow:0 0 0 8px #6750a400}}@keyframes fb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fb-shine{0%{left:-100%}50%,to{left:150%}}.sortable-ghost{opacity:.3;background:var(--m3-primary-container)!important;border:2px dashed var(--m3-primary)!important}.sortable-drag{cursor:grabbing!important;box-shadow:var(--m3-elevation-3)!important}.fb-keyboard-hint{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#1c1b1ff2;color:#fff;padding:.6rem 1rem;border-radius:99px;font-size:.75rem;font-weight:600;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 4px 16px #0000004d}.fb-keyboard-hint.show{opacity:1}.fb-canvas-field:focus{outline:2px solid var(--m3-primary);outline-offset:2px}.fb-palette-item:focus{outline:2px solid var(--m3-primary);outline-offset:2px}.fb-skip-link{position:absolute;top:-40px;left:0;background:var(--m3-primary);color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:0 0 var(--m3-shape-sm) 0;z-index:10000}.fb-skip-link:focus{top:0}@media(max-width:1200px){.fb-layout{grid-template-columns:220px 1fr 260px}.fb-layout.preview-open{grid-template-columns:200px 1fr 240px 320px}}@media(max-width:900px){.fb-layout{grid-template-columns:1fr;height:auto}.fb-layout.preview-open{grid-template-columns:1fr}.fb-palette{position:fixed;bottom:0;left:0;right:0;height:auto;max-height:40vh;border-right:none;border-top:2px solid var(--m3-outline-variant);z-index:100;box-shadow:0 -4px 20px #00000026;display:block}.fb-palette-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.fb-palette-item{min-height:80px;padding:.5rem .2rem;font-size:.7rem}.fb-palette-icon{width:32px;height:32px;font-size:18px}.fb-canvas{min-height:60vh;padding-bottom:45vh}.fb-canvas-paper{max-width:100%}.fb-properties{position:fixed;top:0;right:-100%;width:90%;max-width:320px;height:100vh;z-index:200;transition:right .3s ease;box-shadow:-4px 0 20px #0003}.fb-properties.open{right:0}.fb-field-drag-handle{padding:10px;left:.2rem}.fb-canvas-field{padding:1.2rem 1rem 1.2rem 2.5rem;min-height:60px}.btn{min-height:44px;padding:.7rem 1.2rem}}@media(max-width:600px){.fb-header{flex-wrap:wrap;gap:.5rem}.fb-header-left,.fb-header-right{flex-wrap:wrap}.fb-title-input{max-width:100%;font-size:1rem}.fb-canvas-header{padding:1.5rem 1rem}.fb-canvas-header-title{font-size:1.5rem}.fb-canvas-dropzone{padding:1rem}}.fss-root{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(135deg,#1a0f2e,#2d1b4e 25%,#0f1419 75%,#000)}.fss-container{max-width:820px;width:100%}.fss-header{text-align:center;margin-bottom:2rem}.fss-header h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 .4rem}.fss-header p{color:#94a3b8;font-size:1rem;margin:0}.fss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.fss-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:.6rem;border:1.5px solid rgba(102,126,234,.3);border-radius:20px;background:linear-gradient(135deg,#1a0f2e99,#0f141999);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #0000004d}.fss-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 30px #667eea4d}.fss-icon{font-size:2.2rem;color:#fff}.fss-card h3{font-size:1.05rem;font-weight:700;margin:0;color:#fff}.fss-card p{font-size:.82rem;color:#94a3b8;margin:0;line-height:1.4}.fss-preview-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:99px;background:#667eea26;color:#6750a4;font-weight:600;margin-top:.3rem}@media(max-width:600px){.fss-grid{grid-template-columns:1fr}}.modern-dashboard{background:linear-gradient(135deg,#1a0f2e,#2d1b4e 25%,#0f1419 75%,#000);min-height:100vh}.modern-content{padding:0;max-width:1400px;margin:0 auto}.top-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#1a0f2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);gap:2rem}.header-search{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.65rem 1rem;flex:1;max-width:400px}.search-icon{color:#94a3b8;font-size:1.2rem}.search-input{background:transparent;border:none;outline:none;color:#fff;font-size:.9rem;flex:1}.search-input::placeholder{color:#94a3b8}.header-actions{display:flex;align-items:center;gap:1rem}.header-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.header-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.header-btn .material-symbols-rounded{font-size:1.3rem}.user-profile{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem 1rem;cursor:pointer;transition:all .3s}.user-profile:hover{background:#ffffff1a}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.user-name{color:#fff;font-weight:600;font-size:.9rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1.5rem;padding:2rem 2rem 0}.welcome-section{flex:1}.welcome-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 .4rem;text-shadow:0 2px 10px rgba(0,0,0,.1);letter-spacing:-.02em}.welcome-subtitle{font-size:1rem;color:#fffc;margin:0}.btn-create-form{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;background:linear-gradient(135deg,#fff,#f0f0f0);color:#667eea;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-create-form:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:0 2rem}.stat-card-modern{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 32px #0000001a}.stat-card-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.stat-card-modern:hover:before{left:100%}.stat-card-modern:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #0003;border-color:#fff6}.stat-icon{font-size:1.8rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-content{flex:1}.stat-label{font-size:.75rem;font-weight:600;color:#ffffffe6;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.8rem;font-weight:800;color:#fff;margin:0;font-family:Space Grotesk,sans-serif;line-height:1}.stat-value-date{font-size:.95rem;font-weight:700;color:#fff;margin:0}.stat-trend{display:flex;align-items:center;gap:.5rem}.trend-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:99px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trend-badge.positive{background:#10b9814d;color:#fff;border:1px solid rgba(16,185,129,.5)}.trend-badge.neutral{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.stat-card-modern.published{background:linear-gradient(135deg,#6366f14d,#8b5cf64d)}.stat-card-modern.total{background:linear-gradient(135deg,#10b9814d,#0596694d)}.stat-card-modern.responses{background:linear-gradient(135deg,#ec48994d,#db27774d)}.stat-card-modern.member{background:linear-gradient(135deg,#fb923c4d,#f973164d)}.quick-actions-section{margin-top:3rem;padding:0 2rem 2rem}.section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.action-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;text-decoration:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 20px #0000001a}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0003;border-color:#fff6;background:#fff3}.action-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:12px}.action-card h3{font-size:1.1rem;font-weight:700;margin:0;color:#fff}.action-card p{font-size:.85rem;color:#fffc;margin:0}.modern-dashboard .sidebar{background:linear-gradient(180deg,#1a0f2e,#0f1419);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid #2d3748}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;text-decoration:none;color:#fff;font-weight:600;transition:all .3s;margin-bottom:.5rem}.nav-link:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.nav-link.active{background:#667eea26;color:#fff;box-shadow:0 4px 15px #667eea33}.nav-icon{font-size:1.2rem}@media(max-width:1024px){.stats-grid-modern{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;align-items:flex-start}.btn-create-form{width:100%;justify-content:center}}@media(max-width:640px){.modern-content{padding:1rem}.stats-grid-modern{grid-template-columns:1fr}.welcome-title{font-size:1.5rem}.stat-value{font-size:2rem}.quick-actions-grid{grid-template-columns:1fr}}.blog-root{max-width:1080px;margin:0 auto;padding:1.25rem 1rem 2.5rem;display:grid;gap:1rem}.blog-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem}.blog-nav .brand{font-size:1rem}.blog-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{display:grid;gap:.55rem;padding:1rem}.blog-card-tag{width:fit-content;border-radius:999px;border:1px solid rgba(8,145,178,.3);background:#0891b21a;color:var(--accent-strong);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.22rem .58rem}.blog-card h2{font-size:1.14rem;line-height:1.22}.blog-card p{color:var(--muted);line-height:1.58}.blog-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:var(--muted);font-size:.82rem}.blog-author{display:inline-flex;align-items:center;gap:.45rem}.blog-avatar{width:26px;height:26px;border-radius:999px;display:inline-grid;place-items:center;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(140deg,#0891b2,#f97316)}.blog-action{width:fit-content;margin-top:.2rem}.blog-article{max-width:860px;margin:0 auto;display:grid;gap:1rem}.blog-article-head{display:grid;gap:.55rem;padding:1.2rem}.blog-article-head h1{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.08}.blog-article-head p{color:var(--muted);font-size:1rem}.blog-article-body{display:grid;gap:.8rem;padding:1.2rem}.blog-article-body p{color:#1f3c53;line-height:1.75;font-size:1rem}.blog-not-found{text-align:center;padding:2rem 1rem;display:grid;gap:.8rem}.blog-list-actions{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.4rem;flex-wrap:wrap}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.blog-nav{flex-wrap:wrap;justify-content:center}.blog-grid{grid-template-columns:1fr}.blog-article-head,.blog-article-body{padding:.95rem}}.public-root{min-height:100vh;padding:1.4rem 1rem;display:grid;place-items:start center;background:var(--public-page-bg, transparent)}.public-card{width:min(690px,100%);padding:1.2rem}.public-card-themed{border-radius:var(--public-radius, 16px);border:1px solid var(--public-outline-soft, rgba(16, 42, 67, .12));background:var(--public-card-bg, #fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--public-font, "Manrope", sans-serif)}.state-box{text-align:center;padding:1.2rem .3rem;display:grid;gap:.5rem}.public-form{display:grid;gap:1rem}.public-form-header{text-align:var(--public-header-align, center);margin-bottom:.2rem;display:grid;gap:.3rem;padding:1rem 1rem 1.05rem;border-radius:var(--public-radius, 16px);background:var(--public-header-gradient, linear-gradient(135deg, #0891b2, #0e7490));color:var(--public-header-text, #fff);box-shadow:0 10px 22px var(--public-outline-soft, rgba(16, 42, 67, .12))}.public-form-header h1{color:var(--public-header-text, #fff)}.public-form-header p{color:var(--public-header-subtext, rgba(255, 255, 255, .86))}.public-step-meta{margin-top:.2rem;font-size:.78rem;font-weight:700;letter-spacing:.01em;color:var(--public-header-subtext, rgba(255, 255, 255, .86))}.public-fields{display:grid;gap:var(--public-field-gap, 14px)}.public-fields-paged{min-height:148px}.public-field span,.public-checkbox-row span{font-weight:700;font-size:.9rem}.public-field input,.public-field textarea{width:100%;border-radius:var(--public-radius, 12px);border:1px solid var(--public-outline, rgba(16, 42, 67, .25));background:#fff;padding:.7rem .8rem;color:var(--text);outline:none}.public-field input:focus,.public-field textarea:focus{border-color:var(--public-focus, rgba(8, 145, 178, .55));box-shadow:0 0 0 3px var(--public-focus-ring, rgba(8, 145, 178, .14))}.public-field textarea{min-height:120px}.public-checkbox-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .1rem}.public-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--public-focus, #0891b2)}.public-submit{border-radius:var(--public-radius, 12px);background:var(--public-submit-gradient, linear-gradient(135deg, var(--accent), var(--accent-strong)));border:none;box-shadow:0 8px 18px var(--public-focus-ring, rgba(8, 145, 178, .18))}.public-submit:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.06) brightness(1.03)}.public-form-actions{display:flex;align-items:center;gap:.6rem}.public-form-actions .public-submit{flex:1;width:auto}.public-back-btn{min-width:92px}.public-step-error{margin:0;font-size:.85rem;font-weight:700;color:#b42318}.public-footer{margin-top:1rem;color:var(--public-footer-text, rgba(16, 42, 67, .64));text-align:center;font-size:.83rem;font-family:var(--public-font, "Manrope", sans-serif)}.public-footer a{color:var(--public-focus, var(--accent-strong));font-weight:700}@media(max-width:768px){.public-card,.public-form-header{padding:.9rem}.public-form-actions{flex-wrap:wrap}.public-back-btn,.public-form-actions .public-submit{width:100%}}.public-form-classic .public-form-header{margin-bottom:.35rem}.public-form-classic .public-fields{gap:var(--public-field-gap, 14px)}.public-form-slide .public-form-header{position:relative}.public-form-slide .public-form-header:after{content:"";display:block;margin-top:.65rem;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--public-focus, #0891b2),var(--public-progress-tail, rgba(255, 255, 255, .72)));opacity:.75}.public-form-chat{background:linear-gradient(180deg,#ffffff38,#ffffff1a),repeating-linear-gradient(45deg,#ffffff29 0 12px,#ffffff1c 12px 24px),#e5ddd5;padding:1rem;border-radius:var(--public-radius, 12px);min-height:500px;max-height:80vh;display:flex;flex-direction:column}.public-form-chat .public-form-header{background:#075e54;color:#fff;padding:1rem 1.25rem;border-radius:8px 8px 0 0;margin:-1rem -1rem 0;flex-shrink:0}.public-form-chat .public-form-header h1{color:#fff;font-size:1.15rem;margin:0;font-weight:600}.public-form-chat .public-form-header p{color:#ffffffe6;font-size:.85rem;margin:.25rem 0 0}.public-form-chat .public-step-meta{color:#fffc;font-size:.75rem;margin-top:.5rem}.public-form-chat .public-fields{flex:1;overflow-y:auto;padding:1rem .35rem .65rem;gap:.9rem;display:flex;flex-direction:column}.public-form-chat .public-fields::-webkit-scrollbar{width:6px}.public-form-chat .public-fields::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.public-form-chat .public-field{display:flex;flex-direction:column;gap:.55rem;animation:slideInChat .3s ease-out}@keyframes slideInChat{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.public-form-chat .public-chat-question{background:#fff;padding:.65rem 1rem;border-radius:0 8px 8px;box-shadow:0 1px .5px #00000021;max-width:88%;align-self:flex-start;font-weight:500;font-size:.95rem;color:#303030;position:relative;word-wrap:break-word}.public-form-chat .public-chat-message-field{gap:.6rem}.public-form-chat .public-chat-composer-input{background:#fff;border:1px solid #d2dbe2;border-radius:16px;padding:.82rem 1rem;box-shadow:inset 0 1px #fffc,0 2px 6px #091e4214;align-self:stretch;width:100%;max-width:none;min-width:0;font-size:.95rem;color:#303030}.public-form-chat .public-chat-composer-input[type=text],.public-form-chat .public-chat-composer-input[type=email],.public-form-chat .public-chat-composer-input[type=number]{min-height:46px}.public-form-chat textarea.public-chat-composer-input{min-height:100px;resize:vertical}.public-form-chat .public-chat-composer-input::placeholder{color:#667781}.public-form-chat .public-chat-composer-input:focus{outline:none;border-color:#86cbb1;box-shadow:0 0 0 3px #25d36629,0 3px 10px #091e4214}.public-form-chat .public-chat-checkbox-row{background:#fff;padding:.75rem 1rem;border-radius:0 8px 8px;box-shadow:0 1px .5px #00000021;max-width:80%;align-self:flex-start;border:none;display:flex;align-items:center;gap:.75rem;animation:slideInChat .3s ease-out}.public-form-chat .public-chat-checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:#25d366;flex-shrink:0}.public-form-chat .public-form-actions{margin-top:auto;padding:.38rem;border-radius:18px;border:1px solid #ced7dd;background:#fffffff5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:.38rem}.public-form-chat .public-form-actions .public-back-btn{border:none;min-width:auto;border-radius:12px;padding:.7rem .8rem;background:#f1f4f6;box-shadow:inset 0 1px #ffffffd9}.public-form-chat .public-form-actions .public-submit{margin-left:auto;width:46px;height:46px;flex:0 0 46px;padding:0;border-radius:999px;background:#25d366;box-shadow:0 3px 8px #25d3664d;display:inline-flex;align-items:center;justify-content:center;color:transparent;font-size:0}.public-form-chat .public-form-actions .public-submit:before{content:"arrow_forward";font-family:Material Symbols Rounded;font-size:22px;font-weight:400;color:#fff;line-height:1}.public-form-chat .public-form-actions .public-submit[data-action=submit]:before{content:"send"}.public-form-chat .public-form-actions .public-submit:hover:not(:disabled){background:#20ba5a;transform:translateY(-1px) scale(1.02)}.public-form-chat .public-form-actions .public-submit:active:not(:disabled){transform:scale(.98)}.public-form-chat .public-form-actions .public-submit:disabled{background:#a0a0a0;cursor:not-allowed;transform:none;opacity:.6}@media(max-width:768px){.public-form-chat{min-height:400px;max-height:70vh}.public-form-chat .public-chat-question,.public-form-chat .public-chat-checkbox-row{max-width:92%}.public-form-chat .public-chat-composer-input{font-size:16px}}.public-form-card .public-field,.public-form-card .public-checkbox-row{background:linear-gradient(180deg,var(--public-card-bg, #fff),var(--public-card-tint, rgba(8, 145, 178, .08)));border:1px solid var(--public-outline-soft, rgba(16, 42, 67, .14));border-radius:calc(var(--public-radius, 12px) + 2px);padding:.75rem}.public-form-card .public-form-header{box-shadow:0 14px 28px var(--public-outline-soft, rgba(16, 42, 67, .14))}.public-form-stepped .public-form-header{position:relative}.public-form-stepped .public-form-header:after{content:"";display:block;margin-top:.65rem;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--public-focus, #0891b2),var(--public-progress-tail, rgba(255, 255, 255, .72)));opacity:.75}.public-form-stepped .public-fields-paged{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(max-width:640px){.public-form-stepped .public-fields-paged{grid-template-columns:1fr}}.published-forms-page{background:#0f1419;min-height:100vh}.published-content{max-width:1400px;margin:0 auto;padding:2rem}.published-page-header{margin-bottom:2rem}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:#1a2332;border:1px solid #2d3748;border-radius:12px;color:#e2e8f0;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s}.btn-back:hover{background:#2d3748;border-color:#4a5568;transform:translate(-4px)}.back-icon{font-size:1.2rem}.btn-create-new{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 4px 15px #667eea4d;transition:all .3s}.btn-create-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-icon{font-size:1.2rem;font-weight:700}.header-title-section{text-align:left}.page-title{font-size:2rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.page-subtitle{font-size:1rem;color:#94a3b8;margin:0}.published-main{min-height:400px}.loading-text{text-align:center;color:#94a3b8;font-size:1.1rem;padding:3rem}.error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem 1.5rem;color:#fca5a5}.published-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #334155;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 4px 20px #0000004d;transition:all .3s}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0006;border-color:#475569}.stat-number{font-size:2rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:center}.published-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.form-card-modern{background:linear-gradient(135deg,#1e293b,#2d3748);border:1px solid #334155;border-radius:16px;padding:1rem;box-shadow:0 4px 20px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden;max-width:400px}.form-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s}.form-card-modern:hover:before{opacity:1}.form-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000080;border-color:#475569}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-title-row{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.card-title{font-size:1rem;font-weight:700;color:#fff;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:.25rem .6rem;border-radius:99px;width:fit-content}.card-response-badge{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;padding:.5rem .9rem;border-radius:12px;flex-shrink:0;box-shadow:0 2px 10px #667eea4d}.badge-icon{font-size:1rem}.badge-count{font-size:1rem;font-weight:700;color:#fff}.card-description{font-size:.8rem;color:#94a3b8;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-url-section{display:flex;align-items:center;gap:.6rem;background:#0f1419;border:1px solid #2d3748;border-radius:10px;padding:.65rem .85rem}.url-container{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.url-icon{font-size:1.1rem;flex-shrink:0}.url-code{font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;color:#667eea;background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy-modern{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.5rem .75rem;font-size:1rem;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-copy-modern:hover{background:#2d3748;border-color:#475569;transform:scale(1.05)}.card-actions{display:flex;align-items:center;gap:.6rem;padding-top:.6rem;border-top:1px solid #2d3748}.action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:10px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;flex:1;justify-content:center}.action-btn span{font-size:1rem}.action-btn.secondary{background:#1e293b;border:1px solid #334155;color:#e2e8f0}.action-btn.secondary:hover{background:#2d3748;border-color:#475569;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;color:#fff;box-shadow:0 2px 10px #667eea4d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#1e293b,#2d3748);border:1px solid #334155;border-radius:20px;margin-top:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.empty-state p{font-size:1rem;color:#94a3b8;margin:0 0 1.5rem}.btn-empty-action{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 4px 15px #667eea4d;transition:all .3s}.btn-empty-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media(max-width:1024px){.published-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.published-content{padding:1rem}.header-top{flex-direction:column;align-items:stretch;gap:1rem}.btn-create-new{width:100%;justify-content:center}.page-title{font-size:1.5rem}.published-stats{grid-template-columns:1fr}.card-header{flex-direction:column}.card-response-badge{align-self:flex-start}.card-actions{flex-direction:column}.action-btn{width:100%}.card-url-section{flex-direction:column;align-items:stretch}.btn-copy-modern{width:100%}}.responses-page{min-height:100vh;background:linear-gradient(180deg,#f6f2fa,#fffbfe)}.responses-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.loading-text{text-align:center;color:#6b7280;font-size:1rem;padding:3rem}.error-box{background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;padding:1.5rem;color:#991b1b;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state .material-symbols-rounded{font-size:4rem;opacity:.3;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.empty-state p{font-size:1rem;margin:0}.responses-container{display:flex;flex-direction:column;gap:1.5rem}.responses-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.responses-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.download-buttons{display:flex;gap:.75rem}.btn-download{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-download:active{transform:translateY(0)}.btn-download .material-symbols-rounded{font-size:1.2rem}.responses-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 250px);overflow-y:auto;padding-right:.5rem}.responses-list::-webkit-scrollbar{width:8px}.responses-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.responses-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.responses-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.response-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s,transform .2s}.response-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.response-card-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #f3f4f6}.response-number{font-size:.9rem;font-weight:700;color:#6366f1;background:#eef2ff;padding:.25rem .75rem;border-radius:99px}.response-date{font-size:.85rem;color:#6b7280;flex:1}.response-source{font-size:.75rem;font-weight:600;color:#10b981;background:#d1fae5;padding:.25rem .75rem;border-radius:99px;text-transform:uppercase}.response-data{display:grid;gap:1rem}.response-field{display:grid;gap:.4rem}.response-field-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.response-field-value{font-size:.95rem;color:#1f2937;background:#f9fafb;padding:.75rem 1rem;border-radius:8px;border:1px solid #e5e7eb;word-break:break-word;white-space:pre-wrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media(max-width:768px){.responses-main{padding:1rem}.responses-header{flex-direction:column;align-items:flex-start;gap:1rem}.download-buttons{width:100%;flex-direction:row}.btn-download{flex:1;justify-content:center;font-size:.85rem;padding:.5rem 1rem}.response-card{padding:1rem}.response-card-header{flex-wrap:wrap;gap:.5rem}.responses-list{max-height:calc(100vh - 300px)}}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";visibility:hidden}html.material-symbols-ready .material-symbols-rounded{visibility:visible}:root{--bg: #f2f7fb;--surface: #ffffff;--surface-soft: #f7fbff;--text: #102a43;--muted: #486581;--border: rgba(16, 42, 67, .12);--accent: #0891b2;--accent-strong: #0e7490;--accent-soft: rgba(8, 145, 178, .15);--danger: #c2410c;--success: #0f766e;--radius: 16px;--radius-sm: 12px;--shadow: 0 16px 35px rgba(16, 42, 67, .1);--outline: 1px solid rgba(8, 145, 178, .22)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(8,145,178,.2),transparent 32%),radial-gradient(circle at 85% 80%,rgba(249,115,22,.15),transparent 28%),linear-gradient(180deg,#f8fbff,var(--bg))}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}input,textarea,button{font:inherit}button{cursor:pointer}.glass{border:var(--outline);background:linear-gradient(180deg,#fffffff7,#ffffffe6);box-shadow:var(--shadow);border-radius:var(--radius)}.muted{color:var(--muted)}.error-text{color:#b91c1c;font-size:.9rem}.required{color:#b91c1c}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:.01em}.brand-dot{width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg,#0891b2,#f97316);box-shadow:0 4px 10px #0891b259}.btn{border:1px solid transparent;border-radius:12px;padding:.62rem 1rem;font-weight:600;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.solid{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.btn.solid:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn.ghost{color:var(--text);background:#ffffffbf;border-color:var(--border)}.btn.ghost:hover:not(:disabled){border-color:#0891b280;background:#fffffff2}.btn.danger{color:var(--danger);border-color:#c2410c4d;background:#ffedd58c}.btn.large{padding:.85rem 1.4rem}.btn.full{width:100%}.landing-root{padding:1.1rem 1rem 2rem;max-width:1150px;margin:0 auto}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem}.nav-actions{display:inline-flex;gap:.6rem}.hero.grid-splash{margin-top:1rem;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.hero-copy,.hero-cards{padding:1.4rem;border:var(--outline);border-radius:var(--radius);background:linear-gradient(180deg,#fffffff2,#fafdffeb)}.hero-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.55rem 0 .8rem}.hero-copy p{color:var(--muted);max-width:62ch}.eyebrow{font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}.hero-actions{margin-top:1.2rem;display:flex;gap:.65rem;flex-wrap:wrap}.hero-cards{display:grid;gap:.7rem}.feature-card{padding:1rem}.feature-card h3{margin-bottom:.4rem;font-size:1rem}.feature-card p{color:var(--muted);font-size:.92rem}.landing-saas{position:relative;isolation:isolate;max-width:1240px;padding:1.2rem 1rem 3.5rem;display:grid;gap:1rem}.landing-saas:before,.landing-saas:after{content:"";position:absolute;border-radius:999px;filter:blur(24px);opacity:.55;z-index:-1}.landing-saas:before{width:320px;height:320px;background:radial-gradient(circle,rgba(14,116,144,.32),transparent 70%);top:42px;right:-60px}.landing-saas:after{width:270px;height:270px;background:radial-gradient(circle,rgba(249,115,22,.26),transparent 70%);left:-56px;bottom:90px}.landing-nav-saas{position:sticky;top:.7rem;z-index:12;padding:.85rem 1rem;border:1px solid rgba(16,42,67,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-links{display:inline-flex;align-items:center;gap:.7rem}.landing-links a{border-radius:999px;padding:.35rem .72rem;color:var(--muted);font-weight:600;font-size:.86rem;transition:.2s ease}.landing-links a:hover{color:var(--text);background:#0891b21f}.saas-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem}.saas-hero-copy{border:1px solid rgba(16,42,67,.12);border-radius:24px;padding:1.5rem;background:radial-gradient(circle at 86% 8%,rgba(8,145,178,.2),transparent 34%),linear-gradient(180deg,#fffffff7,#f7fbfff5)}.saas-hero-copy h1{margin-top:.55rem;margin-bottom:.75rem;font-size:clamp(2rem,4.1vw,3.35rem);line-height:1.01}.saas-hero-copy p{color:var(--muted);max-width:62ch}.saas-hero-points{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.saas-hero-points span{border-radius:999px;border:1px solid rgba(8,145,178,.3);background:#ffffffdb;color:var(--accent-strong);font-size:.8rem;font-weight:700;letter-spacing:.01em;padding:.35rem .7rem}.saas-command-card{padding:1rem;display:grid;gap:.75rem;border-radius:22px}.saas-command-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.saas-command-head strong{font-family:Space Grotesk,sans-serif;font-size:1.02rem}.saas-command-head span{color:var(--muted);font-size:.8rem;font-weight:600}.saas-flow-stack{display:grid;gap:.5rem}.saas-flow-stack article{border:1px solid rgba(16,42,67,.12);border-radius:12px;padding:.72rem .75rem;background:#ffffffd9}.saas-flow-stack h4{font-size:.92rem;margin-bottom:.2rem}.saas-flow-stack p{color:var(--muted);font-size:.8rem}.saas-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.saas-metric-card{border-radius:12px;border:1px solid rgba(8,145,178,.2);background:linear-gradient(180deg,#ffffffe6,#f6fcffeb);padding:.7rem;display:grid;gap:.18rem}.saas-metric-card strong{font-size:1.15rem;font-family:Space Grotesk,sans-serif}.saas-metric-card span{font-weight:700;font-size:.79rem}.saas-metric-card small{color:var(--muted);font-size:.72rem}.saas-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.saas-feature-card{padding:1rem;border-radius:18px;border:1px solid rgba(16,42,67,.12);display:grid;gap:.45rem}.saas-feature-tag{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong)}.saas-feature-card h3{font-size:1.08rem}.saas-feature-card p{color:var(--muted);font-size:.92rem}.saas-workflow{padding:1.2rem;border-radius:22px;border:1px solid rgba(16,42,67,.12);background:radial-gradient(circle at 8% 10%,rgba(8,145,178,.16),transparent 26%),linear-gradient(180deg,#fffffff7,#f9fcfff2);display:grid;gap:.9rem}.saas-workflow-head h2{margin-top:.4rem;font-size:clamp(1.4rem,2.6vw,2.2rem)}.saas-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.saas-step{border:1px solid rgba(16,42,67,.14);border-radius:14px;background:#ffffffd6;padding:.82rem;display:grid;gap:.34rem}.saas-step span{width:fit-content;border-radius:999px;padding:.16rem .5rem;font-size:.72rem;font-weight:800;letter-spacing:.07em;color:var(--accent-strong);background:#0891b21f}.saas-step h4{font-size:.97rem}.saas-step p{color:var(--muted);font-size:.84rem}.saas-style-zone{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:.8rem}.saas-style-intro{border:1px solid rgba(16,42,67,.14);border-radius:20px;padding:1rem;background:linear-gradient(180deg,#fffffff5,#f8fbfff2);display:grid;gap:.44rem}.saas-style-intro h2{font-size:clamp(1.35rem,2.4vw,1.95rem)}.saas-style-intro p{color:var(--muted)}.saas-style-list{border-radius:20px;padding:.8rem;display:grid;gap:.55rem}.saas-style-item{border-radius:12px;border:1px solid rgba(16,42,67,.12);padding:.7rem .74rem;background:#ffffffdb;display:grid;gap:.2rem}.saas-style-item strong{font-size:.95rem}.saas-style-item span{color:var(--muted);font-size:.82rem}.saas-cta{border-radius:24px;border:1px solid rgba(16,42,67,.14);padding:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:radial-gradient(circle at 88% 24%,rgba(8,145,178,.2),transparent 32%),linear-gradient(140deg,#fffffff5,#f6fbfff5)}.saas-cta h2{margin:.4rem 0 .35rem;font-size:clamp(1.35rem,2.8vw,2rem)}.saas-cta p{color:var(--muted)}.saas-cta-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.auth-root{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(460px,100%);padding:1.3rem}.auth-brand{margin-bottom:.8rem}.auth-card h1{font-size:1.7rem;margin-bottom:.4rem}.auth-form{margin-top:1rem;display:grid;gap:.8rem}.auth-form label,.inspector label{display:grid;gap:.4rem}.auth-form input,.inspector input,.inspector textarea,.title-input,.canvas-title-input,.canvas-description-input,.path-row input{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:.7rem .8rem;color:var(--text);outline:none}.auth-form input:focus,.inspector input:focus,.inspector textarea:focus,.title-input:focus,.canvas-title-input:focus,.canvas-description-input:focus,.path-row input:focus{border-color:#0891b28c;box-shadow:0 0 0 4px #0891b224}.divider{margin:1rem 0 .8rem;display:flex;align-items:center;gap:.8rem;color:var(--muted)}.divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(16,42,67,.2),transparent)}.switch-row{margin-top:1rem;color:var(--muted)}.link-btn{border:0;background:transparent;color:var(--accent-strong);font-weight:700;padding:0}.app-root{min-height:100vh;padding:1rem;display:grid;grid-template-columns:250px 1fr;gap:1rem}.sidebar{padding:1rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(180deg,#1a0f2e,#0f1419);border-right:1px solid #2d3748}.sidebar .brand{color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem}.sidebar nav{display:grid;gap:.45rem}.sidebar nav a{color:#fff;font-weight:600;padding:.55rem .7rem;border-radius:10px;text-decoration:none;transition:all .3s}.sidebar nav a:hover{background:#ffffff0d;color:#fff}.sidebar nav a.active{background:#667eea26;color:#fff}.content{display:grid;gap:1rem}.top-strip,.panel{padding:1rem}.top-strip{display:flex;justify-content:space-between;align-items:center;gap:1rem}.top-strip h1{margin-bottom:.2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.stat-card{padding:.9rem;text-decoration:none;color:inherit}.stat-card.clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card.clickable:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s}.stat-card.clickable:hover:before{left:100%}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f133;border-color:#6366f1}.stat-card.clickable strong{color:#6366f1}.stat-card p{color:var(--muted);margin-bottom:.55rem;font-size:.9rem}.stat-card strong{font-family:Space Grotesk,sans-serif;font-size:1.6rem}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;margin-top:.8rem}.form-card{padding:.85rem}.form-head{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.form-head h3{font-size:1.05rem;line-height:1.2}.pill{border-radius:999px;font-size:.75rem;padding:.2rem .55rem;text-transform:capitalize;border:1px solid var(--border)}.pill.published{color:var(--success);border-color:#0f766e59;background:#ccfbf1d9}.pill.draft{color:#b45309;border-color:#b453094d;background:#fef3c7cc}.form-meta{margin:.75rem 0;color:var(--muted);display:flex;justify-content:space-between;font-size:.86rem}.row-actions{display:flex;gap:.5rem}.api-box{margin-top:.9rem;border-radius:12px;border:1px dashed rgba(8,145,178,.42);background:var(--surface-soft);padding:.9rem;display:flex;gap:.7rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.api-box code{font-family:Space Grotesk,monospace;font-size:.9rem}.docs-card{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem}.docs-card h3{margin-bottom:.6rem}.docs-card ol{margin:0;padding-left:1.1rem;color:var(--muted);display:grid;gap:.35rem}.builder-root{min-height:100vh;padding:1rem;display:grid;gap:1rem}.builder-header{display:flex;justify-content:space-between;align-items:center;gap:.9rem;padding:.8rem}.builder-header-left,.builder-header-right{display:flex;align-items:center;gap:.7rem}.title-input{max-width:300px;font-size:1rem;font-weight:700}.avatar{width:33px;height:33px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#0891b2,#f97316);color:#fff;font-weight:700}.publish-box{padding:.8rem 1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.publish-box p{font-weight:700}.publish-box a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.builder-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:1rem;align-items:start}.palette,.canvas,.inspector{padding:.9rem}.palette h3,.inspector h3{margin-bottom:.8rem}.palette-item{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;padding:.65rem .7rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.palette-item small{color:var(--muted)}.canvas-header{display:grid;gap:.55rem;margin-bottom:.8rem}.canvas-title-input{font-weight:700;font-size:1.2rem}.canvas-description-input{min-height:72px}.canvas-zone{min-height:360px;border:1px dashed rgba(8,145,178,.35);border-radius:12px;padding:.85rem;background:#f8fcffe6;display:grid;gap:.6rem}.canvas-zone.drag-over{border-color:var(--accent);box-shadow:inset 0 0 0 2px #0891b226}.canvas-field{border:1px solid var(--border);border-radius:12px;background:#fff;padding:.7rem;display:grid;grid-template-columns:auto 1fr;gap:.7rem}.canvas-field.active{border-color:#0891b299;box-shadow:0 0 0 4px #0891b221}.drag-handle-btn{border:1px solid var(--border);background:#f8fafc;border-radius:8px;width:34px;height:34px;font-weight:700}.field-body{display:grid;gap:.45rem}.field-body label{font-size:.9rem;font-weight:700}.field-body input,.field-body textarea{border-radius:10px;border:1px solid var(--border);background:#fff;padding:.6rem .7rem}.checkbox-row{display:flex;align-items:center;gap:.5rem}.path-row{display:flex;align-items:center;gap:.45rem}.path-row small{color:var(--muted)}.check-toggle{margin:.3rem 0 .8rem;display:flex;align-items:center;gap:.55rem}.drag-overlay{padding:.6rem .8rem;border-radius:10px;background:#fff;border:1px solid var(--accent-soft);box-shadow:var(--shadow);font-weight:700}@media(max-width:1024px){.hero.grid-splash{grid-template-columns:1fr}.landing-nav-saas{position:static}.saas-hero{grid-template-columns:1fr}.saas-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-style-zone{grid-template-columns:1fr}.saas-cta{flex-direction:column;align-items:flex-start}.saas-cta-actions{width:100%;justify-content:flex-start}.app-root{grid-template-columns:1fr}.sidebar{position:static}.builder-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-links{width:100%;justify-content:center;order:3;padding-top:.4rem}.landing-nav-saas{flex-wrap:wrap;gap:.55rem;justify-content:center}.landing-nav-saas .brand,.landing-nav-saas .nav-actions{width:100%;justify-content:center}.saas-hero-copy,.saas-command-card,.saas-workflow,.saas-cta{padding:.95rem}.saas-feature-grid,.saas-workflow-steps,.saas-metrics{grid-template-columns:1fr}.saas-hero-points{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}.fb-publish-toast{position:fixed;top:5rem;left:50%;transform:translate(-50%);z-index:1000;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-width:500px;max-width:600px}.fb-publish-content{display:flex;align-items:center;gap:.75rem;flex:1}.fb-publish-icon{width:32px;height:32px;border-radius:50%;background:#10b981;color:#fff;display:grid;place-items:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.fb-publish-text{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.fb-publish-text strong{font-size:.9rem;color:var(--text)}.fb-publish-url{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-publish-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn.small{padding:.4rem .75rem;font-size:.85rem}