@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;700&family=Figtree:wght@400;500;700&family=Inter:wght@400;500;600;700&family=Lato:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Lora:wght@400;500;700&family=Manrope:wght@400;500;600;700;800&family=Merriweather:wght@400;700&family=Montserrat:wght@400;500;600;700&family=Nunito:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Outfit:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=PT+Serif:wght@400;700&family=Roboto:wght@400;500;700&family=Rubik:wght@400;500;700&family=Source+Sans+3:wght@400;600;700&family=Space+Grotesk:wght@400;500;700&family=Urbanist:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap";:root{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffeb;background:#080a0c;--bg-primary: #080A0C;--bg-secondary: #0C1014;--bg-tertiary: #141A1E;--bg-hover: #1C2228;--bg-input: #0C1014;--border: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .08);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .55);--accent: #6890B0;--accent-hover: #8AB4D4;--accent-subtle: rgba(104, 144, 176, .15);--success: #22c55e;--success-bg: rgba(34, 197, 94, .15);--success-text: #4ade80;--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-border: rgba(239, 68, 68, .3);--error-text: #fca5a5;--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-text: #fbbf24;--danger-bg: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .25);--shadow: 0 24px 48px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0}input,textarea,select{background:var(--bg-input);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 2px #6890b033}input[type=color]{appearance:none;-webkit-appearance:none;border:1px solid var(--border);border-radius:6px;padding:2px;height:32px;cursor:pointer;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}input[type=color]::-moz-color-swatch{border:none;border-radius:4px}button{color:var(--text-primary)}::placeholder{color:var(--text-muted)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,90vw);background:var(--bg-secondary);border-radius:18px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border);display:grid;gap:12px}.login-card input,.login-card button{border-radius:12px;border:1px solid var(--border);padding:12px;font:inherit;background:var(--bg-input);color:var(--text-primary)}.login-card button{border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .15s}.login-card button:hover{background:var(--accent-hover)}.org-select-btn{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-tertiary);cursor:pointer;font:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.org-select-btn:hover{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 2px 8px #6890b01a}.editor-layout{height:100vh;padding:18px;display:grid;grid-template-columns:280px 1fr 320px;gap:16px;overflow:hidden;transition:grid-template-columns .3s ease}.editor-layout>*{min-width:0}.editor-layout.sidebar-collapsed{grid-template-columns:0px 1fr 320px}.editor-layout.sidebar-collapsed .panel-left{margin-left:-16px}.panel,.canvas{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:14px;height:calc(100vh - 36px);overflow:auto}.panel-left>*{width:min(100%,248px);margin:0}.panel-left{display:grid;justify-items:center;align-content:start;gap:0;overflow-x:hidden;overflow-y:auto;opacity:1;transition:opacity .25s ease,padding .3s ease,border-color .3s ease}.panel-left *{min-width:0}.panel-left-collapsed{opacity:0;padding:0;border-color:transparent;pointer-events:none;overflow:hidden}.sidebar-collapse-btn{font:inherit;font-size:14px;font-weight:700;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);width:34px;height:30px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.sidebar-collapse-btn:hover{background:var(--accent-subtle);border-color:var(--accent)}.field-library{display:grid;gap:8px;margin-top:12px}.workspace-actions{display:grid;gap:8px;margin-top:12px;margin-bottom:12px}.workspace-actions button{font:inherit;border:none;background:var(--bg-tertiary);border-radius:10px;padding:10px;text-align:left}.workspace-actions button.active{background:var(--accent);color:#fff;font-weight:600}.field-library button,.canvas-head button{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;padding:10px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.canvas-head button:hover{background:var(--accent-subtle);border-color:var(--accent);box-shadow:0 1px 4px #6890b01a}.field-library button{cursor:grab}.security-box{padding:10px 0 0;display:grid;gap:8px}.security-box h3{margin:0;font-size:14px}.security-box button{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .15s,border-color .15s}.security-box button:hover{background:var(--accent-subtle);border-color:var(--accent)}.security-box input{border-radius:10px;border:1px solid var(--border);padding:8px;width:100%;font:inherit;font-size:13px}.security-box code{font-size:12px;background:var(--bg-secondary);padding:6px;border-radius:8px;overflow-wrap:anywhere}.connect-hint{display:block;color:var(--text-muted);font-size:12px}.connect-account-row{padding:8px 0;border-bottom:1px solid var(--border)}.connect-account-header{display:flex;justify-content:space-between;align-items:center;font-size:13px}.connect-remove-btn{font-size:11px!important;padding:2px 8px!important;color:var(--error)!important;border-color:var(--error-border)!important}.connect-remove-btn:hover{background:var(--error-bg)!important}.connect-account-status{font-size:12px;margin-top:3px;display:flex;align-items:center;gap:6px}.connect-status-ok{color:var(--success);font-weight:500}.connect-status-pending{color:var(--warning);font-weight:500}.connect-link-btn{font-size:11px!important;padding:1px 6px!important;color:var(--accent)!important;border-color:#6890b066!important}.connect-link-btn:hover{background:var(--accent-subtle)!important}.connect-actions{display:flex;gap:6px;margin-top:6px;justify-content:center;flex-wrap:wrap}.connect-actions button{flex:1 1 0;min-width:0;width:auto;padding:6px 10px!important;font-size:12px!important}.security-url-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.security-qr{width:220px;max-width:100%;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);padding:6px}.canvas-sticky-controls{position:sticky;top:0;z-index:5;background:var(--bg-secondary);border-radius:12px;padding:4px 8px 6px;isolation:isolate}.canvas-sticky-controls .sidebar-collapse-btn{position:absolute;top:6px;left:8px;z-index:1}.open-form-btn{position:absolute;top:6px;right:8px;z-index:1;font:inherit;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);padding:5px 10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.open-form-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.open-form-btn:disabled{opacity:.4;cursor:default}.open-form-btn:disabled:hover{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-secondary)}.canvas-head{display:grid;gap:8px;margin-bottom:4px;align-items:center}.canvas-head-main{display:grid;grid-template-columns:120px 105px 125px;gap:8px;justify-content:center}.canvas-head-main input,.canvas-head-main select{text-align:center;text-align-last:center}.canvas-head-actions{display:grid;grid-template-columns:40px 40px 88px 78px 92px;gap:8px}.canvas-actions-bottom{display:grid;grid-template-columns:40px 40px 88px 78px 92px;gap:8px;justify-content:center;padding-top:2px}.canvas-actions-bottom button{padding:7px 8px;border-radius:8px;font-size:12px;font-weight:600;min-width:0;white-space:nowrap;text-align:center;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.canvas-actions-bottom button:hover{background:var(--accent-subtle);border-color:var(--accent);box-shadow:0 1px 4px #6890b01a}.canvas-actions-bottom button:nth-child(4){background:var(--accent);color:#fff;border-color:var(--accent)}.canvas-actions-bottom button:nth-child(4):hover{background:var(--accent-hover);box-shadow:0 2px 6px #6890b040}.canvas-actions-bottom button:nth-child(5){background:var(--error-bg);color:var(--error);border-color:var(--error-border)}.canvas-actions-bottom button:nth-child(5):hover{background:var(--error-bg);border-color:var(--error)}.canvas-actions-bottom .history-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border)}.canvas-actions-bottom .history-btn:hover{background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-secondary);box-shadow:none}.canvas-head input{border-radius:8px;border:1px solid var(--border);padding:7px 8px;min-width:0;font:inherit;font-size:12px;transition:border-color .15s}.canvas-head input:focus{outline:none;border-color:var(--accent)}.canvas-head button{padding:7px 8px;border-radius:8px;font-size:12px;font-weight:600;min-width:0;white-space:nowrap}.form-preview{min-height:70vh;display:grid;align-content:start;gap:10px}.field-card{border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;padding:14px;text-align:left;position:relative}.field-card-active{border-color:var(--accent);box-shadow:0 0 0 2px #6890b033}.field-card-hidden{opacity:.45}.field-card.drop-before:before,.field-card.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);border-radius:2px;pointer-events:none;z-index:10}.field-card.drop-before:before{top:-5px}.field-card.drop-after:after{bottom:-5px}.canvas-drop-end{min-height:56px;border:2px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;transition:border-color .15s,background .15s,color .15s}.canvas-drop-end-active{border-color:var(--accent);background:#6890b00f;color:var(--accent)}.field-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.field-card-actions{display:flex;gap:6px}.mini-btn{border:1px solid #d1d5db;border-radius:8px;background:#f3f4f6;color:#6b7280;padding:6px 8px;font:inherit;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.mini-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.delete-field-btn{color:#9ca3af;width:36px;padding:0;display:flex;align-items:center;justify-content:center}.delete-field-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.drag-btn{cursor:grab;width:36px;text-align:center;letter-spacing:-1px;font-weight:700}.field-card-title{font-weight:700}.field-card-title-editable{cursor:text;border-radius:4px;outline:2px dashed transparent;transition:outline-color .15s}.field-card-title-editable:hover{outline-color:#6890b066}.field-card-title-input{width:100%;background:transparent;border:none;outline:2px dashed rgba(104,144,176,.6);border-radius:4px;padding:0;font-size:inherit}.field-card-sub{font-size:12px;opacity:.7}.field-preview input,.field-preview textarea,.field-preview select{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;font:inherit;background:var(--bg-tertiary);color:var(--text-secondary)}.field-preview textarea{min-height:70px}.preview-options{display:grid;gap:6px;font-size:13px}.preview-options label{display:flex;align-items:center;gap:8px}.preview-options label span{display:inline-block}.preview-checkbox{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px}.preview-options label.preview-option .preview-checkbox{display:inline-flex;align-items:center;gap:8px}.preview-options input{margin:0;width:16px;height:16px;padding:0;appearance:auto}.card-info-preview{display:grid;gap:6px}.card-info-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-form{display:grid;gap:10px}.panel-right{overflow-x:hidden}.panel-right h2{margin:0 0 8px}.panel-right .settings-form{gap:8px;min-width:0}.panel-right .settings-form label{gap:4px;font-size:11px}.panel-right .settings-form input,.panel-right .settings-form textarea,.panel-right .settings-form select,.panel-right .settings-form button{font-size:12px}.panel-right .settings-form input,.panel-right .settings-form textarea,.panel-right .settings-form select{border-radius:8px;padding:6px 7px;min-width:0}.panel-right .settings-form button{border-radius:8px;padding:7px 8px}.settings-form label{display:grid;gap:6px;font-size:12px}.settings-form input,.settings-form textarea{font:inherit;border:1px solid var(--border);border-radius:10px;padding:8px}.settings-form textarea{min-height:110px;resize:vertical}.option-editor{display:grid;gap:8px;font-size:12px}.rule-editor{display:grid;gap:8px;border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--bg-tertiary)}.rule-editor__head{display:grid;gap:2px;font-size:12px}.rule-logic{display:grid;gap:8px;grid-template-columns:1fr 1fr}.rule-logic label{display:grid;gap:4px;font-size:11px}.rule-item{display:grid;gap:8px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg-secondary)}.rule-item label{display:grid;gap:4px;font-size:11px}.rule-options{display:grid;gap:6px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg-secondary);max-height:180px;overflow:auto}.rule-options-search{font:inherit;border:1px solid var(--border);border-radius:8px;padding:6px 8px}.rule-option{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px;font-size:11px}.rule-option input[type=checkbox]{margin:0;align-self:center}.rule-option span{line-height:1.2}.rule-hint{color:var(--text-muted)}.rule-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-actions button,.rule-item button{font:inherit;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg-secondary)}.rule-remove{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.rule-clear{border-color:var(--warning-bg);background:var(--warning-bg);color:var(--warning-text)}.option-item{display:grid;gap:6px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg-secondary)}.option-item label{display:grid;gap:4px;font-size:11px}.option-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.panel-right .option-row{grid-template-columns:minmax(0,1fr);gap:6px}.panel-right .option-row>*{min-width:0}.panel-right .option-row button{width:100%;padding:6px 7px}.panel-right .option-item,.panel-right .option-item label,.panel-right .option-item input,.panel-right .option-item button{min-width:0}.panel-right .rule-actions,.panel-right .rule-logic{grid-template-columns:minmax(0,1fr)}.panel-right .option-editor,.panel-right .api-helper,.panel-right .api-row,.panel-right .collapsible,.panel-right code{min-width:0}.panel-right code,.panel-right small,.panel-right span{overflow-wrap:anywhere}.panel-right .settings-form>*{max-width:100%}.panel-right .option-editor button,.panel-right .settings-form .danger-btn,.panel-right .settings-form>button{width:100%}.option-row button{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:8px;padding:8px}.api-helper{border:1px solid var(--border);border-radius:10px;padding:10px;display:grid;gap:8px;background:var(--bg-tertiary)}.api-helper h3{margin:0;font-size:13px}.api-row{display:grid;gap:4px}.api-row code{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px;font-size:12px;overflow-wrap:anywhere}.api-helper button{font:inherit;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg-secondary)}.api-actions{grid-template-columns:1fr 1fr;gap:8px}.panel-right .api-actions{grid-template-columns:minmax(0,1fr);gap:6px}.team-wrap{display:grid;gap:12px}.team-form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px}.team-form input,.team-form button{border-radius:10px;border:1px solid var(--border);padding:10px;font:inherit}.team-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.team-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:8px;padding:10px;border-top:1px solid var(--border-subtle);align-items:center}.team-head{background:var(--bg-tertiary);font-weight:700;border-top:none}.team-actions{display:flex;gap:6px}.team-actions button{border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--bg-secondary)}.forms-list{display:grid;gap:6px;margin-bottom:12px}.forms-list input,.forms-list button{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;padding:8px 10px;text-align:left}.forms-list select{font:inherit;border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;padding:8px}.list-dropdown{margin-top:8px}.list-dropdown-body{padding-top:8px;display:grid;gap:8px}.folder-create-row{display:grid;grid-template-columns:1fr;gap:8px}.folder-create-row input{border:1px solid var(--border);border-radius:10px;padding:8px;font:inherit}.folder-create-btn{border:1px solid var(--accent)!important;background:var(--accent)!important;color:#fff;border-radius:10px;padding:8px 10px;width:100%;text-align:center!important}.folder-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}.folder-meta{display:grid;gap:4px}.folder-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.folder-meta code{font-size:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px;overflow-wrap:anywhere}.forms-row{display:grid;gap:8px}.forms-meta{display:grid;gap:4px}.forms-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.forms-header>button{text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font:inherit;font-weight:600;color:inherit;cursor:pointer;flex:1 1 auto;min-width:0;word-break:break-word;transition:background .15s,border-color .15s}.forms-header>button:hover{background:var(--accent-subtle);border-color:var(--accent)}.forms-meta code{font-size:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:6px;overflow-wrap:anywhere}.forms-meta small{color:var(--text-muted);font-size:12px}.forms-actions{position:relative;display:flex;justify-content:flex-end;flex-shrink:0}.forms-menu-trigger{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;flex:0 0 32px;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);font-size:18px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.forms-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0000004d;padding:6px;display:grid;gap:4px;min-width:200px;z-index:5}.forms-menu label{display:grid;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary);padding:8px 10px;border-radius:8px;transition:background .12s}.forms-menu label:hover{background:var(--bg-hover)}.forms-menu select{width:100%;border:1px solid var(--border);border-radius:8px;padding:7px 8px;font:inherit;font-size:12px;background:var(--bg-tertiary);cursor:pointer}.forms-menu button{width:100%;text-align:left;font:inherit;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.forms-menu button:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.forms-menu .danger-btn{color:var(--error-text);border-color:var(--error-border)!important;background:var(--bg-secondary)!important}.forms-menu .danger-btn:hover{background:var(--error-bg)!important;color:var(--error);border-color:var(--error)!important}.forms-section-divider{margin-top:6px;padding-top:8px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:12px}.folder-row button{border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;padding:8px 10px;text-align:center;font:inherit}.folder-actions{position:relative;display:flex;justify-content:flex-end}.folder-menu-trigger{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);font-size:18px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.folder-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0000004d;padding:6px;display:grid;gap:4px;min-width:180px;z-index:5}.folder-menu button{width:100%;text-align:left;font:inherit;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.folder-menu button:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.folder-menu .danger-btn{color:var(--error-text);border-color:var(--error-border)!important;background:var(--bg-secondary)!important}.folder-menu .danger-btn:hover{background:var(--error-bg)!important;color:var(--error);border-color:var(--error)!important}.collapsible{border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--bg-tertiary);margin-bottom:10px}.modal-overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:100}.modal-card{width:min(420px,92vw);background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 50px #0006;padding:16px;display:grid;gap:12px}.modal-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-close{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;padding:6px 10px;font:inherit}.modal-list{display:grid;gap:6px;max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:6px}.modal-list button{border:1px solid transparent;background:var(--bg-tertiary);border-radius:8px;padding:8px 10px;display:grid;gap:2px;text-align:left;font:inherit}.modal-list button.active{border-color:var(--accent);background:var(--accent-subtle)}.modal-list small{color:var(--text-muted);font-size:12px}.modal-actions{display:flex;justify-content:flex-end}.modal-actions button{font:inherit;font-size:13px;font-weight:600;padding:8px 18px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;transition:background .15s,box-shadow .15s}.modal-actions button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 6px #6890b040}.modal-actions button:disabled{opacity:.4;cursor:not-allowed}.collapsible summary{cursor:pointer;font-weight:700;font-size:14px}.api-collapsible{margin-top:8px}.account-page-panel{grid-column:2 / 4;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:24px 32px;height:calc(100vh - 36px);overflow:auto}.account-page-panel h2{margin:0 0 20px}.account-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:16px}.account-section h3{margin:0 0 12px;font-size:16px}.account-section p{margin:0 0 12px;font-size:14px;color:var(--text-secondary)}.account-form{display:grid;gap:12px;max-width:400px}.account-form label{display:grid;gap:4px;font-size:13px;font-weight:500}.account-form input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px}.account-form button{font:inherit;font-size:14px;font-weight:600;border:none;border-radius:10px;padding:10px 16px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s;justify-self:start}.account-form button:hover{background:var(--accent-hover)}.theme-editor{display:grid;gap:8px;margin:10px 0 4px;padding:2px}.theme-editor label{display:grid;gap:4px;font-size:12px}.theme-editor input,.theme-editor select{border:1px solid var(--border);border-radius:8px;padding:8px;font:inherit}.integration-collapsible{margin-top:8px}.integrations-panel{grid-column:2 / 4;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:24px;height:calc(100vh - 36px);overflow:auto}.integrations-panel h2{margin:0 0 16px}.integrations-panel h3{margin:0 0 8px}.integrations-panel .integration-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.integration-right{display:flex;flex-direction:column;gap:24px}.integration-right-top{display:grid;grid-template-columns:1fr 1fr;gap:24px}.integrations-panel .integration-editor{max-width:none}.integration-editor{display:grid;gap:8px;padding-top:8px}.integration-heading{display:flex;align-items:center;gap:8px;margin:0 0 8px}.integration-heading img{width:22px;height:22px;flex-shrink:0}.integration-heading h3{margin:0}.integration-editor label{display:grid;gap:4px;font-size:12px}.integration-editor input,.integration-editor select,.integration-editor button{border:1px solid var(--border);border-radius:8px;padding:8px;font:inherit;min-width:0}.integration-editor button{background:var(--bg-secondary);text-align:center}.form-picker-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:16px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .15s}.form-picker-btn:hover{border-color:var(--accent)}.form-picker-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.form-picker-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;width:460px;max-height:520px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0006}.form-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:15px}.form-picker-close{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:2px 6px;line-height:1}.form-picker-close:hover{color:var(--text-primary)}.form-picker-search{margin:12px 14px 0;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:13px;outline:none}.form-picker-search:focus{border-color:var(--accent)}.form-picker-search::placeholder{color:var(--text-muted)}.form-picker-folders{display:flex;gap:5px;flex-wrap:wrap;padding:10px 14px}.form-picker-folder{padding:4px 12px;font-size:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s}.form-picker-folder:hover{border-color:var(--accent);color:var(--text-primary)}.form-picker-folder.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.form-picker-list{flex:1;overflow-y:auto;padding:4px 8px 8px}.form-picker-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:none;color:var(--text-primary);font:inherit;font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.form-picker-item:hover{background:var(--bg-secondary)}.form-picker-item.active{background:var(--accent-dim, rgba(104, 144, 176, .1));border-color:var(--accent)}.form-picker-item-name{font-weight:500}.form-picker-item-folder{font-size:11px;color:var(--text-muted);flex-shrink:0}.form-picker-empty{text-align:center;color:var(--text-muted);padding:24px 0;font-size:13px}.integration-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.integration-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary);cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.integration-card:hover{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 4px 16px #6890b01a}.integration-card-icon{width:32px;height:32px;font-size:28px;line-height:32px;flex-shrink:0;object-fit:contain}.integration-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.integration-card-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.integration-card-status:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.integration-card-status.status-connected:before{background:var(--success)}.integration-card-status.status-connected{color:var(--success)}.integration-card-status.status-off:before{background:var(--text-muted)}.integration-card-status.status-off{color:var(--text-muted)}.integration-modal{overflow-y:auto;padding:40px 0}.integration-modal .modal-card{width:min(560px,92vw);overflow:visible}.integration-modal .integration-heading{margin:0}.integration-modal .integration-editor{padding-top:0}.font-picker{position:relative}.font-select{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px}.font-select-toggle{border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);padding:8px 10px}.font-select-list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);box-shadow:0 16px 30px #0000004d;padding:6px;display:grid;gap:6px}.font-select-option{text-align:left;border:1px solid var(--border);background:var(--bg-tertiary);border-radius:8px;padding:8px;display:grid;gap:2px}.font-select-option small{color:var(--text-muted);font-size:11px}.font-select-option-active{border-color:var(--accent);background:var(--accent-subtle)}.form-preview-surface{background:var(--live-page-bg);border-radius:var(--live-radius);padding:24px 28px;transition:max-width .3s ease,padding .3s ease}.form-preview-surface.mobile-preview{max-width:375px;margin:0 auto;border:2px solid var(--border);border-radius:24px;padding:32px 16px}.preview-text-block{padding:10px 12px;border-radius:8px;border:1px dashed var(--live-option-border);background:var(--live-option-bg);color:var(--live-option-text);font-family:var(--live-body-font);white-space:pre-wrap}.preview-text-block-editable{cursor:text;transition:border-color .15s}.preview-text-block-editable:hover{border-color:var(--accent)}.preview-text-block-input{width:100%;resize:none;outline:none;border-style:solid;border-color:var(--accent);font-size:inherit;line-height:inherit;min-height:60px}.danger-btn{border:1px solid var(--error-border)!important;background:var(--error-bg)!important;color:var(--error-text);text-align:center!important}.logout-btn{background:var(--error-bg)!important;color:var(--error-text)}.form-preview-themed{border-radius:var(--live-radius);background:var(--live-card-bg);border:1px solid var(--live-card-border);box-shadow:var(--live-shadow);padding:14px;color:var(--live-text);font-family:var(--live-body-font)}.form-header{display:flex;align-items:center;gap:12px}.form-header--center{flex-direction:column;align-items:center}.form-header--left{flex-direction:row;align-items:center}.form-header--right{flex-direction:row-reverse;align-items:center}.form-logo{max-width:100%;object-fit:contain;flex-shrink:0}.preview-title{margin:0 0 4px;width:100%;color:var(--live-title-color);font-family:var(--live-title-font);font-size:var(--live-title-size);text-align:var(--live-title-align, left);white-space:pre-wrap}.preview-title-editable{cursor:text;border-radius:4px;outline:2px dashed transparent;transition:outline-color .15s}.preview-title-editable:hover{outline-color:#6890b066}.preview-title-input{width:100%;background:transparent;border:none;outline:2px dashed rgba(104,144,176,.6);border-radius:4px;padding:0;font-weight:700;resize:none;overflow:hidden;display:block;line-height:inherit}.preview-description{margin:0 0 8px;color:var(--live-desc-color);font-size:var(--live-desc-size);font-family:var(--live-body-font)}.form-preview-themed .field-card{background:var(--live-el-bg, #ffffff);border-color:var(--live-el-border, #e2e8f0)}.form-preview-themed .field-card-title{color:var(--live-label-color);font-family:var(--live-label-font);font-size:var(--live-label-size)}.form-preview-themed .field-preview input,.form-preview-themed .field-preview textarea,.form-preview-themed .field-preview select{background:var(--live-input-bg);border-color:var(--live-input-border);color:var(--live-input-text);font-family:var(--live-input-font);font-size:var(--live-input-size)}.form-preview-themed .preview-options{font-family:var(--live-option-font);font-size:var(--live-option-size);color:var(--live-option-text)}.form-preview-themed .preview-options label{background:var(--live-option-bg);border:1px solid var(--live-option-border);border-radius:calc(var(--live-radius) * .7);padding:6px 10px}.form-preview-themed .preview-options input[type=radio],.form-preview-themed .preview-options input[type=checkbox]{accent-color:var(--live-primary)}.form-preview-themed .preview-submit-btn{background:var(--live-primary);color:var(--live-button-text);border:none;font-family:var(--live-button-font);font-size:var(--live-button-size);font-weight:700;border-radius:calc(var(--live-radius) * .7);padding:10px 24px;width:100%;cursor:default;margin-top:4px}.form-preview-themed .mini-btn{font-family:inherit;font-size:12px}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}@media(max-width:1400px){.editor-layout{grid-template-columns:240px minmax(0,1fr) 280px;gap:12px;padding:12px}.editor-layout.sidebar-collapsed{grid-template-columns:0px minmax(0,1fr) 280px}.panel,.canvas{height:calc(100vh - 24px);padding:12px}}@media(max-width:1400px){.integrations-panel{height:calc(100vh - 24px);padding:18px}}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr;height:auto;overflow:visible}.panel,.canvas{height:auto;overflow:visible}.integrations-panel,.help-panel{grid-column:1;height:auto;overflow:visible}.help-panel{padding:16px}.integration-cards{grid-template-columns:repeat(2,1fr)}.canvas-sticky-controls{position:static;padding-bottom:0}.canvas-head-main,.canvas-head-actions,.canvas-actions-bottom,.team-form,.team-row{grid-template-columns:1fr}}@media(max-width:600px){.integration-cards{grid-template-columns:1fr}}.crm-lookup-editor{display:grid;gap:10px;padding:4px 0}.crm-lookup-editor small{display:block;color:var(--text-muted);font-size:11px;margin-top:2px}.crm-lookup-editor code{font-size:11px;background:var(--bg-tertiary);border-radius:4px;padding:1px 4px}.crm-mappings{display:grid;gap:8px;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px}.crm-mappings strong{font-size:13px}.crm-mapping-row{display:grid;gap:6px;padding:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px}.help-panel{grid-column:2 / 4;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:24px 32px;height:calc(100vh - 36px);overflow:auto}.help-panel h2{margin:0 0 4px}.help-intro{color:var(--text-muted);margin:0 0 20px;font-size:14px}.help-section{border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--bg-secondary)}.help-section summary{padding:12px 14px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.help-section summary:before{content:"▶";font-size:10px;color:var(--text-muted);transition:transform .15s}.help-section[open] summary:before{transform:rotate(90deg)}.help-section summary:hover{background:var(--bg-hover);border-radius:10px}.help-content{padding:0 14px 14px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.help-content h4{margin:16px 0 6px;font-size:14px;color:var(--text-primary)}.help-content h4:first-child{margin-top:0}.help-content p{margin:6px 0}.help-content ul,.help-content ol{margin:6px 0;padding-left:20px}.help-content li{margin-bottom:4px}.help-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:13px;display:inline-block}.help-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.help-table th,.help-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.help-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.help-table tr:last-child td{border-bottom:none}.help-content a{color:var(--accent);text-decoration:none}.help-content a:hover{text-decoration:underline}.team-panel{display:grid;gap:12px}.team-panel h3{margin:0}.team-add-form{display:grid;gap:8px}.team-add-form input,.team-add-form select,.team-add-form button{font:inherit;border:1px solid var(--border);border-radius:10px;padding:8px}.team-add-form button{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.team-list{display:grid;gap:8px}.team-user-row{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--bg-secondary);display:grid;gap:8px}.team-user-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.team-user-email{font-weight:600;font-size:13px;word-break:break-all}.team-user-role{font-size:12px;color:var(--text-muted)}.team-badge{font-size:11px;padding:2px 6px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-muted)}.team-badge-on{background:var(--success-bg);color:var(--success-text)}.team-user-actions{display:flex;gap:6px;flex-wrap:wrap}.team-user-actions button{font:inherit;font-size:12px;border:1px solid var(--border);border-radius:8px;padding:5px 8px;background:var(--bg-secondary)}.forms-panel{grid-column:2 / 4;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:24px 32px;height:calc(100vh - 36px);overflow:auto}.forms-panel h2{margin:0 0 16px}.forms-panel h3{margin:0}.forms-panel-actions{display:flex;gap:8px;margin-bottom:16px}.forms-panel-actions button{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:10px;padding:10px 16px;background:var(--bg-secondary);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.forms-panel-actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.forms-panel-actions button:first-child:hover{background:var(--accent-hover);box-shadow:0 2px 6px #6890b040}.forms-panel-actions button:hover{background:var(--accent-subtle);border-color:var(--accent);box-shadow:0 1px 4px #6890b01a}.forms-panel .folder-create-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px;max-width:480px}.forms-panel-search{font:inherit;border:1px solid var(--border);border-radius:10px;padding:8px 12px;width:100%;max-width:320px;margin-bottom:12px}.forms-panel-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.forms-panel-filters select,.forms-panel-filters input{font:inherit;border:1px solid var(--border);border-radius:10px;padding:8px 12px;min-width:160px}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px}.form-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--bg-secondary);display:grid;gap:6px;position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s}.form-card:hover{border-color:var(--border);box-shadow:0 2px 8px #0000004d}.form-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.form-card-name{font-weight:600;font-size:14px}.form-card-name-btn{font:inherit;font-weight:600;font-size:14px;background:none;border:none;padding:0;cursor:pointer;color:inherit;text-align:left;transition:color .15s}.form-card-name-btn:hover{color:var(--accent)}.form-card-count{font-size:12px;color:var(--text-muted)}.form-card-slug{font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:4px 8px;overflow-wrap:anywhere}.form-card-folder{font-size:11px;color:var(--text-muted)}.form-card-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}.form-card-status.status-published{background:var(--success-bg);color:var(--success-text)}.form-card-status.status-draft{background:var(--bg-tertiary);color:var(--text-muted)}.form-card-actions{display:flex;justify-content:flex-end;position:relative}.team-page-panel{grid-column:2 / 4;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);padding:24px 32px;height:calc(100vh - 36px);overflow:auto}.team-page-panel h2{margin:0 0 16px}.team-page-panel .team-add-form{grid-template-columns:1fr 1fr auto auto;margin-bottom:24px}.team-page-panel .team-add-form ul{grid-column:1 / -1}.team-page-panel .team-user-row{grid-template-columns:1fr auto;align-items:center}.team-page-panel .team-user-info{flex:1}.scroll-top-btn{position:sticky;bottom:16px;left:100%;margin-top:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6890b04d;transition:background .15s,box-shadow .15s;z-index:10}.scroll-top-btn:hover{background:var(--accent-hover);box-shadow:0 6px 16px #6890b066}@media(max-width:1400px){.forms-panel,.team-page-panel,.account-page-panel{height:calc(100vh - 24px);padding:18px}}@media(max-width:1100px){.forms-panel,.team-page-panel,.account-page-panel{grid-column:1;height:auto;overflow:visible}.forms-panel{padding:16px}.forms-grid{grid-template-columns:1fr}.forms-panel-actions{flex-direction:column}.forms-panel .folder-create-row{grid-template-columns:1fr;max-width:none}.forms-panel-filters{flex-direction:column}}.editor-layout.right-collapsed{grid-template-columns:280px 1fr 0px}.editor-layout.sidebar-collapsed.right-collapsed{grid-template-columns:0px 1fr 0px}.editor-layout.right-collapsed .panel-right{margin-right:-16px}.panel-right-collapsed{opacity:0;padding:0;border-color:transparent;pointer-events:none;overflow:hidden}.right-collapse-btn{position:absolute;top:6px;right:100px;z-index:1;font:inherit;font-size:14px;font-weight:700;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);width:34px;height:30px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.right-collapse-btn:hover{background:var(--accent-subtle);border-color:var(--accent)}.settings-field-btn{width:36px;display:flex;align-items:center;justify-content:center}.settings-field-btn:hover,.design-field-btn:hover{background:#6890b026;border-color:var(--accent);color:var(--accent-hover)}.design-field-btn-active{background:#6890b033;border-color:var(--accent);color:var(--accent-hover)}.design-field-btn svg{display:block}.elements-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.elements-menu-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.elements-menu-btn:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.preview-option-editable{cursor:text;border-radius:4px;transition:outline-color .15s}.preview-option-editable:hover{outline:1.5px dashed var(--text-muted);outline-offset:2px}.preview-option-inline-input,.field-preview .preview-option-inline-input{font:inherit;font-size:13px;line-height:1.2;border:1px solid var(--accent);border-radius:4px;padding:0 4px;height:22px;background:var(--bg-secondary);outline:none;width:auto;min-width:60px}.preview-add-option-btn{font:inherit;font-size:12px;font-weight:600;border:1.5px dashed var(--text-muted);border-radius:8px;background:transparent;color:var(--accent);padding:5px 12px;margin-top:6px;cursor:pointer;width:fit-content;transition:background .15s,border-color .15s}.preview-add-option-btn:hover{background:var(--accent-subtle);border-color:var(--accent)}.design-toolbar{display:flex;justify-content:center;gap:2px;margin-bottom:8px;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.design-toolbar button{padding:4px 10px;font:inherit;font-size:11px;font-weight:600;color:#ffffffb3;background:transparent;border:none;border-radius:5px;cursor:pointer;transition:background .12s,color .12s}.design-toolbar button:hover{background:#6890b04d;color:#fff}.design-zone{position:relative}.design-zone-inline{display:inline-block;position:relative}@keyframes designBtnIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.design-zone>.design-inline-btn-labeled{position:absolute;top:4px;right:4px;z-index:12;padding:3px 8px;font:inherit;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.3;color:#fff;background:#6890b0e0;border:1px solid rgba(155,130,255,.5);border-radius:4px;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000059;animation:designBtnIn .12s ease-out}.design-zone>.design-inline-btn-labeled:hover{background:#9b82fff2}.design-inline-btn-group{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:12;display:flex;gap:1px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:3px;box-shadow:0 4px 16px #0006;animation:designBtnIn .12s ease-out}.design-inline-btn-group:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px}.design-inline-btn-group>.design-inline-btn-labeled{position:static;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:5px;cursor:pointer;white-space:nowrap;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.design-inline-btn-group>.design-inline-btn-labeled:hover{background:var(--accent-subtle);color:#fff}.design-popup-card{width:min(500px,92vw)}.design-popup-settings{display:grid;gap:10px}.design-popup-settings label{display:grid;gap:4px;font-size:13px;font-weight:500;color:var(--text-secondary)}.design-popup-settings input,.design-popup-settings select{padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font:inherit;font-size:13px}.design-popup-settings input[type=color]{padding:4px;height:36px;cursor:pointer}.color-picker-wrap{display:grid;gap:6px}.color-swatches{display:flex;flex-wrap:wrap;gap:4px}.color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,transform .1s}.color-swatch:hover{border-color:var(--text-secondary);transform:scale(1.15)}.color-swatch-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.design-popup-settings input[type=range]{padding:0;border:none;background:transparent}.design-popup-settings input[type=file]{padding:6px;font-size:12px}.shadow-editor{display:grid;gap:8px}.shadow-editor-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.shadow-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.shadow-preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 5px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:10px;font-family:inherit;transition:border-color .15s}.shadow-preset-btn:hover{border-color:var(--text-secondary)}.shadow-preset-btn.active{border-color:var(--accent);color:var(--accent)}.shadow-preset-stage{background:#e8ecf1;border-radius:4px;padding:12px 10px;display:flex;align-items:center;justify-content:center}.shadow-preset-preview{width:22px;height:14px;background:#fff;border-radius:2px}.shadow-custom-sliders{display:grid;gap:8px;padding-top:4px}.shadow-slider-row{display:grid;grid-template-columns:64px 1fr 48px;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.shadow-slider-row input[type=number]{width:48px;padding:4px 6px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font:inherit;font-size:12px;text-align:center}.shadow-slider-row input[type=color]{width:100%;height:28px;padding:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;cursor:pointer}@media(max-width:1400px){.editor-layout.right-collapsed{grid-template-columns:240px minmax(0,1fr) 0px}.editor-layout.sidebar-collapsed.right-collapsed{grid-template-columns:0px minmax(0,1fr) 0px}}
