*{font-family:Poppins,sans-serif}:root{--Materials-Medium---Dark:#0c0e2d8c;--bg-primary:#0c0a1d;--bg-secondary:#110e2e;--bg-gradient:linear-gradient(140deg, #0c0a1d 0%, #13103a 25%, #1a1245 45%, #1e1450 55%, #160f3c 75%, #0c0a1d 100%);--glow-purple:radial-gradient(ellipse 700px 500px at 15% 25%, #8a3cff24 0%, transparent 70%);--glow-blue:radial-gradient(ellipse 600px 600px at 85% 55%, #3c5aff1a 0%, transparent 70%);--glow-teal:radial-gradient(ellipse 500px 400px at 50% 85%, #32c8dc12 0%, transparent 70%);--glow-pink:radial-gradient(ellipse 400px 300px at 70% 15%, #c832b40f 0%, transparent 70%);--surface-glass:#ffffff09;--surface-glass-hover:#fff1;--surface-glass-active:#ffffff17;--surface-elevated:#ffffff0e;--surface-card:#ffffff0b;--surface-sidebar:#0c0a2300;--surface-input:#ffffff08;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--border-subtle:#ffffff0d;--border-accent:#7c3aed4d;--text-primary:#ffffffed;--text-secondary:#ffffff94;--text-tertiary:#ffffff5c;--text-muted:#ffffff38;--accent-purple:#8b5cf6;--accent-purple-deep:#7c3aed;--accent-purple-light:#a78bfa;--accent-purple-glow:#8b5cf659;--accent-cyan:#22d3ee;--accent-cyan-light:#67e8f9;--accent-teal:#14b8a6;--accent-blue:#6366f1;--accent-green:#34d399;--accent-yellow:#fbbf24;--accent-red:#ef4444;--accent-orange:#fb923c;--accent-pink:#ec4899;--gradient-purple:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--gradient-purple-blue:linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #3b82f6 100%);--gradient-cyan:linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);--gradient-send:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);--color-success:#34d399;--color-warning:#fbbf24;--color-error:#ef4444;--color-info:#60a5fa;--font-sans:"Poppins", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--space-0:0;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 4px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 12px #00000040, 0 2px 4px #0000001a;--shadow-lg:0 8px 28px #00000059, 0 4px 8px #00000026;--shadow-xl:0 16px 48px #00000073;--shadow-glow-purple:0 0 24px #8b5cf633, 0 0 48px #8b5cf614;--shadow-glow-cyan:0 0 24px #22d3ee26;--shadow-card:0 4px 20px #0000004d, inset 0 1px 0 #ffffff0a;--sidebar-width:256px;--sidebar-collapsed-width:72px;--sidebar-right-width:380px;--sidebar-right-width-expanded:660px;--sidebar-right-width-add-channel:660px;--sidebar-right-width-create-apikey:760px;--topbar-height:60px;--z-base:1;--z-sidebar:10;--z-topbar:20;--z-modal-backdrop:50;--z-modal:60;--z-tooltip:70;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--Materials-Medium---Dark:#ffffffeb;--bg-primary:#f5f7fb;--bg-secondary:#fff;--bg-gradient:linear-gradient(140deg, #f5f7fb 0%, #eef1f8 25%, #e8ecf6 45%, #eef1f8 55%, #f3f5fa 75%, #f5f7fb 100%);--glow-purple:radial-gradient(ellipse 700px 500px at 15% 25%, #8b5cf60f 0%, transparent 70%);--glow-blue:radial-gradient(ellipse 600px 600px at 85% 55%, #6366f10d 0%, transparent 70%);--glow-teal:radial-gradient(ellipse 500px 400px at 50% 85%, #14b8a60a 0%, transparent 70%);--glow-pink:radial-gradient(ellipse 400px 300px at 70% 15%, #ec489908 0%, transparent 70%);--surface-glass:#ffffffd9;--surface-glass-hover:#fffffff2;--surface-glass-active:#fff;--surface-elevated:#fffffffa;--surface-card:#ffffffeb;--surface-sidebar:#fffffff2;--surface-input:#00000005;--border-glass:#0000000f;--border-glass-hover:#0000001f;--border-subtle:#0000000a;--border-accent:#7c3aed40;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-tertiary:#6b6b8a;--text-muted:#9090a8;--accent-purple:#7c3aed;--accent-purple-deep:#6d28d9;--accent-purple-light:#8b5cf6;--accent-cyan:#0891b2;--accent-cyan-light:#06b6d4;--accent-teal:#0d9488;--accent-blue:#4f46e5;--accent-green:#059669;--accent-yellow:#d97706;--accent-red:#dc2626;--accent-orange:#ea580c;--accent-pink:#db2777;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 8px 24px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 16px 40px #0000001a;--shadow-glow-purple:0 4px 20px #7c3aed26, 0 0 40px #8b5cf614;--shadow-glow-cyan:0 4px 20px #0891b21f;--shadow-card:0 2px 12px #0000000a, 0 1px 4px #00000005}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:Poppins,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full)}*{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}[data-theme=light] *{scrollbar-color:#0000001f transparent}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight)}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-cyan-light)}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:Poppins,sans-serif}input,textarea{color:inherit;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:Poppins,sans-serif}ul,ol{list-style:none}img{max-width:100%;display:block}html,body,#root{height:100%;overflow:auto}#root{background:var(--bg-gradient);min-height:100vh}.dt-shell{flex-direction:column;min-height:100vh;display:flex}.dt-shell-fixed{height:100vh;overflow:auto}.dt-topbar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-glass);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex}.dt-topbar h1{font-size:var(--text-lg);color:var(--text-primary)}.dt-topbar-actions{align-items:center;gap:var(--space-4);display:flex}.dt-main{padding:var(--space-8);flex:1;width:100%;max-width:1100px;margin:0 auto}.dt-main-full{flex-direction:column;flex:1;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:flex}.dt-centered{justify-content:center;align-items:center;min-height:100vh;display:flex}.dt-card{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-8)}.dt-card h2{color:var(--text-primary);margin-bottom:var(--space-4)}.dt-card p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.dt-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.dt-btn:hover{background:var(--surface-glass-hover)}.dt-btn-primary{background:var(--gradient-purple);color:#fff;border:none}.dt-btn-primary:hover{filter:brightness(1.08)}.dt-btn-danger{color:var(--accent-red)}.dt-btn-success{background:var(--accent-green);color:#062b1c;border:none}.dt-btn-success:hover{background:var(--accent-green);filter:brightness(1.1)}.dt-btn-success:disabled{opacity:.5;cursor:not-allowed;filter:none}.dt-table{border-collapse:collapse;width:100%}.dt-table th,.dt-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm)}.dt-table th{color:var(--text-secondary);font-weight:var(--weight-semibold);text-transform:uppercase;font-size:var(--text-2xs);letter-spacing:.04em}.dt-badge{padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-transform:uppercase;display:inline-block}.dt-badge-draft{color:var(--text-secondary);background:#ffffff14}.dt-badge-published{color:var(--accent-green);background:#34d39926}.dt-tabs{gap:var(--space-4);border-bottom:1px solid var(--border-glass);margin-bottom:var(--space-6);display:flex}.dt-tab{padding:var(--space-2) 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid #0000;text-decoration:none}.dt-tab:hover{color:var(--text-primary)}.dt-tab-active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.dt-form-field{gap:var(--space-1-5);margin-bottom:var(--space-4);flex-direction:column;display:flex}.dt-form-field label{font-size:var(--text-sm);color:var(--text-secondary)}.dt-form-field input,.dt-form-field textarea,.dt-form-field select{font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--surface-input);color:var(--text-primary)}.dt-form-field select option{color:#1a1a2e;background:#fff}.dt-row{gap:var(--space-3);align-items:center;display:flex}.dt-row-between{justify-content:space-between;align-items:center;display:flex}.dt-step-card{border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--surface-elevated)}.dt-checkbox-row{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);display:flex}.dt-chip-select{position:relative}.dt-chip-select-chips{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--surface-input);flex-wrap:wrap;display:flex}.dt-chip-select-chips input{min-width:120px;padding:var(--space-1) var(--space-1-5);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;flex:120px}.dt-chip-select-chips input:focus{outline:none}.dt-chip{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2-5);border-radius:var(--radius-full);border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-primary);font-size:var(--text-2xs);white-space:nowrap;display:flex}.dt-chip-remove{border-radius:var(--radius-full);width:16px;height:16px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:flex}.dt-chip-remove:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.dt-chip-select-dropdown{top:calc(100% + var(--space-1));z-index:var(--z-tooltip);max-height:220px;padding:var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-secondary,var(--surface-glass));box-shadow:var(--shadow-xl);margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.dt-chip-select-dropdown li button{text-align:left;width:100%;padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;display:block}.dt-chip-select-dropdown li button:hover{background:var(--surface-glass-hover)}.dt-phone-input{align-items:center;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--surface-input);display:flex}.dt-phone-input-prefix{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);flex:none}.dt-phone-input input{min-width:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;flex:1;padding:0}.dt-phone-input input:focus{outline:none}.dt-iframe-wrap{border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-top:var(--space-6);overflow:hidden}.dt-iframe-wrap iframe{border:none;width:100%;height:80vh;display:block}.dt-modal-backdrop{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dt-modal{z-index:var(--z-modal);background:var(--bg-secondary);border:1px solid var(--border-glass-hover);border-radius:var(--radius-lg);max-width:100%;max-height:85vh;box-shadow:var(--shadow-xl);position:relative;overflow:auto}.dt-modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;display:flex}.dt-modal-header h2{color:var(--text-primary);font-size:var(--text-lg)}.dt-modal-close{color:var(--text-secondary);border-radius:var(--radius-sm);padding:var(--space-1);justify-content:center;align-items:center;display:flex}.dt-modal-close:hover{color:var(--text-primary);background:var(--surface-glass-hover)}.dt-modal-body{padding:var(--space-6)}.dt-toolbox-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:720px;display:grid}.dt-toolbox-tile{align-items:flex-start;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);text-align:left;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.dt-toolbox-tile:hover{border-color:var(--border-accent);transform:translateY(-2px)}.dt-toolbox-tile-icon{border-radius:var(--radius-md);background:var(--gradient-purple);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dt-toolbox-tile h3{color:var(--text-primary);font-size:var(--text-md)}.dt-toolbox-tile p{color:var(--text-secondary);font-size:var(--text-sm)}.dt-builder-shell{flex-direction:column;flex:1;min-height:0;display:flex}.dt-builder-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-glass);background:var(--surface-glass);display:flex}.dt-builder-topbar-brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.dt-builder-topbar-brand h2{font-size:var(--text-md);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dt-start-page-chip{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-full);border:1px solid var(--border-glass);background:var(--surface-glass);color:var(--text-tertiary);font-size:var(--text-2xs);white-space:nowrap;flex:none;display:flex}.dt-toast{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-tooltip);background:var(--near-black,#0c0c0c);color:#fff;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);box-shadow:var(--shadow-xl);align-items:center;gap:var(--space-2);animation:dt-toast-in var(--transition-base) ease-out;display:flex;position:fixed}@keyframes dt-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dt-param-entry{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-glass-hover);border-radius:var(--radius-md);background:var(--surface-glass-active);margin-bottom:var(--space-2);display:flex}.dt-param-entry-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-purple-light)}.dt-param-entry-desc{font-size:var(--text-xs);color:var(--text-primary);opacity:.8;margin-top:var(--space-1);line-height:var(--leading-relaxed)}.dt-modal-lead{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.dt-param-entry-add{border-top:1px solid var(--border-glass);padding-top:var(--space-4)}.dt-app-group{margin-bottom:var(--space-8)}.dt-app-group-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dt-app-group-head h3{color:var(--text-primary);font-size:var(--text-md)}.dt-workspace{grid-template-columns:var(--left-panel-width,minmax(80px, 17%)) 14px minmax(420px, 1fr) 14px var(--right-panel-width,minmax(80px, 17%));min-height:0;padding:var(--space-3);transition:grid-template-columns var(--transition-base);flex:1;grid-template-rows:minmax(0,1fr);display:grid}.dt-workspace.dt-resizing{transition:none}.dt-resize-handle{cursor:col-resize;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dt-resize-handle:after{content:"";border-radius:var(--radius-sm);background:var(--border-glass);width:3px;height:40px;transition:background var(--transition-fast)}.dt-resize-handle:hover:after,.dt-resize-handle.dt-resize-handle-active:after{background:var(--accent-purple)}.dt-workspace.dt-left-collapsed .dt-resize-handle-left,.dt-workspace.dt-right-collapsed .dt-resize-handle-right{display:none}.dt-resize-overlay{z-index:1000;cursor:col-resize;position:fixed;inset:0}.dt-panel{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;min-height:0;display:flex;overflow:hidden}.dt-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border-glass);display:flex}.dt-panel-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dt-panel-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:28px;height:28px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.dt-panel-toggle:hover{color:var(--accent-purple);border-color:var(--border-accent)}.dt-panel-body{min-height:0;padding:var(--space-4);flex:1;overflow:auto}.dt-panel.dt-panel-collapsed .dt-panel-head{padding:var(--space-3) var(--space-1);border-bottom:none;flex-direction:column}.dt-panel.dt-panel-collapsed .dt-panel-body,.dt-panel.dt-panel-collapsed .dt-panel-title{display:none}.dt-action-card{align-items:flex-start;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-elevated);margin-bottom:var(--space-3);transition:border-color var(--transition-fast);display:flex}.dt-action-card:hover{border-color:var(--border-accent)}.dt-action-card.dt-action-card-active{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow)}.dt-action-card-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-purple);background:#8b5cf624;flex:none;justify-content:center;align-items:center;display:flex}.dt-action-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.dt-action-card-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.dt-canvas-column{border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.dt-canvas-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-glass);background:var(--surface-glass);display:flex}.dt-url-chip{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-glass);background:var(--surface-input);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;display:flex;overflow:hidden}.dt-canvas-toolbar-actions{align-items:center;gap:var(--space-2);display:flex}.dt-tiny-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-sm);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.dt-tiny-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.dt-tiny-btn.dt-tiny-btn-active{color:var(--accent-purple);border-color:var(--accent-purple);background:#8b5cf61f}.dt-richtext{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--surface-input);overflow:hidden}.dt-richtext-toolbar{gap:var(--space-1-5);padding:var(--space-1-5);border-bottom:1px solid var(--border-glass);flex-wrap:wrap;display:flex}.dt-richtext-content{padding:var(--space-2-5) var(--space-3);min-height:96px;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary)}.dt-richtext-content--compact{min-height:40px}.dt-richtext-content .ProseMirror{outline:none}.dt-richtext-content p{margin:0 0 var(--space-2)}.dt-richtext-content p:last-child{margin-bottom:0}.dt-richtext-content mark{background:var(--accent-purple);color:#fff;border-radius:2px}.dt-richtext-content a{color:var(--accent-purple)}.dt-richtext-content ul,.dt-richtext-content ol{margin:0 0 var(--space-2);padding-left:20px}.dt-canvas-frame-wrap{background:repeating-conic-gradient(#8b5cf608 0% 25%,#0000 0% 50%) 50%/24px 24px;flex:1;min-height:0;overflow:auto}.dt-canvas-frame-wrap iframe{transform-origin:0 0;border:none;width:100%;height:100%;display:block}.dt-timeline{border-top:1px solid var(--border-glass);background:var(--surface-glass);padding:var(--space-3) var(--space-5);flex:none}.dt-timeline-collapsed{padding-bottom:var(--space-3)}.dt-timeline-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.dt-timeline-collapsed .dt-timeline-head{margin-bottom:0}.dt-timeline-head .dt-tiny-btn{margin-left:auto}.dt-timeline-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.dt-timeline-strip{gap:var(--space-3);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.dt-step-chip{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-elevated);min-width:150px;padding:var(--space-3);cursor:pointer;position:relative}.dt-step-chip:hover{border-color:var(--border-accent)}.dt-step-chip.dt-step-chip-selected{border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow)}.dt-step-chip-label{font-size:var(--text-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.dt-step-chip-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dt-step-chip-meta{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:var(--space-2)}.dt-step-chip-actions{top:var(--space-2);right:var(--space-2);gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex;position:absolute}.dt-step-chip:hover .dt-step-chip-actions{opacity:1}.dt-step-chip-insert{top:50%;right:calc(var(--space-3) * -1 - 12px);border-radius:var(--radius-full);background:var(--gradient-purple);color:#fff;opacity:0;pointer-events:none;width:24px;height:24px;transition:opacity var(--transition-fast);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.dt-step-chip:hover .dt-step-chip-insert{opacity:1;pointer-events:auto}.dt-step-chip-icon-btn{border-radius:var(--radius-xs);background:var(--surface-glass);border:1px solid var(--border-glass);width:22px;height:22px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.dt-step-chip-icon-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.dt-badge-modal{color:var(--accent-blue);background:#6366f126}.dt-accordion{border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.dt-accordion summary{cursor:pointer;padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--surface-elevated);list-style:none;display:flex}.dt-accordion summary::-webkit-details-marker{display:none}.dt-accordion summary::marker{content:""}.dt-accordion[open] summary{border-bottom:1px solid var(--border-glass)}.dt-accordion-hint{font-size:var(--text-2xs);font-weight:var(--weight-normal);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.dt-accordion-chevron{transition:transform var(--transition-fast);flex:none}.dt-accordion[open] .dt-accordion-chevron{transform:rotate(90deg)}.dt-accordion-body{padding:var(--space-3)}.dt-placement-picker{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.dt-placement-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:var(--text-xs);text-align:center}.dt-placement-btn.dt-placement-btn-active{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf61f}.dt-element-chip{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);border:1px dashed var(--border-accent);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono);background:#8b5cf60f;display:flex}.dt-form-grid{gap:var(--space-2) var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=720px){.dt-form-grid{grid-template-columns:1fr;gap:0}}.dt-form-col-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:var(--space-3)}.dt-code-block{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-glass-hover);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-xs);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;margin:0}.json-key{color:var(--accent-cyan-light)}.json-string{color:var(--accent-green)}.json-number{color:var(--accent-orange)}.json-boolean{color:var(--accent-purple-light)}.json-null{color:var(--text-secondary);font-style:italic}.dt-hint{font-size:var(--text-2xs);color:var(--text-secondary);margin-top:var(--space-1)}.dt-callout{gap:var(--space-2-5);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border-left:2px solid var(--accent-purple-light);background:#8b5cf614;align-items:flex-start;display:flex}.dt-callout-icon{color:var(--accent-purple-light);flex:none;margin-top:1px}.dt-callout p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.dt-callout code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);padding:1px var(--space-1);background:#ffffff14;border-radius:3px}.dt-section-divider{border:none;border-top:1px solid var(--border-glass);margin:var(--space-6) 0}.dt-switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.dt-switch-row label{font-size:var(--text-sm);color:var(--text-secondary)}.dt-switch{flex:none;width:36px;height:20px;display:inline-block;position:relative}.dt-switch input{opacity:0;width:0;height:0}.dt-switch-track{background:var(--surface-glass-active);border:1px solid var(--border-glass);border-radius:var(--radius-full);transition:background var(--transition-fast);position:absolute;inset:0}.dt-switch-track:before{content:"";background:var(--text-secondary);width:14px;height:14px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.dt-switch input:checked+.dt-switch-track{background:var(--gradient-purple);border-color:#0000}.dt-switch input:checked+.dt-switch-track:before{background:#fff;transform:translate(16px)}.dt-empty-hint{border:1px dashed var(--border-glass);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}