body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html{scroll-behavior:smooth!important}:target{scroll-margin-top:80px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dropdown-content{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a,0 4px 10px #00000014,0 0 0 1px #0000000d;max-width:320px;min-width:160px;opacity:0;overflow:hidden;padding:6px 0;pointer-events:none;transform:scale(.95) translateY(-8px);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:1000}.dropdown-content-visible{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.dropdown-content[data-placement=bottom]{transform-origin:top center}.dropdown-content[data-placement=top]{transform:scale(.95) translateY(8px);transform-origin:bottom center}.dropdown-content[data-placement=top].dropdown-content-visible{transform:scale(1) translateY(0)}.dropdown-content[data-placement=left]{transform:scale(.95) translateX(8px);transform-origin:right center}.dropdown-content[data-placement=left].dropdown-content-visible{transform:scale(1) translateX(0)}.dropdown-content[data-placement=right]{transform:scale(.95) translateX(-8px);transform-origin:left center}.dropdown-content[data-placement=right].dropdown-content-visible{transform:scale(1) translateX(0)}.dropdown-item{align-items:center;color:#1f2937;display:flex;line-height:1.5;overflow:hidden;padding:10px 14px;position:relative;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.dropdown-item:hover:not(.disabled){background-color:#f3f4f6;color:#111827}.dropdown-item:focus{background-color:#e5e7eb;color:#111827;outline:2px solid #3b82f6;outline-offset:-2px;z-index:1}.dropdown-item:focus:not(:focus-visible){background-color:#f3f4f6;outline:none}.dropdown-item:focus-visible{background-color:#e5e7eb;color:#111827;outline:2px solid #3b82f6;outline-offset:-2px;z-index:1}.dropdown-item:active:not(.disabled){background-color:#d1d5db;transform:scale(.98)}.dropdown-item.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6;pointer-events:none}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover:not(.disabled){background-color:#fee2e2;color:#b91c1c}.dropdown-item.danger:focus-visible{background-color:#fecaca;outline-color:#dc2626}.dropdown-item.danger:active:not(.disabled){background-color:#fecaca}.dropdown-item-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:10px;width:18px}.dropdown-item-text{flex:1 1;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:6px 0}@media (max-width:768px){.dropdown-content{box-shadow:0 12px 28px #00000026,0 6px 12px #0000001a,0 0 0 1px #00000014;max-width:calc(100vw - 32px);min-width:200px}.dropdown-item{font-size:15px;min-height:44px;padding:12px 16px}.dropdown-item-icon{height:20px;margin-right:12px;width:20px}}@media (max-width:480px){.dropdown-content{border-radius:12px;max-width:calc(100vw - 24px)}.dropdown-item{font-size:16px;padding:14px 18px}}@media (prefers-contrast:high){.dropdown-content{border:2px solid #000}.dropdown-item:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.dropdown-content{transform:none;transition:opacity .05s linear}.dropdown-content-visible{transform:none}.dropdown-item{transition:none}.dropdown-item:active:not(.disabled){transform:none}}@media (prefers-color-scheme:dark){.dropdown-content{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #0000004d,0 4px 10px #0003,0 0 0 1px #ffffff1a}.dropdown-item{color:#f9fafb}.dropdown-item:hover:not(.disabled){background-color:#374151;color:#fff}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:#4b5563}.dropdown-item:active:not(.disabled){background-color:#4b5563}.dropdown-item.disabled{color:#6b7280}.dropdown-item.danger{color:#f87171}.dropdown-item.danger:hover:not(.disabled){background-color:#7f1d1d;color:#fca5a5}.dropdown-divider{background-color:#4b5563}}.ai-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.ai-modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.ai-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.ai-modal-title{align-items:center;display:flex;gap:8px}.ai-modal-title h2{color:#111827;font-size:20px;font-weight:600;margin:0}.ai-modal-icon{color:#f97316}.ai-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.ai-modal-close:hover:not(:disabled){background:#f3f4f6;color:#111827}.ai-modal-close:disabled{cursor:not-allowed;opacity:.5}.ai-modal-body{padding:24px}.ai-settings-panel{display:flex;flex-direction:column;gap:24px}.ai-settings-header{align-items:center;color:#374151;display:flex;gap:8px}.ai-settings-header h3{font-size:18px;font-weight:600;margin:0}.ai-settings-info{background:#f8fafc;border-left:4px solid #f97316;border-radius:8px;padding:12px 16px}.ai-settings-info p{color:#64748b;font-size:14px;margin:0}.ai-prompt-container{display:flex;flex-direction:column;gap:8px;margin:16px 0}.ai-setting-group{display:flex;flex-direction:column;gap:6px}.ai-setting-group.ai-setting-full-width{grid-column:1/-1}.ai-setting-label{color:#374151;font-size:14px;font-weight:500}.ai-setting-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.ai-setting-select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.ai-setting-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;min-height:100px;padding:12px}.ai-prompt-textarea,.ai-setting-textarea{font-size:14px;resize:vertical;transition:border-color .2s ease}.ai-prompt-textarea{background:#f8fafc;border:2px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5;min-height:300px;padding:16px}.ai-prompt-textarea:focus,.ai-setting-textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.ai-prompt-textarea:focus{background:#fff}.ai-setting-textarea::placeholder{color:#9ca3af}.ai-setting-help{color:#6b7280;font-size:12px;line-height:1.4}.ai-enhancement-options{display:flex;flex-direction:column;gap:12px}.ai-enhancement-options h4{color:#374151;font-size:16px;font-weight:600;margin:0}.ai-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0}.ai-checkbox-label input[type=checkbox]{accent-color:#f97316;height:16px;width:16px}.ai-checkbox-text{color:#374151;font-size:14px}.ai-settings-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:16px}.ai-processing-panel{gap:24px;padding:20px 0;text-align:center}.ai-processing-header,.ai-processing-panel{align-items:center;display:flex;flex-direction:column}.ai-processing-header{gap:12px}.ai-processing-icon{background:linear-gradient(135deg,#fef3e2,#fed7aa);border-radius:50%;padding:16px}.ai-processing-spinner{animation:spin 2s linear infinite;color:#f97316}.ai-processing-header h3{color:#111827;font-size:20px;font-weight:600;margin:0}.ai-progress-container{display:flex;flex-direction:column;gap:8px;max-width:400px;width:100%}.ai-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.ai-progress-fill{background:linear-gradient(90deg,#f97316,#ea580c);border-radius:4px;height:100%;transition:width .3s ease}.ai-progress-text{color:#6b7280;font-size:14px;font-weight:500}.ai-processing-status{display:flex;flex-direction:column;gap:4px}.ai-status-message{color:#374151;font-size:16px;margin:0}.ai-estimated-time,.ai-processing-note{color:#6b7280;font-size:14px;margin:0}.ai-processing-note{font-style:italic}.ai-processing-actions{margin-top:16px}.ai-results-panel{display:flex;flex-direction:column;gap:20px}.ai-results-header{align-items:center;display:flex;gap:8px}.ai-success-icon{color:#10b981}.ai-results-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.ai-workflow-name-section{background:linear-gradient(135deg,#fef3e2,#fed7aa);border:2px solid #f97316;border-radius:12px;box-shadow:0 4px 12px #f9731626;padding:20px}.ai-workflow-name-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.ai-workflow-name-header h4{color:#78350f;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.ai-workflow-name-icon{animation:pulse 2s ease-in-out infinite;color:#f97316}.ai-workflow-name-comparison{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.ai-workflow-name-after,.ai-workflow-name-before{display:flex;flex-direction:column;gap:8px}.ai-workflow-name-label{color:#92400e;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ai-workflow-name-value{border-radius:8px;font-size:15px;font-weight:500;line-height:1.4;padding:12px 16px;word-break:break-word}.ai-workflow-name-old{background:#fff;border:2px solid #e5e7eb;color:#6b7280;opacity:.8;text-decoration:line-through}.ai-workflow-name-new{animation:highlightNew .6s ease-in-out;background:#fff;border:2px solid #f97316;box-shadow:0 2px 8px #f9731633;color:#111827}@keyframes highlightNew{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ai-workflow-name-arrow{color:#f97316;font-size:24px;font-weight:700;text-align:center}.ai-workflow-name-unchanged{display:flex;flex-direction:column;gap:12px}.ai-workflow-name-unchanged .ai-workflow-name-value{background:#fff;border:2px solid #10b981;color:#111827;text-align:center}.ai-workflow-name-note{color:#92400e;font-size:13px;font-style:italic;margin:0;text-align:center}.ai-results-summary{background:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;padding:16px}.ai-results-summary p{color:#166534;font-size:16px;font-weight:500;margin:0 0 8px}.ai-results-stats{color:#16a34a;display:flex;font-size:14px;gap:16px}.ai-results-preview h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.ai-preview-list{display:flex;flex-direction:column;gap:12px}.ai-preview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.ai-preview-item h5{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 6px}.ai-preview-item p{color:#64748b;font-size:13px;line-height:1.4;margin:0 0 8px}.ai-confidence{color:#f97316;font-size:12px;font-weight:500}.ai-preview-more{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:14px;font-style:italic;padding:8px 12px;text-align:center}.ai-results-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:16px}.ai-error-panel{display:flex;flex-direction:column;gap:20px}.ai-error-header{align-items:center;display:flex;gap:8px}.ai-error-icon{color:#ef4444}.ai-error-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.ai-error-content{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.ai-error-message{color:#991b1b;font-size:16px;font-weight:500;margin:0}.ai-error-details{margin-top:12px}.ai-error-details summary{color:#7f1d1d;cursor:pointer;font-size:14px;font-weight:500}.ai-error-details p{background:#fee2e2;border-radius:4px;color:#991b1b;font-family:monospace;font-size:13px;margin:8px 0 0;padding:8px}.ai-error-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:16px}.ai-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.ai-btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 4px #f9731633;color:#fff}.ai-btn-primary:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 4px 8px #f973164d;transform:translateY(-1px)}.ai-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.ai-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.ai-btn:focus{box-shadow:0 0 0 3px #f973164d;outline:none}.ai-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.ai-modal-content{margin:20px;max-height:95vh;width:95%}.ai-modal-body,.ai-modal-header{padding:16px}.ai-settings-grid{grid-template-columns:1fr}.ai-error-actions,.ai-results-actions{flex-direction:column;gap:8px}.ai-btn{justify-content:center;width:100%}.ai-workflow-name-comparison{gap:12px;grid-template-columns:1fr}.ai-workflow-name-arrow{font-size:20px;transform:rotate(90deg)}.ai-workflow-name-section{padding:16px}}@media (prefers-reduced-motion:reduce){.ai-btn,.ai-modal-content,.ai-modal-overlay,.ai-processing-spinner,.ai-progress-fill{animation:none;transition:none}}@media (prefers-contrast:high){.ai-btn-primary,.ai-btn-secondary,.ai-modal-content{border:2px solid #000}}.ai-modal-content:focus{outline:none}.ai-checkbox-label:focus-within,.ai-prompt-textarea:focus,.ai-setting-select:focus,.ai-setting-textarea:focus{outline:2px solid #f97316;outline-offset:2px}.ai-enhancement-button-container{display:flex;justify-content:flex-start;margin:20px 0}.ai-enhancement-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;box-shadow:0 2px 4px #f9731633;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:160px;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease}.ai-enhancement-button:hover:not(.disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 4px 8px #f973164d;transform:translateY(-1px)}.ai-enhancement-button:active:not(.disabled){box-shadow:0 2px 4px #f9731633;transform:translateY(0)}.ai-enhancement-button.disabled{background:#9ca3af;box-shadow:none;color:#6b7280;cursor:not-allowed;transform:none}.ai-enhancement-button.loading{background:linear-gradient(135deg,#f97316,#ea580c);cursor:wait}.button-content{align-items:center;display:flex;gap:8px;position:relative;z-index:2}.ai-icon{flex-shrink:0;transition:transform .2s ease}.ai-icon.spinning{animation:spin 2s linear infinite}.button-text{font-size:14px;font-weight:600;white-space:nowrap}.loading-overlay{background:#f973161a;z-index:1}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.ai-enhancement-button{font-size:13px;min-width:140px;padding:10px 16px}.button-text{font-size:13px}.ai-icon{height:14px;width:14px}}.ai-enhancement-button:focus{box-shadow:0 0 0 3px #f973164d;outline:none}.ai-enhancement-button:focus:not(.disabled){box-shadow:0 4px 8px #f973164d,0 0 0 3px #f973164d}@media (prefers-contrast:high){.ai-enhancement-button{border:2px solid}.ai-enhancement-button.disabled{border-color:#6b7280}}@media (prefers-reduced-motion:reduce){.ai-enhancement-button{transition:none}.ai-icon.spinning,.loading-spinner{animation:none}}.app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:hidden}.app,.sidebar{display:flex;height:100vh}.sidebar{background-color:#111827;color:#fff;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:0;transition:width .3s ease;width:280px}.sidebar,.sidebar *{box-sizing:border-box}.sidebar .folder-label,.sidebar .menu-name,.sidebar .sidebar-title,.sidebar .username,.sidebar input,.sidebar textarea{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.user-dropdown{position:relative;width:100%;z-index:9999}.dropdown-menu{background-color:#1f2937;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;overflow:hidden;right:0;z-index:10000}.dropdown-menu li{color:#d1d5db;font-size:14px;gap:12px;padding:12px 16px;transition:background-color .2s ease}.dropdown-menu li:hover{background-color:#ffffff14}.dropdown-menu hr{border-top:1px solid #374151;margin:8px 0}.dropdown-menu .logout{color:#ef4444}.dropdown-menu .logout:hover{background-color:#ef44441a}.menu-icon{font-size:16px}.chevron,.menu-icon{flex-shrink:0}.username{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed{align-items:center;transition:width .3s ease;width:70px}.sidebar-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;overflow:visible;padding:16px;position:relative;width:100%;z-index:1}.sidebar.collapsed .sidebar-header{align-items:center;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px 0}.user-avatar{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-right:5px;overflow:hidden;padding:8px;transition:background-color .2s ease;width:100%}.user-avatar:hover{background-color:#ffffff0d}.avatar{background-color:#f97316;font-size:16px;font-weight:400}.avatar,.notification{height:32px;width:32px}.notification{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;z-index:200}.sidebar.collapsed .notification{display:none}.toggle-button{align-content:center;background:#111827;border:1px solid #374151;border-radius:0 6px 6px 0;box-shadow:0 0 6px #00000026;color:#fff;cursor:pointer;height:18px;justify-content:center;left:-3px;margin-left:80px;padding:6px;position:fixed;top:50%;transform:translateY(-50%);width:18px;z-index:1000}.search-container{display:flex;justify-content:center;padding:20px 0;width:100%}.search-box{align-items:center;background-color:#1f2937;border:1px solid #374151;border-radius:8px;box-sizing:border-box;display:flex;gap:8px;max-width:100%;padding:8px 12px;width:calc(100% - 32px)}.search-box input{background:#0000;border:none;color:#fff;font-size:14px;outline:none;width:100%}.search-icon,.search-icons{color:#6b7280;font-size:18px}.sidebar-item-input-wrapper{align-items:center;display:flex;gap:12px;gap:var(--sidebar-item-gap);width:100%}.sidebar-item-input{background-color:#1f2937;border:1px solid #374151;border-radius:6px;border-radius:var(--sidebar-item-border-radius);color:#fff;flex-grow:1;font-size:14px;font-size:var(--sidebar-font-size);outline:none;padding:6px 8px;transition:all .2s ease;transition:all var(--sidebar-transition-duration) ease}.sidebar-item-input:focus{background-color:#111827;border-color:#f97316;border-color:var(--sidebar-active-bg);box-shadow:0 0 0 2px #f9731633;outline:none}.sidebar-item-input::placeholder{color:#6b7280;font-style:italic}.new-item-input{animation:newItemPulse 2s ease-in-out infinite;background-color:#ffffff05;border:1px dashed #fff3}@keyframes newItemPulse{0%,to{background-color:#ffffff05;border-color:#fff3}50%{background-color:#f973160d;border-color:#f9731666}}.sidebar.collapsed .search-container{align-content:center;align-items:center;padding:20px 5px}.sidebar.collapsed .search-icon{color:#6b7280;font-size:18px}.sidebar.collapsed .search-icons{align-content:center;color:#6b7280;font-size:18px;padding:0 10px 0 0}.sidebar-section{box-sizing:border-box;margin-bottom:25px;overflow:hidden;padding:0 16px;width:100%}.sidebar-title{font-size:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}:root{--sidebar-item-padding-vertical:8px;--sidebar-item-padding-horizontal:12px;--sidebar-item-margin:2px;--sidebar-item-border-radius:6px;--sidebar-item-gap:12px;--sidebar-indent-base:16px;--sidebar-icon-size:16px;--sidebar-font-size:14px;--sidebar-transition-duration:0.2s;--sidebar-hover-bg:#ffffff14;--sidebar-active-bg:#f97316;--sidebar-text-color:#d1d5db;--sidebar-text-active:#fff;--sidebar-icon-color:#d1d5db;--sidebar-icon-hover:#f97316;--sidebar-action-icon-size:16px}.sidebar-menu{align-items:flex-start;box-sizing:border-box;flex-direction:column;overflow:hidden}.folder,.sidebar-menu{display:flex;width:100%}.folder{align-items:center;border-radius:6px;border-radius:var(--sidebar-item-border-radius);gap:12px;gap:var(--sidebar-item-gap);margin-bottom:8px;padding:8px 12px;padding:var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);transition:background-color .2s ease;transition:background-color var(--sidebar-transition-duration) ease}.folder:hover{background-color:#ffffff14;background-color:var(--sidebar-hover-bg)}.folder-icon{color:#d1d5db;color:var(--sidebar-icon-color);flex-shrink:0;font-size:16px;font-size:var(--sidebar-icon-size);justify-content:center;width:16px;width:var(--sidebar-icon-size)}.folder-header,.folder-icon{align-items:center;display:flex}.folder-header{flex-grow:1;justify-content:space-between;min-width:0}.folder-label{color:#d1d5db;color:var(--sidebar-text-color);font-size:14px;font-size:var(--sidebar-font-size);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-icon{border-radius:4px;color:#d1d5db;color:var(--sidebar-icon-color);cursor:pointer;flex-shrink:0;font-size:16px;font-size:var(--sidebar-action-icon-size);opacity:.7;padding:4px;transition:all .2s ease;transition:all var(--sidebar-transition-duration) ease}.add-icon:hover{background-color:#f973161a;color:#f97316;color:var(--sidebar-icon-hover);opacity:1}.menu-item{align-items:center;border-radius:6px;border-radius:var(--sidebar-item-border-radius);box-sizing:border-box;color:#d1d5db;color:var(--sidebar-text-color);cursor:pointer;display:flex;font-size:14px;font-size:var(--sidebar-font-size);gap:12px;gap:var(--sidebar-item-gap);margin:2px 0;margin:var(--sidebar-item-margin) 0;min-height:36px;padding:8px 12px;padding:var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);position:relative;transition:all .2s ease;transition:all var(--sidebar-transition-duration) ease;width:100%}.menu-item:hover{background-color:#ffffff14;background-color:var(--sidebar-hover-bg);transform:translateX(2px)}.menu-item.active{background-color:#f97316;box-shadow:0 2px 4px #f9731633;color:#fff;font-weight:500;position:relative}.menu-item.active:before{background-color:#fff;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.menu-item.active:hover{background-color:#ea580c;transform:translateX(0)}.menu-item>.fa,.menu-item>i,.menu-item>svg{align-items:center;color:#d1d5db;color:var(--sidebar-icon-color);display:flex;flex-shrink:0;font-size:16px;font-size:var(--sidebar-icon-size);justify-content:center;transition:color .2s ease;transition:color var(--sidebar-transition-duration) ease;width:16px;width:var(--sidebar-icon-size)}.menu-item.active>.fa,.menu-item.active>i,.menu-item.active>svg{color:#fff}.menu-name{flex-grow:1;flex-shrink:1;font-size:14px;font-size:var(--sidebar-font-size);min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:color .2s ease;transition:color var(--sidebar-transition-duration) ease;white-space:nowrap}.sidebar-heading .menu-name{font-size:13px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.item-actions{align-items:center;border-radius:4px;display:none;flex-shrink:0;gap:6px;margin-left:auto;padding:2px;transition:all .2s ease;transition:all var(--sidebar-transition-duration) ease}.menu-item:hover .item-actions{animation:fadeInActions .2s ease-in-out;display:flex}.menu-item.active .item-actions{display:flex}@keyframes fadeInActions{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.action-icon{align-items:center;border-radius:4px;color:#d1d5db;color:var(--sidebar-icon-color);cursor:pointer;display:flex;font-size:16px;font-size:var(--sidebar-action-icon-size);justify-content:center;min-height:28px;min-width:28px;opacity:.7;padding:6px;transition:all .2s ease;transition:all var(--sidebar-transition-duration) ease}.action-icon:hover{background-color:#f9731626;color:#f97316;color:var(--sidebar-icon-hover);opacity:1;transform:scale(1.1)}.menu-item.active .action-icon{color:#fff;opacity:.8}.menu-item.active .action-icon:hover{background-color:#fff3;color:#fff;opacity:1}.delete-icon:hover{background-color:#ef444426!important;color:#ef4444!important}.sidebar-children{position:relative}.sidebar-children:before{background-color:#ffffff1a;bottom:0;content:"";left:24px;left:calc(var(--sidebar-indent-base) + 8px);opacity:.5;position:absolute;top:0;width:1px}.expand-toggle{align-items:center;border-radius:2px;color:#d1d5db;color:var(--sidebar-icon-color);display:flex;height:16px;justify-content:center;margin-left:4px;transition:all .2s ease;transition:all var(--sidebar-transition-duration) ease;width:16px}.expand-toggle:hover{background-color:#ffffff1a;color:#f97316;color:var(--sidebar-icon-hover)}.menu-item.active .expand-toggle{color:#fff}.menu-item.active .expand-toggle:hover{background-color:#fff3}.sidebar.collapsed{--sidebar-item-padding-vertical:12px;--sidebar-item-padding-horizontal:0;--sidebar-icon-size:18px}.sidebar.collapsed .search-container,.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-menu,.sidebar.collapsed .sidebar-section{align-items:center;padding:10px 0}.sidebar.collapsed .menu-item{min-height:40px}.sidebar.collapsed .folder,.sidebar.collapsed .menu-item{justify-content:center;margin:4px auto;padding:8px 12px;padding:var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);width:90%}.sidebar.collapsed .expand-toggle,.sidebar.collapsed .folder-header,.sidebar.collapsed .folder-label,.sidebar.collapsed .item-actions,.sidebar.collapsed .menu-item span,.sidebar.collapsed .menu-name,.sidebar.collapsed .sidebar-title,.sidebar.collapsed .username{display:none}.sidebar.collapsed .menu-item.active{background-color:#f97316;border-radius:6px;box-shadow:0 2px 8px #f973164d;margin:6px auto;padding:16px 0;width:90%}.sidebar.collapsed .folder-icon,.sidebar.collapsed .menu-item>.fa,.sidebar.collapsed .menu-item>i,.sidebar.collapsed .menu-item>svg{font-size:16px;font-size:var(--sidebar-icon-size)}.sidebar.collapsed .sidebar-children{display:none}.sidebar.collapsed .menu-item{position:relative}.sidebar.collapsed .menu-item:hover:after{animation:tooltipFadeIn .2s ease-in-out forwards;background-color:#1f2937;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:12px;left:100%;margin-left:8px;opacity:0;padding:6px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.sidebar.collapsed .menu-item.active i{color:#fff}.sidebar-children{width:100%}.header-actions{align-items:center;display:flex;flex-direction:row;gap:18px}.menu-dots{margin-left:12px}.dots-btn{background:none;border:none;color:#374151;cursor:pointer;font-size:20px;padding:4px 8px}.dots-btn:hover{background:#f3f4f6;border-radius:6px}.dropdown-header{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;margin-top:4px;min-width:90px;position:absolute;right:1%;top:100%;z-index:1000}.dropdown-item-header{background:none;border:none;cursor:pointer;font-size:13px;padding:8px 12px;text-align:center}.dropdown-item-header:hover{background:#f3f4f6}.content{background-color:#f9fafb;padding:20px}.main-content{background-color:#f0f2f5;flex-grow:1;margin-left:280px;overflow-y:hidden;position:relative;width:calc(100% - 280px);z-index:10}.sidebar.collapsed~.main-content{margin-left:70px;width:calc(100% - 30px)}.content-holder{display:flex;flex-direction:column;height:100vh}.content-holder.collapsed{padding-left:0}.layout-container{flex-direction:row;flex-grow:1;overflow-y:hidden}.workflow-steps{background-color:#fff;flex-grow:1;height:100%;min-width:0;width:100%}.step-container{display:flex;flex-direction:column;gap:12px}.step-row{align-items:flex-start;gap:20px;justify-content:space-between}.step-left{flex-direction:column;width:100%}.step-name{align-content:center;align-items:center;justify-content:flex-start;margin-bottom:20px;margin-top:20px}.number-title,.step-name{display:flex;flex-direction:row;gap:15px}.number-title{align-items:flex-start}.step-number{align-items:center;background:#f97316;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;line-height:1;margin-right:10px;width:30px}.step-description{align-content:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;font-family:inherit;font-size:16px;font-weight:400;overflow:hidden;padding:5px 1rem;resize:none;text-align:left;transition:all .2s ease;width:100%}.step-description:focus{border:1px solid #f97316;outline:none}.step-extra{align-content:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;font-family:inherit;font-size:14px;font-weight:400;min-height:50px;overflow:hidden;padding-left:5px;padding-top:5px;text-align:left;transition:all .2s ease;width:100%}.step-extra:focus{border:1px solid #f97316;outline:none}.edit-btn{background:none;border:none;color:#888;cursor:pointer;margin-left:auto}.edit-btn:hover{color:#111827}.add-step-btn{align-items:center;align-self:center;background-color:#f97316;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.add-step-btn.final{margin-top:8px}.screenshot{border:1px solid #eee;border-radius:8px;overflow:visible;position:relative;width:80%}.screenshot img{display:block;width:100%}.separator{background-color:#eee;border-bottom:1px solid #eee;margin:20px 0;position:relative;width:100%}.separator .add-step-btn{align-items:center;background:#f97316;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:200;height:26px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:26px}@keyframes pulse-outer{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes pulse-inner{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.outer-circle{animation:pulse-outer 1.8s ease-in-out infinite;pointer-events:all}.inner-circle{animation:pulse-inner 1.8s ease-in-out infinite;background:radial-gradient(circle,#f97316 0,#fb923c 100%);opacity:.6}.step-actions{align-items:center;display:flex;flex-direction:row;gap:6px}.delete-btn{background:none;border:none;bottom:20px;color:#888;cursor:pointer;font-size:16px}.delete-btn:hover{color:#b91c1c}.edit-form{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:16px;width:100%}.edit-header{align-items:flex-start;gap:12px}.content,.edit-header{display:flex;width:100%}.content{flex:1 1;flex-direction:column;gap:10px;padding-right:20px}.edit-input,.edit-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:12px 14px;width:100%}.edit-input::placeholder,.edit-textarea,.edit-textarea::placeholder{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.edit-input::placeholder,.edit-textarea::placeholder{color:#9ca3af;font-size:15px;font-weight:500}.edit-input:focus,.edit-textarea:focus{border-color:#f97316;box-shadow:0 0 0 1px #f97316}.edit-textarea{height:80px;resize:vertical}.edit-form .form-actions{justify-content:flex-start}.cancel-btn,.save-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 10px}.save-btn{background-color:#f97316;border:none;color:#fff}.save-btn:hover{background-color:#ea580c}.cancel-btn{background-color:#d1d5db;border:none;color:#1f2937}.cancel-btn:hover{background-color:#9ca3af}.screenshot-inputs{align-items:center;display:flex;gap:10px}.screenshot-inputs .edit-input{flex:2 1}.screenshot-inputs .file-input{cursor:pointer;flex:1 1;font-size:14px}.btn-primary{background:#f97316}.btn-primary:hover{background:#ea580c}.btn-dark{background:#1f2937;padding:10px 20px}.btn-danger,.btn-dark{border-radius:6px;color:#fff}.btn-danger{background:#dc2626;padding:10px 30px}.content-body{max-width:1900px}.left-panel{align-items:center;display:flex;flex:2 1;flex-direction:column;gap:24px;justify-content:center}.right-panel{flex:1 1;gap:16px;min-width:350px}.screenshot-box{border:1px solid #e5e7eb;border-radius:8px;position:relative;width:100%}.screenshot-box,.step-navigation{align-items:center;background:#fff;display:flex;justify-content:center}.step-navigation{border-radius:999px;box-shadow:0 4px 12px #00000014;gap:16px;padding:12px 16px}.nav-btn{background:#0000;border:none;color:#4b5563;cursor:pointer;font-size:12px}.step-counter{color:#111827;font-size:14px;font-weight:500}.input-box,.textarea-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.input-box:focus-within,.textarea-box:focus-within{border-color:#f97316;box-shadow:0 0 0 1px #f97316}.input-box input,.textarea-box textarea{background:#0000;border:none;font-family:inherit;outline:none;width:100%}.input-box input{color:#111827;font-size:16px;font-weight:500}.textarea-box{flex:1 1}.textarea-box textarea{color:#374151;font-size:15px;height:100%;resize:none}.right-panel .form-actions{display:flex;gap:12px;justify-content:flex-start}.form-actions{flex-direction:row}.screenshot-placeholder{background:#fff;border:2px dashed #f97316;border-radius:8px;margin:10px;min-width:700px;width:80%}.add-screenshot-btn,.screenshot-placeholder{align-items:center;display:flex;justify-content:center}.add-screenshot-btn{background:#f97316;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:36px;font-weight:700;height:64px;width:64px}.add-screenshot-btn:hover{background:#ea580c}.screenshot-actions{display:flex;gap:6px;position:absolute;right:10px;top:10px;z-index:10}.screenshot-actions button{align-items:center;background-color:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 6px;transition:background-color .2s ease}.screenshot-actions button:hover{background-color:#000000e6}.dropdown-menu{left:50%;min-width:170px;top:110%;transform:translateX(-50%);z-index:100}.dropdown-item{background:#fff;border:none;border-radius:10px;color:#111827;cursor:pointer;font-size:14px;padding:10px 16px;text-align:center}.dropdown-item:hover{background-color:#f1f5f9}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;height:100%;left:50;position:absolute;top:50;width:100%;z-index:1000}.modal-box{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:340px;padding:16px 24px;width:90%}.modal-box h3{color:#1e293b;font-size:20px;font-weight:600;margin:0;padding-bottom:16px;text-align:center}.modal-body{margin-bottom:20px}.modal-upload-content{justify-content:center;margin:32px 0;text-align:center}.upload-prompt{color:#64748b;margin-top:16px;text-align:center}.btn{font-size:14px;padding:5px 16px;transition:all .2s ease-in-out}.btn-primary,.btn-primary:hover{background-color:#f97316}.btn-primary:disabled{background-color:#ababab}.btn-secondary{background-color:#e2e8f0;border:1px solid #cbd5e1;color:#111827}.btn-secondary:hover{background-color:#cbd5e1;border-color:#94a3b8}.modal-actions{display:flex;gap:12px;justify-content:center;padding-top:16px}.media-container{display:flex;gap:20px;margin-bottom:20px}.file-upload-btn-edit{background-color:#f97316;border:1px solid #ddd;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;height:40px;margin-right:20px;padding:6px 20px;text-align:center;transition:background-color .2s}.file-upload-btn-edit:hover{border:1px solid #f97316;color:#111827}.file-input-edit{display:none}.form-actions-edit{display:flex;gap:10px}@media (max-width:768px){.media-container{flex-direction:column}}.outer-circle-edit{background-color:#ff6e074d;transform:translate(-50%,-50%);z-index:10}.outer-circle-edit,.screenshot-container-edit{touch-action:none;-webkit-user-select:none;user-select:none}.content-body{background-color:initial;border-radius:8px;display:flex;flex-direction:row;gap:32px;margin-bottom:100px;max-width:1100px;padding:0;width:100%}.right-panel{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;position:relative}.form-actions{align-content:center;justify-content:center;margin-top:12px;width:80%}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;left:-25%;margin-top:8px;min-width:200px;top:100%;transform:none;z-index:20}.modal-upload-content{align-items:center;display:flex;flex-direction:column;margin:20px 0 10px}.choose-file-btn{padding:10px 24px}.upload-prompt{color:#666;font-size:14px;margin-bottom:4px;margin-top:12px}.screenshot-file-upload .btn{padding:4px 10px}.screenshot-actions-edit{display:flex;gap:8px;position:absolute;right:8px;top:8px;z-index:10}.screenshot-actions-edit .delete-btn{align-items:center;background-color:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 6px;transition:background-color .2s ease}.screenshot-actions-edit .delete-btn:hover{background-color:#000000e6;color:#b91c1c}.layout-container{display:flex;height:100%;width:100%}.layout-container.toc-hidden .workflow-steps{flex-grow:1;width:100%}.content-holder{flex:1 1;overflow-y:auto}.btn-success{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.btn-success,.btn-success:hover:not(:disabled){background-color:#f97316}.btn-success:disabled{background-color:#111827}.btn-success:disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.menu-item.dragging{background-color:#f97316;background-color:var(--sidebar-active-bg);box-shadow:0 8px 24px #0000004d;color:#fff;color:var(--sidebar-text-active);cursor:grabbing;opacity:.6;transform:rotate(2deg) scale(1.02);z-index:1000}.menu-item.droppable{animation:dropZonePulse 1.5s ease-in-out infinite;background-color:#f9731626}@keyframes dropZonePulse{0%,to{background-color:#f9731626;border-color:#f97316;border-color:var(--sidebar-active-bg)}50%{background-color:#f9731640;border-color:#ea580c}}.btn-primary{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.6}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.form-actions .btn{justify-content:center;width:100%}.auto-save-indicator{background-color:#10b981;border-radius:6px;bottom:20px;color:#fff;font-size:12px;opacity:0;padding:8px 16px;position:fixed;right:20px;transition:opacity .3s ease;z-index:1000}.auto-save-indicator.show{opacity:1}.outer-circle-edit{align-items:center;animation:pulse 2s infinite;border:3px solid #f97316;border-radius:50%;cursor:move;display:flex;height:40px;justify-content:center;pointer-events:auto;position:absolute;width:40px;z-index:50}.outer-circle-edit:hover{border-color:#ea580c;transform:translate(-50%,-50%) scale(1.1)}@keyframes pulse-orange{0%{border-color:#ff6b35;box-shadow:0 0 20px #ff6b35cc;opacity:1;transform:translate(-50%,-50%) scale(1)}25%{border-color:#ff4500;box-shadow:0 0 25px #ff6b35e6;opacity:.9;transform:translate(-50%,-50%) scale(1.05)}50%{border-color:#ff6b35;box-shadow:0 0 30px #ff6b35;opacity:.8;transform:translate(-50%,-50%) scale(1.1)}75%{border-color:#ff4500;box-shadow:0 0 25px #ff6b35e6;opacity:.9;transform:translate(-50%,-50%) scale(1.05)}to{border-color:#ff6b35;box-shadow:0 0 20px #ff6b35cc;opacity:1;transform:translate(-50%,-50%) scale(1)}}.outer-circle,.outer-circle-edit{animation:pulse-orange 2s infinite!important;background-color:#ff6b354d!important;border:4px solid #ff6b35!important;box-shadow:0 0 20px #ff6b35cc!important}.outer-circle-edit:hover,.outer-circle:hover{border-color:#ff4500!important;box-shadow:0 0 30px #ff6b35!important;transform:translate(-50%,-50%) scale(1.15)!important}.screenshot-edit{position:relative}.screenshot-container,.screenshot-edit{display:inline-block}.orange-dot{background-color:orange;height:20px;transform:translate(-50%,-50%);width:20px;z-index:1000}.content-header{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);border-bottom:2px solid #f0f0f0;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.editable-title{border-radius:10px;color:#1a1a1a;cursor:pointer;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0;padding:.5rem 1rem;transition:all .2s ease}.editable-title:hover{background:linear-gradient(135deg,#fff5f0,#fff);color:#f97316;transform:translateX(2px)}.title-input{background-color:#fff;border:2px solid #f97316;border-radius:10px;box-shadow:0 0 0 4px #f973161a;color:#1a1a1a;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;min-width:400px;outline:none;padding:.5rem 1rem}.title-input:focus{border-color:#ea580c;box-shadow:0 0 0 4px #f9731626}.workflow-steps{background-color:#fafafa;flex:1 1;overflow-y:auto;padding:2rem}.workflow-steps::-webkit-scrollbar{width:8px}.workflow-steps::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.workflow-steps::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:4px}.workflow-steps::-webkit-scrollbar-thumb:hover{background:#f97316}.add-dropdown-container{display:inline-block;position:relative}.add-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;left:auto;margin-top:5px;min-width:120px;position:absolute;right:0;top:100%;transform:none;z-index:100}.add-dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left}.add-dropdown-menu .dropdown-item:hover{background:#f3f4f6}.chevron{color:#fff;font-size:12px;transition:transform .2s ease}.chevron.rotate{transform:rotate(180deg)}.dropdown-menu{animation:fadeIn .15s ease-in-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #0000001a;left:20px;margin-top:6px;position:absolute;top:60px;width:200px;z-index:10}.dropdown-menu ul{list-style:none;margin:0;padding:8px 0}.dropdown-menu li{align-items:center;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 16px;transition:background-color .2s}.dropdown-menu li:hover{background-color:#efefef;background-color:#f97316;color:#fff}.menu-icon{color:#555;font-size:17px}.dropdown-menu li:hover .menu-icon,.menu-icon:hover{color:#fff}.dropdown-menu hr{border:none;border-top:1px solid #eee;margin:6px 0}.toc-container{background-color:#fff;display:flex;height:calc(100% - 40px);overflow:hidden;padding:0;right:0;top:120px;transition:width .3s ease-in-out,padding .3s ease-in-out;width:0;z-index:1}.toc-container.visible{padding:20px 0;width:320px}.toc-icon{margin-top:0}.toc-title{color:#999;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.toc-list{list-style:none}.toc-block-item{margin-bottom:1rem}.toc-block-header{align-items:center;border-radius:12px;color:#1a1a1a;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 1rem}.toc-block-header:hover{transform:translateX(-4px)}.toc-block-number{align-items:center;background:linear-gradient(135deg,#fff5f0,#ffe4d1);border-radius:8px;color:#f97316;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:2rem;justify-content:center;min-width:2rem}.toc-block-title{flex:1 1;font-weight:600;overflow:hidden;padding-left:20px;text-overflow:ellipsis;white-space:nowrap}.toc-block-header.active .toc-block-title{color:#f97316}.toc-steps-list{border-left:2px solid #e5e7eb;margin:.5rem 0 10px 1rem;padding:0 0 0 1rem;position:relative}.toc-step-item{align-items:center;background-color:initial;border-radius:10px;color:#666;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.25rem;padding:.6rem 1rem;transition:all .2s ease}.toc-step-item:hover{color:#1a1a1a}.toc-step-item.active{color:#f97316;font-weight:600;position:relative}.toc-step-item.active:before{background-color:#f97316;bottom:0;content:"";left:-1.1rem;position:absolute;top:0;width:2px;z-index:1}.toc-step-number{background-color:#f973161a;border-radius:6px;color:#f97316;font-size:.8rem;font-weight:700;min-width:2.5rem;padding:.25rem .5rem;text-align:center}.toc-step-item.active .toc-step-number{background-color:#fff3;color:#fff}.toc-step-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-toggle-icon{align-items:center;background-color:#111827;border-bottom-left-radius:50%;border-bottom-right-radius:0;border-top-left-radius:50%;border-top-right-radius:0;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding-left:0;position:fixed;right:0;top:100px;width:30px;z-index:1000}.toc-content{background-color:#fff;border-left:1px solid #eaeaea;height:100%;overflow-y:auto;padding:30px 0 20px;width:250px}.toc-header{align-items:center;display:flex;margin-bottom:10px;padding:0 20px 15px}.toc-icon{color:#6b7280;font-size:10px;margin-right:10px}.toc-title{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px}.toc-list{display:flex;flex-direction:column;padding-left:2rem}.toc-item{border-left:3px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;overflow-wrap:anywhere;padding:12px 20px 12px 1rem;text-align:left;transition:all .2s ease;white-space:normal;word-break:break-word}.toc-item:hover{background-color:#f9fafb;color:#111827}.toc-item.active{color:#111827;font-weight:500}.toc-container::-webkit-scrollbar{width:6px}.toc-container::-webkit-scrollbar-track{background:#0000}.toc-container::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.toc-container::-webkit-scrollbar-thumb:hover{background:#f97316}.notification{border-radius:8px!important;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a,0 0 0 1px #0000000d!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;max-width:420px!important;min-width:380px!important;opacity:0;padding:12px 16px!important;pointer-events:none;position:relative;transform:translateX(calc(100% + 40px)) scale(.95);transform:translateX(calc(100% + 40px)) scale(var(--stack-scale,.95));transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1000;z-index:var(--notification-z-index,calc(1000 - var(--stack-index, 0)))}.notification.show{opacity:1;opacity:var(--stack-opacity,1);pointer-events:auto;transform:translateX(0) scale(1);transform:translateX(0) scale(var(--stack-scale,1))}.notification.hide{opacity:0;pointer-events:none;transform:translateX(calc(100% + 40px)) scale(.95);transform:translateX(calc(100% + 40px)) scale(var(--stack-scale,.95))}.notification:hover{box-shadow:0 20px 35px -5px #00000040,0 10px 15px -6px #00000026,0 0 0 1px #0000000d;opacity:1!important;transform:translateX(0) scale(1);z-index:1100}.notification-success{background:linear-gradient(135deg,#f97316,#fb923c)!important;border-left:4px solid #ea580c!important;color:#fff!important}.notification-error{background:#dc2626!important;border-left:4px solid #f97316!important;color:#fff!important}.notification-warning{background:#f59e0b!important;border-left:4px solid #f97316!important;color:#111827!important}.notification-info{background:#111827!important;border-left:4px solid #f97316!important;color:#fff!important}.notification-content{align-items:center;display:flex;gap:10px;min-height:24px}.notification-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.notification-icon{stroke-width:2.5;display:block;height:20px;width:20px}.notification-message{word-wrap:break-word;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.5;margin:0}.notification-close{align-items:center;background:#0000;border:none;border-radius:3px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin:-4px -4px -4px 0;opacity:.85;padding:4px;transition:all .15s ease;width:24px}.notification-close:hover{background-color:#0000001a;opacity:1}.notification-close:active{background-color:#00000026}@media (max-width:640px){.notification{max-width:calc(100vw - 32px);min-width:320px;transform:translateY(-100%) scale(.95);transform:translateY(-100%) scale(var(--stack-scale,.95))}.notification.show{transform:translateY(0) scale(1);transform:translateY(0) scale(var(--stack-scale,1))}.notification.hide{transform:translateY(-100%) scale(.95);transform:translateY(-100%) scale(var(--stack-scale,.95))}.notification:hover{transform:translateY(0) scale(1)}}@media (prefers-contrast:high){.notification{border-width:2px;box-shadow:0 4px 16px #0000004d}.notification-success{background:#f97316;border-color:#ea580c}.notification-error{background:#dc2626;border-color:#f97316}.notification-warning{background:#f59e0b;border-color:#f97316}.notification-info{background:#111827;border-color:#f97316}}@media (prefers-reduced-motion:reduce){.notification{transition:opacity .15s ease}.notification:hover{transform:translateX(0)}}.notification-container{display:flex;flex-direction:column;gap:12px;isolation:isolate;max-height:calc(100vh - 40px);overflow:visible;pointer-events:none;position:fixed;z-index:1000;z-index:var(--z-index-base,1000)}.notification-container-many{gap:8px}.notification-container-top-right{align-items:flex-end;right:20px;top:20px}.notification-container-top-left{align-items:flex-start;left:20px;top:20px}.notification-container-bottom-right{align-items:flex-end;bottom:20px;flex-direction:column-reverse;right:20px}.notification-container-bottom-left{align-items:flex-start;bottom:20px;flex-direction:column-reverse;left:20px}.notification-container-top-center{align-items:center;left:50%;top:20px;transform:translateX(-50%)}.notification-container-bottom-center{align-items:center;bottom:20px;flex-direction:column-reverse;left:50%;transform:translateX(-50%)}.notification-overflow-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #ffffff1a;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-top:8px;padding:8px 16px;pointer-events:auto;text-align:center;transition:all .2s ease}.notification-overflow-indicator:hover{background:#000000e6;transform:scale(1.05)}.notification-container>*{position:relative}.notification-container-bottom-center,.notification-container-bottom-left,.notification-container-bottom-right,.notification-container-top-center,.notification-container-top-left,.notification-container-top-right{max-height:calc(100vh - 40px)}@supports (padding:max(0px)){.notification-container-top-center,.notification-container-top-left,.notification-container-top-right{top:max(20px,env(safe-area-inset-top))}.notification-container-bottom-center,.notification-container-bottom-left,.notification-container-bottom-right{bottom:max(20px,env(safe-area-inset-bottom))}.notification-container-bottom-right,.notification-container-top-right{right:max(20px,env(safe-area-inset-right))}.notification-container-bottom-left,.notification-container-top-left{left:max(20px,env(safe-area-inset-left))}}@media (max-width:640px){.notification-container{left:16px!important;max-width:calc(100vw - 32px);right:16px!important;transform:none!important}.notification-container-bottom-center,.notification-container-top-center{left:16px;transform:none}.notification-container{gap:8px}.notification-container-many{gap:6px}}@media (max-width:1024px) and (min-width:641px){.notification-container{gap:10px}.notification-container-many{gap:7px}}@media (prefers-contrast:high){.notification-overflow-indicator{background:#000;border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.notification-overflow-indicator{transition:none}.notification-overflow-indicator:hover{transform:none}}@media print{.notification-container{display:none!important}}.step-block{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;margin-bottom:1rem;padding:1.5rem;position:relative;transition:all .3s ease}.step-block:hover{border-color:#f97316;box-shadow:0 4px 16px #00000014}.block-controls{align-items:center;display:flex;gap:.5rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s ease-in-out;z-index:10}.step-block:hover .block-controls{opacity:1}.control-btn{align-items:center;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;color:#555;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s ease}.control-btn:hover{background-color:#e0e0e0;border-color:#ccc;color:#1a1a1a}.drag-handle{align-items:center;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;color:#aaa;cursor:grab;display:flex;justify-content:center;left:10px;opacity:0;padding:6px;position:absolute;top:10px;transition:opacity .2s ease-in-out;z-index:10}.step-block:hover .drag-handle{opacity:1}.step-block.dragging{opacity:.5}.step-container{width:100%}.step-row{display:flex;flex-direction:column}.step-left{align-items:center;display:flex;flex-direction:row;margin-top:25px}.add-extra-btn{display:none}.screenshot-container{align-items:center;border:1px dashed #aaa;border-radius:12px;display:flex;height:auto;justify-content:center;overflow:hidden;position:relative;width:60%}.screenshot-img{background:linear-gradient(135deg,#fff5f0,#ffe4d1);border-radius:6px;color:#1a1a1a;display:block;font-size:.9rem;font-weight:700;height:auto;object-fit:cover;width:100%}.screenshot-wrap{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.orange-dot{animation:pulse 2s infinite}.control-btn.enhancing{background-color:#f97316;border-color:#f97316;color:#fff}.control-btn.enhancing:hover{background-color:#ea580c;border-color:#ea580c}.control-btn .spinning{animation:spin 1s linear infinite}.items-container{background:#fff;border-radius:.5rem;box-shadow:0 0 0 1px #0000000d,0 10px 20px #0000001a;color:#000c;font-size:.9rem;overflow:hidden;padding:.2rem;position:relative;z-index:9999}.item{align-items:center;background:#0000;border:1px solid #0000;border-radius:.4rem;cursor:pointer;display:block;display:flex;gap:.75rem;padding:.5rem;text-align:left;width:100%}.item.is-selected{background-color:#f0f0f0;border-color:#ddd}.command-icon{align-items:center;border:1px solid #eee;color:#666;display:flex;justify-content:center}.command-icon,.command-image{border-radius:4px;height:40px;width:40px}.command-details{display:flex;flex-direction:column}.command-title{color:#333;font-weight:500}.command-description{color:#888;font-size:.8rem}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:#0000;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.editor-container .ProseMirror{border:none;border-radius:12px;min-height:400px;padding-left:0;transition:box-shadow .2s ease}.editor-container{overflow-y:hidden}.ProseMirror:focus{box-shadow:0 0 0 3px #f973161a;outline:none}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{color:#1a1a1a;font-weight:700;margin-bottom:.5em;margin-top:1.5em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.ProseMirror p{color:#444;line-height:1.8;margin-bottom:1em}.ProseMirror ol,.ProseMirror ul{margin-bottom:1em;margin-left:1.5rem}.ProseMirror blockquote{border-left:4px solid #f97316;color:#666;font-style:italic;margin-left:0;padding-left:1rem}.ProseMirror pre{background:linear-gradient(135deg,#f5f5f5,#fafafa);border:1px solid #e5e5e5;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:1rem;white-space:pre-wrap}.steps-container{border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 2px 12px #0000000a;margin-bottom:1rem;overflow-y:hidden;padding:0;transition:all .3s ease}.steps-container:hover{box-shadow:0 4px 20px #00000014}.steps-heading-wrapper{align-items:center;background:#fff;border-radius:16px 16px 0 0;display:flex;gap:10px;padding:5px 1.25rem}.steps-heading{color:#111827;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.steps-heading.editable{border-radius:8px;color:#111827;cursor:pointer;font-weight:700;padding:0 .75rem;transition:all .2s ease}.steps-heading.editable:hover{background-color:#ffffff1a;transform:translateX(2px)}.steps-heading-input{background-color:#fff;border:2px solid #f97316;border-radius:8px;box-shadow:0 0 0 4px #f973161a;color:#1a1a1a;font-family:inherit;font-size:1.2rem;font-weight:700;margin-top:15px;outline:none;padding:.5rem .75rem;width:97%}.steps-heading-input:focus{border:none;outline:none}.steps-content{padding:1.5rem}.steps-block-number{align-items:center;background-color:#f97316;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:38px;justify-content:center;width:40px}.steps-heading-content{align-items:center;display:flex;gap:10px}.guide-root{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding-top:60px;scroll-behavior:smooth}.nav-panel{flex-shrink:0;position:relative;width:220px}.nav-panel -sticky{height:calc(80vh - 60px);left:2%;max-height:calc(80vh - 60px);overflow-x:hidden;overflow-y:auto;padding:24px;position:fixed;top:11%;width:200px}.panel-header{align-items:center;display:flex;gap:12px;margin-bottom:32px}.icon-book{color:#6b7280;height:20px;width:20px}.contents-heading{color:#6b7280;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.workflow-block-heading{padding-left:20px}.section-nav{border-left:2px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;margin-left:32px;padding-left:16px}.nav-link{word-wrap:break-word;background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;line-height:1.4;max-width:150px;padding:4px 0;text-align:left;transition:color .2s ease;white-space:normal;width:100%}.nav-link-current{color:#111827;font-weight:600}.primary-area{flex:1 1;height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;padding:32px;scroll-behavior:smooth;scroll-padding-top:80px}.inner-container{margin:0 auto;max-width:900px}.header-block{margin-bottom:32px}.main-title{color:#111827;cursor:default;font-size:24px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instructions-list{display:flex;flex-direction:column}.instruction-card{border:none;border-radius:8px;box-shadow:none;padding:4px}.instruction-row{align-items:flex-start;display:flex;gap:16px;margin-left:10%;position:relative}.workflow-block-container-doc .instruction-row:after{background-color:#e5e7eb;bottom:-104px;content:"";height:100%;left:10px;position:absolute;top:32px;width:2px;z-index:0}.workflow-block-container-doc .instruction-block.no-screenshot:last-child .instruction-row:after{height:0}.workflow-block-container-doc{margin-top:10px;position:relative}.workflow-block-container-doc:after{background-color:#e5e7eb;height:40px;left:16px;position:absolute;top:100%;width:2px;z-index:0}.workflow-block-container-doc:last-child:after{display:none}.step-indicator{align-items:center;background-color:#f97316;border-radius:50%;color:#fff;display:flex;font-weight:500;height:25px;justify-content:center;position:relative;width:25px;z-index:1}.toc-block-item{margin-bottom:20px}.toc-block-header{color:#333;cursor:pointer;font-size:13px;font-weight:700;padding:10px 0;transition:color .2s ease}.toc-block-header.active,.toc-block-header:hover{color:#f97316}.toc-steps-list{list-style:none;margin:5px 0 0;padding-left:15px}.toc-step-item{color:#555;cursor:pointer;font-size:13px;padding:5px 0;transition:color .2s ease}.toc-step-item.active,.toc-step-item:hover{color:#f97316;font-weight:600}.instruction-body{flex:1 1;margin-top:-2.5%}.instruction-heading{color:#000;font-size:18px;font-weight:500;margin-bottom:16px}.instruction-content{display:flex;flex-direction:column;gap:16px}.instruction-text{color:#4b5563;line-height:1.5}.screenshot-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:0;display:inline-block;padding:16px}.screenshot-image{border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px #0000000d;width:100%}.share-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:60px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.header-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px}.back-btn{background-color:#111827;border:1px solid #111827;color:#f3f4f6;font-weight:600}.back-btn:hover{background:#1f2937}.confirm-btn{background:#f97316;color:#fff;font-weight:600}.confirm-btn:hover{background:#ea580c}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{animation:fadeIn .2s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:16px;width:460px}.modal-header{margin-bottom:18px}.modal-header h3{font-size:18px}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px}.close-btn:hover{color:#111827}.modal-body{flex-direction:row;gap:16px}.copy-btn{align-self:center;font-weight:500;padding:10px 18px}.copy-btn:hover{background:#1f2937}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.modal-header h3{color:#111827;flex:1 1;font-size:20px;font-weight:600;text-align:center}.modal-body{align-items:center;display:flex;flex-direction:column;gap:18px}.share-link-input{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;max-width:380px;padding:10px 12px;text-align:center;width:100%}.copy-btn{background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 22px;transition:background .2s ease}.copy-btn:hover{background:#1d1e1f}.tab-switcher{background:#e5e7eb;border-radius:8px;display:flex;overflow:hidden;position:relative;width:320px}.tab-btn{background:#0000;border:none;color:#374151;cursor:pointer;flex:1 1;font-weight:600;padding:12px 0;position:relative;transition:color .3s ease;z-index:2}.tab-btn.active{color:#fff}.tab-slider{background:#111827;border-radius:8px;bottom:0;position:absolute;top:0;transition:transform .3s ease-in-out;width:50%;z-index:1}.tab-slider.left{transform:translateX(0)}.tab-slider.right{transform:translateX(100%)}.btn{border:none;border-radius:4px;font-weight:600;padding:4px 12px}.nav-panel-sticky::-webkit-scrollbar,.primary-area::-webkit-scrollbar{width:4px}.nav-panel-sticky::-webkit-scrollbar-track,.primary-area::-webkit-scrollbar-track{background:#0000;border-radius:2px}.nav-panel-sticky::-webkit-scrollbar-thumb:hover,.primary-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0000 0,#0000 25%,#9ca3af99 0,#9ca3af99 75%,#0000 0,#0000);width:6px}.nav-panel-sticky,.primary-area{scrollbar-color:#9ca3af4d #0000;scrollbar-width:thin}.guide-root{overflow:hidden}.nav-panel-sticky::-webkit-scrollbar-thumb,.primary-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0000 0,#0000 30%,#9ca3af4d 0,#9ca3af4d 70%,#0000 0,#0000);border-radius:2px;min-height:40px;-webkit-transition:all .2s ease;transition:all .2s ease}@media (max-width:768px){.nav-panel-sticky::-webkit-scrollbar,.primary-area::-webkit-scrollbar{background:#0000;width:0}.nav-panel-sticky,.primary-area{-ms-overflow-style:none;scrollbar-width:none}}:root{--tour-spacing-xs:0.5rem;--tour-spacing-sm:1rem;--tour-spacing-md:1.5rem;--tour-spacing-lg:2rem;--tour-spacing-xl:3rem;--tour-spacing-2xl:4rem;--tour-container-max-width:1200px;--tour-content-max-width:700px;--tour-border-radius:12px;--tour-shadow:0 4px 20px #00000014;--tour-shadow-hover:0 8px 30px #0000001f}.product-tour-container{align-items:center;justify-content:flex-start;min-height:100vh;padding:1.5rem 1rem;padding:var(--tour-spacing-md) var(--tour-spacing-sm);scroll-behavior:smooth;scroll-padding-top:80px;width:100%}.product-tour-container,.product-tour-content{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column}.product-tour-content{border-radius:12px;border-radius:var(--tour-border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--tour-shadow);gap:clamp(1.5rem,3vw,3rem);gap:clamp(var(--tour-spacing-md),3vw,var(--tour-spacing-xl));margin:0;max-width:700px;max-width:var(--tour-content-max-width);padding:clamp(1rem,2vw,2rem);padding:clamp(var(--tour-spacing-sm),2vw,var(--tour-spacing-lg));scroll-behavior:smooth;transition:box-shadow .3s ease;width:90%}.product-tour-content:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--tour-shadow-hover)}.workflow-section{margin-bottom:clamp(3rem,5vw,4rem);margin-bottom:clamp(var(--tour-spacing-xl),5vw,var(--tour-spacing-2xl));width:100%}.workflow-title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;line-height:1.3;text-align:center}.workflow-title,.workflow-tour-content-wrapper{margin-bottom:2rem;margin-bottom:var(--tour-spacing-lg)}.workflow-tour-content-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--tour-border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--tour-shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;width:100%}.workflow-tour-content-wrapper:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--tour-shadow-hover);transform:translateY(-2px)}.workflow-tour-content-wrapper.active-workflow{border-color:#f97316;box-shadow:0 4px 20px #f9731626}.workflow-tour-title{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;color:#111827;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600;line-height:1.4;margin:0;padding:1.5rem;padding:var(--tour-spacing-md);text-align:center}.product-tour-mockup{background-color:#fff;border-radius:12px;border-radius:var(--tour-border-radius);box-sizing:border-box;height:auto;overflow:hidden;width:100%}.tour-controls-top{align-items:center;border-bottom:1px solid #e5e7eb;z-index:10}.replay-controls-mock,.tour-controls-top{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;padding:var(--tour-spacing-sm)}.replay-controls-mock{border-top:1px solid #e5e7eb;gap:1rem;gap:var(--tour-spacing-sm);min-height:50px}.step-indicators{border-top:1px solid #f1f5f9;gap:.5rem;gap:var(--tour-spacing-xs);padding:1.5rem;padding:var(--tour-spacing-md)}.tour-controls-top-left,.tour-controls-top-right{z-index:10}.tour-controls-top-left button,.tour-controls-top-right button{background-color:#111827;border:none;border-radius:30%;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:28px;transition:opacity .3s ease;width:32px}.tour-controls-top-left button:hover,.tour-controls-top-right button:hover{background-color:#f97316}.tour-controls-top-left button:disabled{cursor:not-allowed;opacity:.5}.screenshot-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-sizing:border-box;display:flex;flex-grow:1;justify-content:center;max-height:60vh;min-height:300px;overflow:hidden;padding:1rem;padding:var(--tour-spacing-sm);position:relative;width:100%}.product-tour-screenshot{border-radius:.5rem;border-radius:var(--tour-spacing-xs);box-shadow:0 4px 12px #0000001a;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.product-tour-screenshot:hover{transform:scale(1.02)}.outer-circle{animation:pulse 2s infinite;border:3px solid #f97316;height:26px;width:26px;z-index:50}.inner-circle{background-color:#f973164d;height:26px;width:26px}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialogue-box{background-color:#fff;border:2px solid #f97316;border-radius:12px;box-shadow:0 8px 25px #00000026;color:#111827;max-width:320px;min-width:200px;padding:16px 20px;position:absolute;text-align:left;transform:translateX(-50%);z-index:100}.dialogue-title{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:12px 0 8px}.dialogue-description{color:#374151;font-size:14px;line-height:1.5;margin:0 0 12px}.replay-controls-mock{align-items:center;background-color:#fff;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:15px;justify-content:center;padding:15px 20px;z-index:10}.play-button-tour{background-color:#fff;border-radius:10%;color:#111827;cursor:pointer;font-size:20px;padding:2px 10px;transition:all .2s ease}.play-button-tour:hover{background-color:#f97316;color:#fff}.progress-bar{background-color:#111827;border-radius:4px;flex-grow:1;height:8px;position:relative}.progress-fill{background-color:#f97316;border-radius:4px;height:100%;left:0;position:absolute;top:0}.speed-control{color:#111827;font-size:16px;font-weight:600}.step-indicators{background-color:#fff;display:flex;gap:8px;justify-content:center;padding:10px 0}.step-dot{background-color:#d1d5db;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s ease;width:10px}.step-dot.active{background-color:#f97316}.text-only-steps{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--tour-border-radius);display:flex;flex-direction:column;gap:1rem;gap:var(--tour-spacing-sm);margin:1rem;margin:var(--tour-spacing-sm)}.text-only-step,.text-only-steps{padding:1.5rem;padding:var(--tour-spacing-md)}.text-only-step{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--tour-spacing-xs);box-shadow:0 4px 20px #00000014;box-shadow:var(--tour-shadow);transition:all .3s ease}.text-only-step:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--tour-shadow-hover);transform:translateY(-1px)}.text-step-title{color:#111827;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:600;line-height:1.4;margin:0 0 1rem;margin:0 0 var(--tour-spacing-sm) 0}.text-step-description{color:#374151;font-size:clamp(.875rem,1.2vw,1rem);line-height:1.6;margin:0}.final-text-steps{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--tour-border-radius);display:flex;flex-direction:column;gap:1rem;gap:var(--tour-spacing-sm);margin:1rem;margin:var(--tour-spacing-sm);padding:1.5rem;padding:var(--tour-spacing-md)}.screenshot-wrapper-product{border:none;border-radius:.5rem;border-radius:var(--tour-spacing-xs);box-shadow:0 4px 20px #00000014;box-shadow:var(--tour-shadow);display:block;margin:1rem;margin:var(--tour-spacing-sm);overflow:hidden;position:relative;transition:all .3s ease}.screenshot-wrapper-product:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--tour-shadow-hover);transform:translateY(-2px)}.workflow-content{background:#fff;border-radius:12px;border-radius:var(--tour-border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--tour-shadow);margin-bottom:2rem;margin-bottom:var(--tour-spacing-lg);overflow:hidden;position:relative;width:100%}.control-button,.nav-button{background-color:#111827;border:none;border-radius:30%;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;height:28px;transition:all .2s ease;width:32px}.control-button:hover,.nav-button:hover{background-color:#f97316}.tour-controls-top{background-color:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.tour-controls-top-left,.tour-controls-top-right{display:flex;gap:8px}.product-tour-mockup{border-radius:8px;display:flex;flex-direction:column}@media (max-width:768px){:root{--tour-spacing-xs:0.375rem;--tour-spacing-sm:0.75rem;--tour-spacing-md:1rem;--tour-spacing-lg:1.25rem;--tour-spacing-xl:1.75rem;--tour-spacing-2xl:2.5rem}.product-tour-container{padding:1.5rem 1rem;padding:var(--tour-spacing-md) var(--tour-spacing-sm)}.product-tour-content{gap:2rem;gap:var(--tour-spacing-lg);max-width:100%;padding:1.5rem;padding:var(--tour-spacing-md)}.tour-controls-top{flex-wrap:wrap;gap:1rem;gap:var(--tour-spacing-sm);padding:1rem;padding:var(--tour-spacing-sm)}.tour-controls-top-left,.tour-controls-top-right{gap:.5rem;gap:var(--tour-spacing-xs)}.screenshot-wrapper{max-height:50vh;min-height:250px;padding:1rem;padding:var(--tour-spacing-sm)}.final-text-steps,.text-only-steps{margin:1rem;margin:var(--tour-spacing-sm)}.final-text-steps,.text-only-step,.text-only-steps,.workflow-tour-title{padding:1.5rem;padding:var(--tour-spacing-md)}.replay-controls-mock{flex-wrap:wrap;gap:1rem;gap:var(--tour-spacing-sm)}.replay-controls-mock,.step-indicators{padding:1rem;padding:var(--tour-spacing-sm)}}@media (max-width:480px){.product-tour-container,.product-tour-content{padding:1rem;padding:var(--tour-spacing-sm)}.screenshot-wrapper{max-height:40vh;min-height:200px}.tour-controls-top-left button,.tour-controls-top-right button{height:28px;width:32px}.dialogue-box{max-width:280px;min-width:180px;padding:1rem 1.5rem;padding:var(--tour-spacing-sm) var(--tour-spacing-md)}}@media (min-width:769px) and (max-width:1024px){:root{--tour-content-max-width:650px}.product-tour-content{width:85%}}@media (min-width:1025px) and (max-width:1399px){:root{--tour-content-max-width:700px}.product-tour-content{width:80%}}@media (min-width:1400px){:root{--tour-content-max-width:750px}.product-tour-content{gap:3rem;gap:var(--tour-spacing-xl);width:75%}.screenshot-wrapper{max-height:65vh;min-height:350px}}@media (prefers-contrast:high){.replay-controls-mock,.step-indicators,.text-only-step,.tour-controls-top,.workflow-tour-content-wrapper{border-width:2px}}@media (prefers-reduced-motion:reduce){.product-tour-content,.product-tour-screenshot,.screenshot-wrapper-product,.text-only-step,.workflow-tour-content-wrapper{transition:none}.product-tour-screenshot:hover,.screenshot-wrapper-product:hover,.text-only-step:hover,.workflow-tour-content-wrapper:hover{transform:none}}@media print{.product-tour-container{display:block;padding:0}.product-tour-content{border:1px solid #000;box-shadow:none;max-width:none;width:100%}.replay-controls-mock,.step-indicators,.tour-controls-top{display:none}.screenshot-wrapper{background:#fff;max-height:none;min-height:auto}}.step-dot:focus,.tour-controls-top-left button:focus,.tour-controls-top-right button:focus{outline:2px solid #f97316;outline-offset:2px}.product-tour-content.loading{opacity:.7;pointer-events:none}.product-tour-content.loading:after{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#f97316;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px}.workflow-tour-content-wrapper+.workflow-tour-content-wrapper{margin-top:3rem;margin-top:var(--tour-spacing-xl)}.workflow-tour-content-wrapper:before{background:linear-gradient(180deg,#0000,#e5e7eb);content:"";height:2rem;height:var(--tour-spacing-lg);left:50%;position:absolute;top:-var(--tour-spacing-lg);transform:translateX(-50%);width:2px;z-index:-1}.workflow-tour-content-wrapper:first-child:before{display:none}.navigation-arrows{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;padding:12px;pointer-events:none;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100}.nav-arrow{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#495057;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;outline:none;overflow:hidden;pointer-events:auto;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:40px}.nav-arrow:hover:not(.disabled){background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px #f973164d;color:#fff;transform:translateY(-1px)}.nav-arrow:active:not(.disabled){box-shadow:0 2px 8px #f9731666;transform:translateY(0)}.nav-arrow.disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#adb5bd;cursor:not-allowed;opacity:.5}.nav-arrow:not(.disabled):before{background:linear-gradient(135deg,#f973161a,#ea580c1a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.nav-arrow:hover:not(.disabled):before{opacity:1}.nav-arrow:focus-visible{box-shadow:0 0 0 4px #f9731633;outline:2px solid #f97316;outline-offset:2px}@media (hover:none) and (pointer:coarse){.navigation-arrows{padding:16px}.nav-arrow{height:44px;width:44px}}@media (max-width:1024px){.navigation-arrows{right:20px}}@media (max-width:768px){.navigation-arrows{right:15px}}@media (max-width:480px){.navigation-arrows{display:none}}.workflow-with-toc .navigation-arrows{right:350px}@media (max-width:1200px){.workflow-with-toc .navigation-arrows{right:320px}}@media (max-width:1024px){.workflow-with-toc .navigation-arrows{right:20px}}.session-player-container{background-color:#000c;box-sizing:border-box;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;z-index:1000}.player-header,.session-player-container{align-items:center;display:flex;width:100%}.player-header{color:#fff;justify-content:space-between;max-width:1200px;padding-bottom:10px}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.debug-info{background-color:#333;border-radius:4px;color:#ccc;display:flex;font-size:12px;gap:15px;margin-bottom:10px;padding:5px 10px}.player-viewport{aspect-ratio:16/9;background-color:#000;border:1px solid #444;max-width:1200px;overflow:hidden;position:relative;width:100%}.player-canvas{height:100%;width:100%}.mouse-cursor{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white" stroke="black" stroke-width="1"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/></svg>');background-size:contain;height:20px;width:20px}.click-indicator,.mouse-cursor{pointer-events:none;position:absolute}.click-indicator{animation:click-animation 1s ease-out;background-color:#ff000080;border-radius:50%;height:30px;width:30px}@keyframes click-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.player-overlay{position:absolute;right:10px;top:10px}.test-click-btn{background-color:#ff4500;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.player-controls{align-items:center;background-color:#222;border-radius:0 0 8px 8px;display:flex;max-width:1200px;padding:10px;width:100%}.play-button{background:none;font-size:24px;margin-right:10px}.progress-container{flex-grow:1;margin:0 10px}.progress-bar{width:100%}.time-display{color:#fff;font-size:14px;margin:0 10px}.speed-control select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;padding:5px}.steps-panel{background-color:#222;border-radius:8px;color:#fff;margin-top:20px;max-height:30vh;max-width:1200px;overflow-y:auto;padding:15px;width:100%}.steps-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.step-card{background-color:#333;border-radius:6px;overflow:hidden}.step-header{align-items:center;display:flex;gap:10px;padding:10px}.step-title{font-weight:500}.step-screenshot-container{position:relative}.step-screenshot{display:block;width:100%}.step-click-indicator{background-color:#ff0000b3;border:2px solid #fff;border-radius:50%;height:15px;position:absolute;transform:translate(-50%,-50%);width:15px}.no-events,.no-session{color:#fff;text-align:center}.steps-fallback{margin-top:20px;max-width:800px;width:100%}.steps-list{background-color:#1e1e1e;border-radius:8px;max-height:60vh;overflow-y:auto;padding:15px}.step-item{border-bottom:1px solid #444;display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px}.orange-dot{animation:highlight-pulse 1.8s ease-in-out infinite;border:8px solid #f97316;border-radius:50%;height:38px;pointer-events:none;position:absolute;width:38px;z-index:10}@keyframes highlight-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.3)}}.sessions-list-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.sessions-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.sessions-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.refresh-button{align-items:center;background:#007cba;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:2rem;padding:1rem;text-align:center}.error-message button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem 1rem;transition:background .2s ease}.error-message button:hover{background:#c82333}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top-color:#007cba;height:40px;margin-bottom:1rem;width:40px}.loading-container p{color:#6c757d;font-size:1.1rem;margin:0}.empty-state{color:#6c757d;padding:4rem 2rem;text-align:center}.empty-state h3{color:#495057;font-size:1.5rem;margin:0 0 1rem}.empty-state p{font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:500px}.sessions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.session-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:1.5rem;transition:all .3s ease}.session-card:hover{border-color:#007cba;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.session-title{color:#333;font-size:1.25rem;font-weight:600}.session-status{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.session-date{color:#6c757d;font-size:.875rem;font-weight:500;margin-bottom:1rem}.session-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.stat{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.stat-label{color:#6c757d;font-size:.875rem;font-weight:500}.stat-value{color:#333;font-size:.875rem;font-weight:600}.session-preview{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:1.5rem;overflow:hidden}.preview-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.session-card:hover .preview-image{transform:scale(1.05)}.no-preview{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center}.no-preview span{font-size:2rem;margin-bottom:.5rem}.no-preview p{font-size:.875rem;margin:0}.session-actions{display:flex;gap:.75rem}.play-button{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.play-button:hover{background:#218838;transform:translateY(-1px)}.debug-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:1.5rem}.debug-panel h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.debug-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.debug-stat{align-items:center;background:#f8f9fa;border-left:4px solid #007cba;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.debug-stat span:first-child{color:#6c757d;font-weight:500}.debug-stat span:last-child{color:#333;font-size:1.1rem;font-weight:600}@media (max-width:768px){.sessions-list-container{padding:1rem}.sessions-header{align-items:stretch;flex-direction:column;gap:1rem}.sessions-header h1{font-size:1.75rem;text-align:center}.sessions-grid{gap:1rem}.debug-stats,.session-stats,.sessions-grid{grid-template-columns:1fr}}@media (max-width:480px){.sessions-list-container{padding:.5rem}.session-card{padding:1rem}.session-header{align-items:flex-start;flex-direction:column;gap:.5rem}.session-title{font-size:1.1rem}.debug-panel{padding:1rem}}.workflow-list-page-root{background-color:#f8f9fa;color:#333;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden}.workflow-list-sidebar{background-color:#111827;box-shadow:2px 0 8px #ffffff40;color:#f8f9fa;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;padding:0 10px;width:260px}.workflow-list-sidebar .sidebar-header{border-bottom:1px solid #fff;margin-bottom:15px;padding:30px 24px}.workflow-list-sidebar .main-heading{color:#fff;cursor:default;font-size:18px;font-weight:700;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-search{margin:10px 0 30px;position:relative}.search-input{background-color:#f0f0f0;border:none;border-radius:10px;color:#111827;font-size:14px;outline:none;padding:10px 36px;width:70%}.search-input::placeholder{color:#9ca3af}.search-icon-publish{color:#9ca3af;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.sidebar-item{display:block;transition:all .2s ease;width:100%}.item-header{align-items:center;border-radius:10px;color:#e5e7eb;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;letter-spacing:.01px;padding:10px 20px;transition:background-color .25s ease,color .25s ease}.sidebar-item:hover>.item-header{background-color:#1e293b}.sidebar-item.active>.item-header{background-color:#f97316;color:#fff}.icon{align-items:center;display:flex;margin-left:10px}.item-name{flex:1 1;font-size:14px;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-icon{color:#9ca3af;font-size:12px;margin-left:6px;transition:transform .25s ease}.sidebar-item.active>.item-header .expand-icon{color:#fff}.expand-icon.expanded{transform:rotate(180deg)}.sidebar-submenu{list-style:none;margin:0;overflow:hidden;padding-left:20px;transition:max-height .3s ease-in-out}.sidebar-submenu li{padding:5px 0}.sidebar-item .item-header{padding-left:20px;padding-left:calc(20px + var(--indent, 0)*12px)}.workflow-list-sidebar::-webkit-scrollbar{width:6px}.workflow-list-sidebar::-webkit-scrollbar-thumb{border-radius:3px}.workflow-list-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:10px;position:relative}.workflow-title{background-color:#fff;border-bottom:1px solid #eee;color:#111827;cursor:default;flex-shrink:0;font-size:1.9rem;font-weight:700;max-width:100%;overflow:hidden;padding-bottom:20px;padding-left:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;z-index:10}.workflow-with-toc{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden;padding:20px;position:relative}.workflow-block-heading{color:#111827;font-size:1.3em;font-weight:700;margin-left:15px;text-align:left}.instruction-block{background-color:#fff;border-radius:8px;padding:15px}.instructions-list{flex:1 1;height:100%;margin-top:-30px;min-width:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:20px}.instruction-card-publish{border:1px solid #fff;display:flex;flex-direction:column}.step-indicator-publish{align-items:center;background-color:#f97316;border-radius:50%;color:#fff;display:flex;font-weight:500;height:25px;justify-content:center;margin-top:16px;position:relative;width:25px;z-index:2}.instruction-row-publish{align-items:flex-start;display:flex;gap:15px;margin-left:15px;position:relative}.instruction-block-publish .instruction-row-publish:after{background-color:#e5e7eb;content:"";height:calc(100% - 20px);left:12px;position:absolute;top:35px;width:2px;z-index:1}.workflow-block-container .instruction-block-publish:not(:last-child) .instruction-row-publish:after{height:calc(100% + 15px)}.workflow-block-container .instruction-block-publish:last-child .instruction-row-publish:after{height:100%}.workflow-block-container .instruction-block-publish.no-screenshot:last-child .instruction-row-publish:after{height:0}.workflow-block-container{padding-bottom:15px;position:relative}.workflow-block-container:not(:last-child):after{background-color:#e5e7eb;height:30px;left:12px;position:absolute;top:calc(100% - 15px);width:2px;z-index:1}.instruction-content-publish{margin-left:15px;padding-bottom:20px}.instruction-body-publish{flex-grow:1}.instruction-heading-publish{color:#111827;font-size:18px;font-weight:600;margin-left:10px}.instruction-content-publish .instruction-text-publish{color:#555;font-size:.95em;line-height:1.5;margin-bottom:15px}.screenshot-wrapper-image{border-radius:10px;margin-top:15px;max-width:700px;overflow:hidden;position:relative;width:100%}.screenshot-image{border-radius:10px}.outer-circle{align-items:center;background-color:#f973164d;border-radius:50%;display:flex;height:40px;justify-content:center;pointer-events:none;position:absolute;width:40px}.inner-circle{background-color:#f97316;border-radius:50%;height:20px;width:20px}.workflow-list-toc{background-color:#fff;border-left:1px solid #eee;flex-shrink:0;height:calc(100vh - 60px);margin-left:20px;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:250px}.workflow-list-toc .toc-header{display:flex;justify-content:flex-start;margin-bottom:15px;margin-left:-25px;padding-bottom:15px;padding-top:10px}.workflow-list-toc .toc-heading{color:#666;font-size:12px;font-weight:700;margin:0;padding-left:15px;text-transform:uppercase}.workflow-list-toc .toc-list{list-style:none;margin:0;padding:10}.workflow-list-toc .toc-block-item{margin-bottom:20px}.workflow-list-toc .toc-block-header{border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:700;padding:10px 8px;transition:all .2s ease}.workflow-list-toc .toc-block-header:hover{background-color:#f973160d;color:#f97316;transform:translateX(2px)}.workflow-list-toc .toc-block-header.active{background-color:#f973161a;color:#f97316}.workflow-list-toc .toc-steps-list{list-style:none;margin:5px 0 0;padding-left:15px}.workflow-list-toc .toc-step-item{border-radius:4px;color:#555;cursor:pointer;font-size:13px;margin:2px 0;padding:5px 8px;transition:all .2s ease}.workflow-list-toc .toc-step-item:hover{background-color:#f973160d;color:#f97316;transform:translateX(2px)}.workflow-list-toc .toc-step-item.active{background-color:#f973161a;border-left:3px solid #f97316;color:#f97316;font-weight:600;padding-left:5px}.workflow-document-navigation{border-bottom:none;border-top:1px solid #e5e7eb;margin:30px 0 20px -40px;padding:20px 0}.workflow-document-navigation .doc-nav-arrow{background:#f8f9fa;border-color:#d1d5db}.workflow-document-navigation .doc-nav-arrow:hover:not(.disabled){background:#fff;border-color:#9ca3af;box-shadow:0 4px 6px #00000012}.workflow-document-navigation .doc-nav-title{color:#1f2937;font-weight:600}.workflow-document-navigation .doc-nav-label{color:#6b7280;font-weight:700}@media (max-width:768px){.workflow-document-navigation{margin:20px 10px 15px;padding:15px 0}}@media (max-width:480px){.workflow-document-navigation{margin:15px 5px 10px;padding:10px 0}}.document-navigation-arrows{align-items:center;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:space-between;margin:40px 0 20px;padding:20px 0}.doc-nav-arrow{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;max-width:300px;min-height:60px;padding:16px 20px;text-decoration:none;transition:all .2s ease}.doc-nav-arrow:hover:not(.disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.doc-nav-arrow:active:not(.disabled){box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.doc-nav-arrow.disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.5}.doc-nav-arrow.navigating{background:#f3f4f6;transform:scale(.98)}.doc-nav-content{align-items:center;display:flex;gap:12px;width:100%}.doc-nav-arrow-previous .doc-nav-content{justify-content:flex-start}.doc-nav-arrow-next .doc-nav-content{justify-content:flex-end}.doc-nav-icon{color:#6b7280;flex-shrink:0;font-size:16px;transition:color .2s ease}.doc-nav-arrow:hover:not(.disabled) .doc-nav-icon{color:#374151}.doc-nav-arrow.disabled .doc-nav-icon{color:#d1d5db}.doc-nav-text{display:flex;flex-direction:column;gap:2px;min-width:0}.doc-nav-arrow-previous .doc-nav-text{text-align:left}.doc-nav-arrow-next .doc-nav-text{text-align:right}.doc-nav-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.doc-nav-title{color:#111827;font-size:14px;font-weight:500;line-height:1.3;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-nav-arrow.disabled .doc-nav-title{color:#9ca3af}@media (max-width:768px){.document-navigation-arrows{flex-direction:column;gap:12px;margin:20px 0;padding:16px 0}.doc-nav-arrow{max-width:none;min-height:50px;padding:12px 16px;width:100%}.doc-nav-content{gap:8px}.doc-nav-text{text-align:center!important}.doc-nav-title{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}}@media (max-width:480px){.doc-nav-arrow{padding:10px 12px}.doc-nav-icon{font-size:14px}.doc-nav-label{font-size:10px}.doc-nav-title{font-size:13px}}.sr-only{border:0}.doc-nav-arrow:focus{outline:2px solid #3b82f6;outline-offset:2px}.doc-nav-arrow:focus:not(:focus-visible){outline:none}@keyframes navigationPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.doc-nav-arrow.navigating{animation:navigationPulse .3s ease-in-out}.loading-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.loading-overlay--with-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2}.loading-overlay__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#f97316;height:48px;width:48px}.loading-message{color:#6b7280;font-size:14px;font-weight:500;margin-top:16px;text-align:center}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.loading-spinner{border-width:3px;height:40px;width:40px}.loading-message{font-size:13px;margin-top:12px}}@supports not ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.loading-overlay--with-backdrop{background:#fffffffa}}.members-container{margin-top:-20px;padding-left:32px}.members-content{max-width:1300px}.members-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:8px}.subtitle{color:#6b7280;font-size:13px;margin-bottom:32px}.button-group{display:flex;gap:12px;margin-bottom:32px}.btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .2s}.btn-outline{background:#fff;border:1px solid #e5e7eb;color:#111827}.btn-outline:hover{background:#f3f4f6}.btn-invite{background:#f97316;border:none;color:#fff}.btn-invite:hover{background:#ea580c}.btn-full{justify-content:center;width:100%}.members-section{margin-bottom:32px}.members-section h3{color:#111827;font-size:18px;font-weight:700;margin-bottom:4px}.members-section p{color:#6b7280;font-size:13px;margin-bottom:24px}.table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}table{border-collapse:collapse;width:100%}th{background:#f9fafb;color:#111827;font-size:14px;font-weight:600;text-align:left}td,th{border-bottom:1px solid #e5e7eb;padding:16px 20px}td{font-size:13px}.member-info{gap:12px}.avatar,.member-info{align-items:center;display:flex}.avatar{background:#f97316;border-radius:50%;color:#fff;font-size:13px;font-weight:600;height:40px;justify-content:center;width:40px}.role-badge{color:#f97316;font-weight:500}.role-dropdown-trigger{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:background-color .2s}.role-dropdown-trigger:hover{background-color:#f3f4f6}.role-chevron{color:#6b7280;flex-shrink:0}.status-badge{border-radius:9999px;font-size:13px;font-weight:500;padding:4px 12px}.status-badge.joined{background:#f3f4f6;color:#374151}.status-badge.invited{background:#fff7ed;color:#ea580c}select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}select:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.icon{margin-left:-2px}.settings-container{min-height:100vh;padding-left:150px;padding-right:150px}.settings-container,.settings-header{background-color:#fff}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem 0}.back-name{font-size:12px;font-weight:600}.header-left{align-items:center;display:flex;gap:.75rem}.back-button{background:none;border:none;color:#111827;cursor:pointer;padding:.5rem;transition:color .2s}.back-button:hover{color:#f97316}.settings-layout{display:flex;min-height:calc(100vh - 73px)}.settings-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;width:280px}.sidebar-content{padding:1.5rem}.org-selector{margin-bottom:2rem;padding-bottom:1.5rem}.org-item{align-items:center;background-color:#f3f4f6;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:background-color .2s;width:100%}.org-item:hover{background-color:#e5e7eb}.org-chevron{color:#6b7280;flex-shrink:0;margin-left:auto}.org-avatar{align-items:center;background-color:#f97316;border-radius:50%;color:#fff;display:flex;font-weight:600;height:2rem;justify-content:center;width:2rem}.org-info{min-width:0}.org-info p{color:#111827;font-size:.875rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-group{margin-bottom:2rem}.settings-group-title{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background-color:#f3f4f6}.nav-item.active{background-color:#f97316;color:#fff}.nav-icon{height:1rem;width:1rem}.nav-side-heading{font-size:13px}.settings-main{flex:1 1;padding:2rem}.waitlist-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.waitlist-modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.waitlist-modal-close{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.waitlist-modal-close:hover{background-color:#f5f5f5;color:#111827}.waitlist-modal-close:focus{outline:2px solid #f97316;outline-offset:2px}.waitlist-modal-header{margin-bottom:1.5rem;padding-right:2rem}.waitlist-modal-header h2{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.waitlist-modal-header p{color:#6b7280;font-size:.875rem;font-weight:300;line-height:1.5}.waitlist-form{gap:1.25rem}.form-group,.waitlist-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{align-items:center;color:#111827;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.required-indicator{color:#f97316;font-weight:600}.form-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.form-input::placeholder{color:#9ca3af}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:2.5rem}.form-textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:80px;resize:vertical}.character-count{color:#9ca3af;text-align:right}.character-count,.error-text{font-size:.75rem;margin-top:-.25rem}.error-text{color:#ef4444}.submit-button{align-items:center;background-color:#f97316;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background-color:#ea580c;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button:focus{outline:2px solid #f97316;outline-offset:2px}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.waitlist-success-message{animation:fadeIn .3s ease-out;padding:2rem 1rem;text-align:center}.waitlist-success-message svg{color:#10b981;margin:0 auto 1rem}.waitlist-success-message h3{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.waitlist-success-message p{color:#6b7280;font-size:.875rem;font-weight:300;line-height:1.5}.waitlist-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.875rem;line-height:1.5;margin-bottom:.5rem;padding:.75rem 1rem}@media (max-width:640px){.waitlist-modal-content{max-height:95vh;padding:1.5rem}.waitlist-modal-header{padding-right:1.5rem}.waitlist-modal-header h2{font-size:1.25rem}.waitlist-modal-close{right:.75rem;top:.75rem}}.waitlist-modal-content::-webkit-scrollbar{width:8px}.waitlist-modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:.75rem}.waitlist-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.75rem}.waitlist-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}
/*# sourceMappingURL=main.1fe9ef4a.css.map*/