.toast-container{position:fixed;top:calc(var(--layout-topbar-height) + var(--space-4));right:var(--space-4);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3-5);min-width:var(--space-50);max-width:var(--space-80);background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);pointer-events:auto;animation:toast-slide-in var(--transition-normal) ease-out;transition:opacity .3s ease,transform .3s ease;position:relative;overflow:hidden}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-exit{opacity:0;transform:translate(100%);pointer-events:none}.toast-success{border-left:var(--border-width-3) solid var(--color-success-500)}.toast-error{border-left:var(--border-width-3) solid var(--color-error-500)}.toast-info{border-left:var(--border-width-3) solid var(--color-accent-primary)}.toast-loading{border-left:var(--border-width-3) solid var(--color-accent-purple)}.toast-icon{flex-shrink:0;margin-top:var(--space-0-5)}.toast-icon.success{color:var(--color-success-500)}.toast-icon.error{color:var(--color-error-500)}.toast-icon.info{color:var(--color-accent-primary)}.toast-icon.loading{color:var(--color-accent-purple);animation:spin var(--duration-spin) linear infinite}.toast-content{flex:1;display:flex;flex-direction:column;gap:var(--space-0-5)}.toast-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.toast-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toast-close{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--transition-fast),color var(--transition-fast);position:relative;z-index:10;pointer-events:auto!important}.toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--color-error-500);opacity:.6;animation:toast-countdown linear forwards;transform-origin:left;border-radius:0 0 var(--radius-md) var(--radius-md)}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.flow-browser{--flow-browser-control-bg: var(--color-bg-input);--flow-browser-control-border: rgba(255, 255, 255, .08);--flow-browser-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, .008)), var(--color-bg-card);--flow-browser-card-bg-hover: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)), var(--color-bg-card);--flow-browser-card-border: rgba(255, 255, 255, .04);--flow-browser-card-border-hover: rgba(255, 255, 255, .08);--flow-browser-card-shadow: 0 4px 16px rgba(0, 0, 0, .2);--flow-browser-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .28);--flow-browser-surface-bg: var(--flow-browser-card-bg);--flow-browser-surface-bg-hover: var(--flow-browser-card-bg-hover);--flow-browser-surface-border: var(--flow-browser-card-border);--flow-browser-surface-border-hover: var(--flow-browser-card-border-hover);width:100%;min-height:100%;background:var(--color-bg-app);padding:var(--layout-page-padding-x);overflow-y:auto}.flow-browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.flow-browser-header h1{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.8px;white-space:nowrap;flex-shrink:0;line-height:1}.flow-browser-header-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.flow-browser-header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.flow-browser-sort{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-4);background-color:var(--flow-browser-control-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:var(--border-width-1) solid var(--flow-browser-control-border);border-radius:var(--capsule-radius, var(--radius-full));color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;outline:none;transition:border-color var(--transition-normal);-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;min-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.flow-browser-sort:hover,.flow-browser-sort:focus{border-color:var(--color-border-highlight)}.flow-browser-sort option{background:var(--color-bg-card);color:var(--color-text-primary)}.flow-browser-search{position:relative;display:flex;align-items:center}.flow-browser-search-icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0}.flow-browser-search input{width:280px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-9);background:var(--flow-browser-control-bg);border:var(--border-width-1) solid var(--flow-browser-control-border);border-radius:var(--capsule-radius, var(--radius-full));color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-normal),width var(--transition-normal)}.flow-browser-search input::-moz-placeholder{color:var(--color-text-tertiary)}.flow-browser-search input::placeholder{color:var(--color-text-tertiary)}.flow-browser-search input:focus{border-color:var(--color-border-highlight);width:340px}.flow-browser-new-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--flow-browser-control-bg);border:var(--border-width-1) solid var(--flow-browser-control-border);border-radius:var(--capsule-radius, var(--radius-full));color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-normal)}.flow-browser-new-btn:hover{border-color:var(--color-border-highlight);color:var(--color-text-primary);background:var(--color-bg-tertiary)}.flow-browser-new-btn:active{background:var(--color-bg-tertiary)}.flow-browser-new-btn--creating{pointer-events:none;opacity:.7}.flow-browser-new-btn--skeleton{pointer-events:none;opacity:.45}@media(max-width:480px){.flow-browser-new-btn span{display:none}.flow-browser-new-btn{padding:var(--space-2)}}.flow-browser-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5);width:100%}.flow-card-skeleton--create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.flow-card-skeleton-icon{width:84px;height:84px;border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background:#ffffff09;border:1px solid rgba(255,255,255,.06)}@media(max-width:1600px){.flow-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1300px){.flow-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.flow-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.flow-browser-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.flow-browser{padding:var(--space-4)}.flow-browser-header{flex-wrap:wrap;gap:var(--space-3)}.flow-browser-header-left{width:100%}.flow-browser-search input{width:100%;min-width:0}.flow-browser-search input:focus{width:100%}.flow-browser-search{flex:1}.flow-browser-header-right{width:100%;justify-content:space-between}.flow-browser-grid{gap:var(--space-4)}}@media(max-width:480px){.flow-browser{padding:var(--space-3)}.flow-browser-header{margin-bottom:var(--space-4)}.flow-browser-header h1{font-size:var(--font-size-xl)}.flow-browser-sort{font-size:var(--font-size-sm);padding:var(--space-1-5) var(--space-7) var(--space-1-5) var(--space-3);min-width:140px}.flow-card-content{padding:var(--space-2-5) var(--space-3)}.flow-card-header h3{font-size:var(--font-size-sm)}.flow-browser-grid{gap:var(--space-3)}}.flow-browser-empty{grid-column:1 / -1;text-align:center;padding:var(--space-14) var(--space-6);color:var(--color-text-tertiary);font-size:var(--font-size-md);border:var(--border-width-1) dashed rgba(255,255,255,.12);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff05,#ffffff02),var(--color-bg-card)}.flow-browser-empty h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.flow-browser-empty p{margin:0;color:var(--color-text-tertiary)}.flow-browser-empty--list{padding:var(--space-10) var(--space-5)}.flow-card{background:var(--flow-browser-surface-bg);border:var(--border-width-1) solid var(--flow-browser-surface-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal);position:relative;display:flex;flex-direction:column}.flow-card:hover{background:var(--flow-browser-surface-bg-hover);border-color:var(--flow-browser-surface-border-hover);transform:translateY(-3px);box-shadow:var(--flow-browser-card-shadow-hover)}.flow-card-pin-icon{color:var(--color-accent-primary);flex-shrink:0;margin-right:4px;display:inline;vertical-align:middle}.flow-card-thumbnail{width:100%;aspect-ratio:16 / 9;background:var(--color-bg-canvas);display:flex;align-items:center;justify-content:center;border-bottom:var(--border-width-1) solid var(--color-border-subtle);position:relative;overflow:hidden;border-radius:calc(var(--radius-lg) - var(--border-width-1)) calc(var(--radius-lg) - var(--border-width-1)) 0 0}.flow-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow-thumbnail-svg{width:100%;height:100%;display:block}.flow-thumbnail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-tertiary);opacity:var(--opacity-medium)}.flow-card-thumbnail-new{color:var(--color-text-tertiary);transition:color var(--transition-normal)}.flow-card:hover .flow-card-thumbnail-new{color:var(--color-accent-primary)}.flow-card-creating{pointer-events:none;opacity:var(--opacity-medium)}.flow-card-creating .flow-card-thumbnail-new{color:var(--color-accent-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin var(--duration-spin) linear infinite}.flow-card-content{padding:var(--space-3-5) var(--space-4);flex:1}.flow-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.flow-card-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.flow-card-header .flow-card-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;opacity:.7}.flow-card-rename-input{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-highlight);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);outline:none}.flow-card-menu{position:relative}.flow-card-menu-trigger{width:var(--space-7);height:var(--space-7);background:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:1}.flow-card-menu-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.flow-card-menu-dropdown{background:var(--color-bg-card);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-1);min-width:var(--space-35);box-shadow:var(--shadow-lg),0 8px 32px #0006;animation:dropdown-mount .12s ease-out;pointer-events:auto}@keyframes dropdown-mount{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.flow-card-menu-dropdown button{width:100%;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast)}.flow-card-menu-dropdown button:hover{background:var(--color-bg-hover)}.flow-card-menu-dropdown button.danger:hover{background:var(--color-error-dim);color:var(--color-error-500)}.flow-card-menu-dropdown button.warning:hover{background:#eab30826;color:#eab308}.flow-card-menu-dropdown button.active{background:#ffffff0d}.flow-card-menu-tag-count{margin-left:auto;background:var(--color-accent-primary-dim);color:var(--color-accent-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.flow-card-tag-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:var(--border-width-1) solid var(--color-border-subtle);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.flow-card-tag-color{width:28px;height:28px;background:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.flow-card-tag-color:hover{background:#ffffff14;border-color:var(--color-border-subtle)}.flow-card-tag-color--active{background:#ffffff1f;border-color:var(--color-border-default)}.flow-card-tag-color-dot{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0}.flow-card-tag-check{position:absolute;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.flow-card-tags-capsule{display:inline-flex;align-items:center;gap:3px;background:#ffffff0f;padding:4px 8px;border-radius:var(--radius-full)}.flow-card-tags-capsule .flow-card-tag-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.flow-browser-tag-filter{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--flow-browser-control-bg);border:var(--border-width-1) solid var(--flow-browser-control-border);border-radius:var(--radius-full)}.flow-browser-tag-btn{width:24px;height:24px;background:transparent;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.flow-browser-tag-btn:hover{border-color:#fff3}.flow-browser-tag-btn--active{border-color:var(--tag-color);box-shadow:0 0 8px var(--tag-color)}.flow-browser-tag-dot{width:10px;height:10px;border-radius:var(--radius-full)}.flow-browser-tag-clear{width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);font-family:inherit}.flow-browser-tag-filter--skeleton{opacity:.4;pointer-events:none}.flow-browser-tag-btn--skeleton{cursor:default}.flow-browser-tag-clear:hover{color:var(--color-text-primary)}.flow-card-meta{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);gap:var(--space-2);flex-wrap:wrap;row-gap:var(--space-1)}.flow-card-nodes{white-space:nowrap;flex-shrink:0}.flow-card-date{opacity:var(--opacity-high)}.flow-card-avatars{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.flow-card-avatar{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-bg-card);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);flex-shrink:0;transition:transform var(--transition-fast);cursor:default}.flow-card-avatar+.flow-card-avatar{margin-left:calc(-1 * var(--space-2))}.flow-card-avatar:hover{transform:scale(1.15);z-index:2}.flow-card-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow-card-avatar-initials{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary, #8b5cf6));width:100%;height:100%;display:flex;align-items:center;justify-content:center;line-height:1}.flow-card-avatar-overflow{background:var(--color-bg-hover)}.flow-card-avatar-overflow span{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flow-card-skeleton{background:var(--color-bg-card);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;pointer-events:none}.flow-card-skeleton .skeleton-thumbnail{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.05) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-bottom:var(--border-width-1) solid var(--color-border-subtle);border-radius:calc(var(--radius-lg) - var(--border-width-1)) calc(var(--radius-lg) - var(--border-width-1)) 0 0;animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-content{padding:var(--space-3-5) var(--space-4)}.flow-card-skeleton .skeleton-title{height:20px;width:60%;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.04) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--skeleton-radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-date{height:14px;width:25%;margin-left:auto;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.03) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--skeleton-radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-menu-trigger{height:var(--space-7);width:var(--space-7);background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.03) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-text{height:16px;width:35%;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.03) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--skeleton-radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-avatar{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-bg-card);background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.04) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-left:auto}.flow-card-badge--owner{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.flow-card-badge--shared{background:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.4)}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flow-browser-view-toggle{display:flex;align-items:center;gap:2px;padding:3px;background:var(--flow-browser-control-bg);border:var(--border-width-1) solid var(--flow-browser-control-border);border-radius:var(--capsule-radius, var(--radius-full));box-shadow:inset 0 1px #ffffff08}.flow-browser-view-toggle,.flow-browser-sort,.flow-browser-tag-filter,.flow-browser-new-btn,.flow-browser-search input{min-height:44px}.flow-browser-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:calc(var(--capsule-radius, var(--radius-full)) - 6px);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.flow-browser-view-btn:hover{color:var(--color-text-secondary);background:#ffffff0f}.flow-browser-view-btn--active{color:var(--color-accent-primary);background:var(--color-accent-primary-light);box-shadow:inset 0 0 0 1px #60a5fa29}.flow-browser-view-btn--active:hover{color:var(--color-accent-primary-hover);background:var(--color-accent-primary-dim)}.flow-browser-list{display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow-y:auto;padding:0 var(--space-1) var(--space-3)}.flow-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3-5);border-radius:var(--radius-lg);cursor:pointer;transition:none;border:var(--border-width-1) solid var(--flow-browser-surface-border);background:var(--flow-browser-surface-bg);min-height:72px;box-shadow:var(--flow-browser-card-shadow)}.flow-list-primary{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.flow-list-main{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);min-width:0;flex:1}.flow-list-inline-meta{display:flex;align-items:center;gap:var(--space-2);min-height:20px}.flow-list-secondary{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-shrink:0}.flow-list-item:hover{background:var(--flow-browser-surface-bg-hover);border-color:var(--flow-browser-surface-border-hover);box-shadow:var(--flow-browser-card-shadow-hover)}.flow-list-item--pinned{background:var(--flow-browser-surface-bg);border-color:var(--flow-browser-surface-border)}.flow-list-item--new{border:var(--border-width-1) dashed var(--color-border-default);justify-content:flex-start;background:var(--flow-browser-surface-bg);box-shadow:none}.flow-list-item--new:hover{border-color:var(--color-accent-primary-border);background:var(--color-accent-primary-light)}.flow-list-thumbnail{width:44px;height:44px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-bg-canvas);border:var(--border-width-1) solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff08}.flow-list-thumbnail img,.flow-list-thumbnail svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow-list-thumbnail--new{border-style:dashed;color:var(--color-text-tertiary)}.flow-list-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.flow-list-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-1)}.flow-list-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-list-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;opacity:.82;min-width:74px;text-align:right}.flow-list-ghost-pill{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);min-height:30px;border-radius:var(--capsule-radius, var(--radius-full));background:#ffffff0b;border:1px solid rgba(255,255,255,.06);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.flow-browser-list .flow-card-tags-capsule{background:#ffffff0e;border:1px solid rgba(255,255,255,.045)}.flow-browser-list .flow-card-avatars,.flow-browser-list .flow-card-badge{margin-left:0}.flow-browser-list .flow-card-avatar{border-color:var(--color-bg-card)}.flow-browser-list .flow-card-menu-trigger{width:32px;height:32px;border-radius:var(--radius-full)}.flow-browser-search input:focus-visible,.flow-browser-sort:focus-visible,.flow-browser-new-btn:focus-visible,.flow-browser-tag-btn:focus-visible,.flow-browser-tag-clear:focus-visible,.flow-browser-view-btn:focus-visible,.flow-card-menu-trigger:focus-visible,.flow-list-item:focus-visible,.flow-card:focus-visible{outline:2px solid rgba(96,165,250,.7);outline-offset:2px}.flow-browser-grid,.flow-browser-list,.flow-browser-grid .flow-card,.flow-browser-list .flow-list-item{animation:none}.flow-browser-list,.flow-browser-list *,.flow-browser-view-toggle,.flow-browser-view-toggle *{transition-property:border-color,background-color,color,box-shadow,opacity}.flow-card[role=button],.flow-list-item[role=button]{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.flow-browser *,.flow-browser *:before,.flow-browser *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:900px){.flow-list-item{align-items:flex-start;gap:var(--space-2-5)}.flow-list-secondary{gap:var(--space-1-5)}.flow-list-date{min-width:auto}}@media(max-width:480px){.flow-browser-view-toggle{padding:2px}.flow-browser-view-btn{width:32px;height:32px}.flow-list-date{display:none}.flow-list-secondary{margin-left:auto}.flow-list-thumbnail{width:36px;height:36px}.flow-list-item{min-height:64px;padding:var(--space-2-5) var(--space-3)}.flow-list-name{font-size:var(--font-size-sm)}.flow-list-subtitle{font-size:var(--font-size-xs)}.flow-list-ghost-pill{display:none}}