@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dancing+Script:wght@400;700&family=Inter:wght@400;500;600;700&family=Lato:wght@400;700&family=Lobster&family=Merriweather:wght@400;700&family=Montserrat:wght@400;500;600;700&family=Nunito:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Oswald:wght@400;500;600;700&family=Pacifico&family=Permanent+Marker&family=Playfair+Display:wght@400;600;700&family=Poppins:wght@400;500;600;700&family=Raleway:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Source+Sans+Pro:wght@400;600;700&family=Ubuntu:wght@400;500;700&display=swap";:root{--modal-scale: 1;--modal-padding-scale: 1;--modal-content-scale: 1}@media (max-width: 1366px){:root{--modal-scale: .9;--modal-padding-scale: .85;--modal-content-scale: .95}}@media (max-width: 1200px){:root{--modal-scale: .85;--modal-padding-scale: .8;--modal-content-scale: .9}}@media (max-width: 1024px){:root{--modal-scale: .8;--modal-padding-scale: .75;--modal-content-scale: .85}}@media (max-width: 768px){:root{--modal-scale: .75;--modal-padding-scale: .7;--modal-content-scale: .8}}@media (max-width: 480px){:root{--modal-scale: .7;--modal-padding-scale: .6;--modal-content-scale: .75}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:calc(1rem * var(--modal-padding-scale));overflow:auto;will-change:contents}.modal-container{background:var(--surface);border-radius:.75rem;border:.0625rem solid var(--border);box-shadow:0 1.25rem 2.5rem #00000026;display:flex;flex-direction:column;position:relative;overflow:hidden;width:calc(90vw * var(--modal-scale));height:calc(min(85vh,calc(100vh - 80px)) * var(--modal-scale));max-width:calc(100rem * var(--modal-scale));max-height:calc(min(60rem,calc(100vh - 80px)) * var(--modal-scale));min-width:calc(20rem * var(--modal-scale));min-height:calc(15rem * var(--modal-scale))}.modal-container[style*=width]{max-width:90vw}.modal-container[style*=height]{max-height:calc(100vh - 80px)}.modal-container[style*="height: auto"]{height:auto!important;min-height:auto!important}.modal-small{width:calc(25vw * var(--modal-scale));height:calc(min(30vh,calc(100vh - 80px) * .35) * var(--modal-scale));max-width:calc(25rem * var(--modal-scale));max-height:calc(min(20rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-medium{width:calc(40vw * var(--modal-scale));height:calc(min(50vh,calc(100vh - 80px) * .6) * var(--modal-scale));max-width:calc(35rem * var(--modal-scale));max-height:calc(min(30rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-large{width:calc(65vw * var(--modal-scale));height:calc(min(70vh,calc(100vh - 80px) * .8) * var(--modal-scale));max-width:calc(55rem * var(--modal-scale));max-height:calc(min(45rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-panoramic{width:calc(95vw * var(--modal-scale));height:calc(min(85vh,calc(100vh - 80px) * .95) * var(--modal-scale));max-width:calc(120rem * var(--modal-scale));max-height:calc(min(65rem,calc(100vh - 80px)) * var(--modal-scale))}.modal-content{flex:1;overflow:auto;display:flex;flex-direction:column;min-height:0;font-size:calc(1rem * var(--modal-content-scale))}@media (max-width: 1366px){.modal-panoramic{width:82vw;height:min(72vh,calc(100vh - 80px) * .85);min-width:45rem;min-height:32rem}}@media (max-width: 1200px){.modal-panoramic{width:80vw;height:min(70vh,calc(100vh - 80px) * .85);min-width:40rem;min-height:30rem}}@media (max-width: 1024px){.modal-panoramic{width:78vw;height:min(68vh,calc(100vh - 80px) * .85);min-width:35rem;min-height:28rem}}@media (max-width: 768px){.modal-overlay{padding:.25rem}.modal-panoramic{width:98vw;height:calc(100vh - 70px);min-width:0;min-height:25rem}.modal-header{padding:1rem}.modal-title{font-size:1.125rem}}@media (max-width: 480px){.modal-overlay{top:0}.modal-panoramic{width:100vw;height:100vh;border-radius:0;min-width:0;min-height:20rem}.modal-header{border-radius:0}}:root:not(.dark) .modal-container{background:#ffffff;border-color:#e5e7eb}:root:not(.dark) .modal-overlay{background-color:#0000004d}.navbar{background:white;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:fixed;top:0;left:0;right:0;z-index:60000;width:100%;transition:background-color .2s ease,border-color .2s ease}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:64px;max-width:100%;position:relative}.navbar-left{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden;max-width:calc(50% - 200px)}.logo-button{background:none;border:none;padding:0;cursor:pointer;text-decoration:none;color:inherit}.navbar-logo{display:flex;align-items:center;gap:.5rem}.navbar-logo h1{color:#f97316;font-size:1.5rem;font-weight:700;margin:0;transition:color .2s ease}.logo-button:hover h1{color:var(--primary)}.chat-mode-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:.25rem;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.chat-mode-badge.inactive{opacity:.35}.chat-mode-badge.inactive:hover{opacity:1;transform:scale(1.05)}.breadcrumbs{display:flex;align-items:center;gap:.125rem;font-size:.875rem;min-width:0;overflow:hidden}.navbar .breadcrumb-item{background:none;border:none;padding:.125rem 0;color:#6b7280;cursor:pointer;transition:color .2s ease;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;flex-shrink:1}.navbar .breadcrumb-item:hover:not(.breadcrumb-current){color:var(--primary)}.breadcrumb-current{color:#1f2937;cursor:default}.breadcrumb-separator{color:#d1d5db;-webkit-user-select:none;user-select:none}.dropdown-container{position:relative;z-index:1000}.dropdown-button{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.dropdown-button:hover{background:#f3f4f6;border-color:#9ca3af}.dropdown-icon{width:1rem;height:1rem;transition:transform .2s ease;color:#6b7280}.dropdown-button:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background:white;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;z-index:50000;border:1px solid #e5e7eb}.dropdown-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;color:#374151;background:none;border:none;cursor:pointer;transition:background .2s ease;font-size:.875rem}.dropdown-item:hover{background:#f9fafb}.dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.navbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem}.timeline-icon{width:1rem;height:1rem;transition:transform .2s ease;color:#6b7280}.dropdown-button:hover .timeline-icon{transform:none}.navbar-right{display:flex;align-items:center;gap:.75rem}.personal-notes-container{position:relative;z-index:70000}.personal-notes-button{background:#f9fafb;border:1px solid #d1d5db;color:#6b7280;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.personal-notes-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.personal-notes-button.active{background:#f9fafb;border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.personal-notes-icon{width:1.25rem;height:1.25rem}.theme-toggle{background:#f9fafb;border:1px solid #d1d5db;color:#6b7280;padding:.5rem;border-radius:.375rem;width:2.5rem;height:2.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.theme-icon{width:1.25rem;height:1.25rem}.notification-container{position:relative}.notification-button{position:relative;background:#f9fafb;border:1px solid #d1d5db;color:#6b7280;padding:.5rem;width:2.5rem;height:2.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.notification-icon{width:1.25rem;height:1.25rem}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.notification-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:white;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:320px;z-index:9999;border:1px solid #e5e7eb;display:block}.notification-header{padding:1rem;border-bottom:1px solid #e5e7eb}.notification-header h3{margin:0;color:#374151;font-size:1rem;font-weight:600}.notification-item{padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none;border-radius:0 0 .5rem .5rem}.notification-item p{margin:0 0 .25rem;color:#374151;font-size:.875rem}.notification-time{color:#6b7280;font-size:.75rem}.profile-container{position:relative}.profile-button{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #d1d5db;color:#374151;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.profile-button:hover{background:#f3f4f6;border-color:#9ca3af}.profile-avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid #e5e7eb}.profile-name{font-size:.875rem;font-weight:500}.profile-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:white;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;z-index:9999;border:1px solid #e5e7eb;display:block}.profile-info{padding:1rem}.profile-email{margin:0;color:#6b7280;font-size:.875rem}.profile-divider{border:none;border-top:1px solid #e5e7eb;margin:0}.profile-menu-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;color:#374151;background:none;border:none;cursor:pointer;transition:background .2s ease;font-size:.875rem}.profile-menu-item:hover{background:#f9fafb}.profile-menu-item.logout{color:#dc2626}@media (max-width: 1400px){.navbar-center .dropdown-button span{display:none}.navbar-center .dropdown-button{padding:.5rem;width:2.5rem;height:2.5rem;justify-content:center}.navbar-center .timeline-icon{width:1.25rem;height:1.25rem;margin:0}.navbar-left{max-width:calc(50% - 120px)}}@media (max-width: 1100px){.navbar-center{position:static;transform:none}.navbar-left{max-width:none;flex:1}.navbar .breadcrumb-item{max-width:100px}}@media (max-width: 900px){.navbar-container{padding:0 1rem}.navbar-center{gap:.25rem}.navbar-center .dropdown-button,.theme-toggle,.notification-button,.personal-notes-button,.feed-button{width:2.25rem;height:2.25rem;padding:.375rem}.navbar .breadcrumb-item{max-width:80px}.navbar-right{gap:.375rem}.navbar-logo h1{font-size:1.25rem}}@media (max-width: 800px){.navbar-container{padding:0 .75rem}.navbar-center .dropdown-button,.theme-toggle,.notification-button,.personal-notes-button,.feed-button{width:2rem;height:2rem;padding:.25rem}.navbar .breadcrumb-item{max-width:60px;padding:.125rem 0;font-size:.75rem}.breadcrumbs{font-size:.75rem}.navbar-logo h1{font-size:1.125rem}}@media (max-width: 768px){.profile-name{display:none}.dropdown-menu,.notification-menu,.profile-menu{width:calc(100vw - 2rem);left:1rem;right:1rem}.navbar-center .timeline-icon{width:1rem;height:1rem}.navbar .breadcrumb-item{max-width:60px;padding:.125rem 0;font-size:.75rem}.navbar .breadcrumbs{font-size:.75rem;gap:.125rem}.navbar .breadcrumb-separator{font-size:.625rem}}@media (max-width: 600px){.navbar .breadcrumbs .breadcrumb-item:not(:first-child):not(:last-child),.navbar .breadcrumbs .breadcrumb-separator:not(:last-of-type){display:none}}.navbar{background:white;border-bottom-color:#e5e7eb}.navbar-logo h1{color:#f97316}.logo-button:hover h1{color:#ea580c}.dropdown-button,.theme-toggle,.notification-button,.profile-button,.personal-notes-button{background:#f9fafb;border-color:#d1d5db;color:#374151}.dropdown-button:hover,.theme-toggle:hover,.notification-button:hover,.profile-button:hover,.personal-notes-button:hover{background:#f3f4f6;border-color:#9ca3af}.dropdown-icon{color:#6b7280}.dropdown-menu,.notification-menu,.profile-menu{background:white;border-color:#e5e7eb}.dropdown-item,.notification-header h3,.notification-item p,.profile-menu-item{color:#374151}.dropdown-item:hover,.notification-item:hover,.profile-menu-item:hover{background:#f9fafb}.notification-time,.profile-email{color:#6b7280}.notification-header,.profile-info,.profile-divider,.notification-item{border-color:#e5e7eb}.profile-menu-item.logout:hover{background:#fef2f2}:root.dark .navbar{background:#1f2937;border-bottom-color:#374151}:root.dark .navbar-logo h1{color:#fb923c}:root.dark .logo-button:hover h1{color:#f97316}.navbar-logo.localhost h1{color:#6366f1!important}.navbar-logo.localhost .logo-button:hover h1{color:#8b5cf6!important}:root.dark .navbar-logo.localhost h1{color:#818cf8!important}:root.dark .navbar-logo.localhost .logo-button:hover h1{color:#a78bfa!important}:root.dark .navbar .breadcrumb-item{color:#9ca3af}:root.dark .navbar .breadcrumb-item:hover:not(.breadcrumb-current){color:var(--primary)}:root.dark .breadcrumb-current{color:#f9fafb}:root.dark .breadcrumb-separator{color:#4b5563}:root.dark .dropdown-button,:root.dark .theme-toggle,:root.dark .notification-button,:root.dark .profile-button,:root.dark .personal-notes-button{background:#374151;border-color:#4b5563;color:#f9fafb}:root.dark .dropdown-button:hover,:root.dark .theme-toggle:hover,:root.dark .notification-button:hover,:root.dark .profile-button:hover,:root.dark .personal-notes-button:hover{background:#4b5563;border-color:#6b7280}:root.dark .personal-notes-button.active{background:#374151;border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}:root.dark .dropdown-icon{color:#9ca3af}:root.dark .dropdown-menu,:root.dark .notification-menu,:root.dark .profile-menu{background:#374151;border-color:#4b5563}:root.dark .dropdown-item,:root.dark .notification-header h3,:root.dark .notification-item p,:root.dark .profile-menu-item{color:#f9fafb}:root.dark .dropdown-item:hover,:root.dark .notification-item:hover,:root.dark .profile-menu-item:hover{background:#4b5563}:root.dark .notification-time,:root.dark .profile-email{color:#9ca3af}:root.dark .notification-header,:root.dark .profile-info,:root.dark .profile-divider,:root.dark .notification-item{border-color:#4b5563}:root.dark .profile-menu-item.logout:hover{background:#7f1d1d}.auth-buttons{display:flex;align-items:center;gap:.75rem}.auth-button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.auth-button.primary{background:var(--primary);color:#fff}.auth-button.primary:hover{background:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.auth-button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.auth-button.secondary:hover{background:var(--surface-secondary);border-color:var(--primary)}.feed-button{background:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .2s ease;width:2.5rem;height:2.5rem;margin:0}.feed-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.feed-button.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.feed-button.active:hover{background:#2563eb;border-color:#2563eb}.feed-button.sidebar-toggle.active{background:#f9fafb;border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.feed-button.sidebar-toggle.active:hover{background:#f3f4f6;border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}:root.dark .feed-button{background:#374151;border-color:#4b5563;color:#9ca3af}:root.dark .feed-button:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}:root.dark .feed-button.sidebar-toggle.active{background:#374151;border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}:root.dark .feed-button.sidebar-toggle.active:hover{background:#4b5563;border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.feed-button svg{width:20px;height:20px}.tree-mention-badge{position:absolute;bottom:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;padding:0 4px;border:2px solid white;box-shadow:0 1px 3px #0003;z-index:10}:root.dark .tree-mention-badge{border-color:#1f2937}.search-container{position:relative}.search-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.search-button:hover{background:#f3f4f6;color:#374151}.search-button.active{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.search-icon{width:20px;height:20px}:root.dark .search-button{color:#9ca3af}:root.dark .search-button:hover{background:#374151;color:#d1d5db}:root.dark .search-button.active{background:var(--primary, #3b82f6);color:#fff}.studio-media-picker{background:var(--surface);border-radius:12px;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;box-shadow:none;border:none;overflow:hidden}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.picker-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.picker-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.picker-close:hover{background:var(--hover-bg);color:var(--text-primary)}.picker-breadcrumbs{display:flex;align-items:center;gap:4px;padding:12px 20px;background:var(--surface-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:44px}.picker-breadcrumbs button{background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-breadcrumbs button:hover{background:var(--hover-bg);color:var(--text-primary)}.picker-breadcrumbs button.active{color:var(--accent);font-weight:500}.breadcrumb-separator{color:var(--text-tertiary);font-size:12px}.picker-search{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border)}.picker-search svg{color:var(--text-tertiary);flex-shrink:0}.picker-search input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s}.picker-search input:focus{border-color:var(--accent)}.picker-search input::placeholder{color:var(--text-tertiary)}.search-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.picker-content{flex:1;overflow-y:auto;padding:12px;min-height:300px;background:var(--surface)}.picker-stages-with-media{display:flex;flex-direction:column;gap:20px}.picker-stage-section{display:flex;flex-direction:column;gap:10px}.picker-stage-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px}.picker-stage-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.picker-stage-header .stage-meta{font-size:11px;color:var(--text-tertiary)}.picker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:12px;color:var(--text-secondary)}.picker-loading .spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.picker-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary);font-size:14px}.picker-search-results{display:flex;flex-direction:column;gap:20px}.search-section{display:flex;flex-direction:column;gap:8px}.search-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin:0;padding:0 8px}.picker-list{display:flex;flex-direction:column;gap:4px}.picker-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-secondary);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.picker-list-item:hover{background:var(--hover-bg);border-color:var(--hover-border)}.picker-list-item svg{color:var(--accent);flex-shrink:0}.picker-list-item span{flex:1;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-list-item .item-with-context{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.picker-list-item .item-with-context span{flex:none}.picker-list-item .context-path{font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-list-item .chevron{color:var(--text-tertiary)}.picker-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.picker-media-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--surface-secondary);border:2px solid transparent;transition:all .15s}.picker-media-item:hover{border-color:var(--accent);transform:scale(1.02)}.picker-media-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6366f14d}.picker-media-item img,.picker-media-item video{width:100%;height:100%;object-fit:cover}.media-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:8px;pointer-events:none}.version-badge{align-self:flex-start;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.check-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f166}.video-badge{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.picker-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border);background:var(--surface-secondary)}.selection-count{font-size:13px;color:var(--text-secondary)}.footer-buttons{display:flex;gap:10px}.btn-cancel,.btn-confirm{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-cancel{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.btn-confirm{background:var(--accent);border:none;color:#fff}.btn-confirm:hover:not(:disabled){background:var(--accent-hover)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.picker-canvas-section{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.picker-canvas-option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface) 100%);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.picker-canvas-option:hover{border-color:var(--accent);background:linear-gradient(135deg,var(--hover-bg) 0%,var(--surface-secondary) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.picker-canvas-option.selected{border-color:var(--accent);background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(99,102,241,.05) 100%);box-shadow:0 0 0 3px #6366f133}.canvas-option-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.canvas-option-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.canvas-option-title{font-size:15px;font-weight:600;color:var(--text-primary)}.canvas-option-description{font-size:13px;color:var(--text-secondary)}.canvas-check-badge{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.canvas-preview-grid{display:flex;gap:6px;flex-wrap:wrap;padding:0 4px}.canvas-preview-item{width:56px;height:56px;border-radius:6px;overflow:hidden;background:var(--surface-secondary)}.canvas-preview-item img,.canvas-preview-item video{width:100%;height:100%;object-fit:cover}.canvas-preview-more{width:56px;height:56px;border-radius:6px;background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-tertiary)}.picker-section-separator{display:flex;align-items:center;gap:12px;padding:8px 0;margin:8px 0}.picker-section-separator:before,.picker-section-separator:after{content:"";flex:1;height:1px;background:var(--border)}.picker-section-separator span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.picker-media-item.disabled{opacity:.4;pointer-events:none}.dropdown{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:.125rem solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:5rem;text-transform:uppercase;letter-spacing:.05em;outline:none;transform:translateY(0);will-change:transform}.dropdown-button:hover:not(.disabled){background:var(--surface-secondary);border-color:var(--accent);filter:brightness(1.1);transform:translateY(-.0625rem);box-shadow:0 .125rem .25rem #00000026}.dropdown-button:focus:not(.disabled){border-color:var(--accent);box-shadow:0 0 0 .1875rem #3b82f64d}.dropdown-button.disabled{opacity:.5;cursor:not-allowed;background:var(--surface-disabled, var(--surface))}.dropdown-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease;color:#fff;flex-shrink:0;margin-left:auto;padding-left:.5rem}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:fixed!important;background:var(--surface);border:.0625rem solid var(--border);border-radius:.5rem;box-shadow:0 .25rem .75rem #00000026;overflow:hidden;max-height:30rem;overflow-y:auto;min-width:8rem;z-index:10000!important;padding:0}.dropdown-menu.time-dropdown-menu{min-width:unset!important;width:auto!important}:root.dark .dropdown-menu{box-shadow:0 .25rem .75rem #0000004d}.dropdown-option{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-bottom:.0625rem solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:400;text-align:center;cursor:pointer;transition:all .2s ease;border-radius:0;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:2.5rem}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:rgba(255,255,255,.1);color:var(--text-primary);filter:brightness(1.2);transition:all .15s ease}.dropdown-option:focus{outline:none;background:var(--surface-secondary)}.dropdown-option.selected{background:var(--accent);color:#fff}.dropdown-option.selected:hover{background:var(--accent-hover)}.dropdown-option{text-transform:uppercase;letter-spacing:.05em}.dropdown-menu::-webkit-scrollbar{width:.375rem}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.dropdown-button{font-size:.75rem;padding:.375rem .5rem;min-width:4rem}.dropdown-option{font-size:.75rem;padding:.1875rem .5rem}}.status-dropdown{width:100%}.status-dropdown.status-dropdown-compact{max-width:none}.dropdown-button.status-dropdown{background:var(--dropdown-color, var(--v2-surface-secondary));border:1px solid rgba(0,0,0,.12);border-radius:8px;font-weight:600;text-transform:none;letter-spacing:0;padding:0 12px;gap:8px;box-shadow:none;transform:none;width:140px;min-width:140px;max-width:140px;justify-content:flex-start;height:40px}.dropdown-button.status-dropdown:hover:not(.disabled){background:var(--v2-hover-bg)!important;border-color:#0000002e;box-shadow:none;transform:none}.dropdown-button.status-dropdown:focus:not(.disabled){border-color:var(--v2-primary);box-shadow:0 0 0 2px #3b82f62e}.dropdown-button.status-dropdown .dropdown-label{text-transform:none;letter-spacing:0}.dropdown-button.status-dropdown .dropdown-arrow{display:none!important}.dropdown-button.status-dropdown:before{content:none}.dropdown-button.status-dropdown:after{content:"";width:10px;height:10px;margin-left:auto;background:currentColor;opacity:.9;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;transition:transform .2s ease}.dropdown-button.status-dropdown.open:after{transform:rotate(180deg)}.status-dropdown-menu{background:var(--v2-surface);border:1px solid var(--v2-border);border-radius:10px;padding:6px;box-shadow:0 10px 30px #0000002e}:root.dark .status-dropdown-menu{box-shadow:0 10px 30px #00000059}.status-dropdown-menu .dropdown-option{justify-content:flex-start;gap:8px;text-align:left;text-transform:none;letter-spacing:0;font-size:.8125rem;font-weight:500!important;padding:8px 10px;border-radius:8px;border-bottom:none;min-height:32px}.status-dropdown-menu .dropdown-option:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--dropdown-option-color, var(--v2-text-tertiary));border:1px solid rgba(0,0,0,.18);flex-shrink:0}:root.dark .dropdown-button.status-dropdown{border-color:#fff3}:root.dark .status-dropdown-menu .dropdown-option:before{border-color:#ffffff47}.status-dropdown-menu .dropdown-option:hover{background:var(--v2-hover-bg);transform:none;filter:none}.status-dropdown-menu .dropdown-option.selected{background:rgba(var(--v2-primary-rgb, 59, 130, 246),.12);color:var(--v2-text-primary)}.status-dropdown-menu .dropdown-option.selected:hover{background:rgba(var(--v2-primary-rgb, 59, 130, 246),.18)}@media (max-width: 768px){.status-dropdown.status-dropdown-compact{max-width:100%}}.attach-file-popup{padding:2rem;position:relative}.attach-file-title{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.attach-file-hint{font-size:1rem;color:var(--text-secondary);text-align:center;margin:0 0 2rem}.attach-file-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.add-files-btn{padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-attach-btn{padding:1rem 2rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-attach-btn:hover{opacity:.9;transform:translateY(-1px)}.cancel-attach-btn{padding:1rem 2rem;background:transparent;color:var(--text-secondary);border:.125rem solid var(--border);border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-attach-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.file-thumbnails{display:grid;gap:1rem;margin:2rem 0;justify-content:center}.confirm-attach-btn{width:100%;margin-top:1rem}.attach-paste-badge{position:absolute;top:.5rem;right:.75rem;background:var(--accent, #10b981);color:#fff;font-weight:700;font-size:.75rem;padding:.125rem .375rem;border-radius:.375rem;opacity:0;transform:translateY(-6px) scale(.9);transition:opacity .15s ease,transform .2s ease;box-shadow:0 4px 10px #00000026;pointer-events:none}.attach-paste-badge.show{opacity:1;transform:translateY(0) scale(1)}.mentions-dropdown{position:relative;z-index:1000;background:var(--panel-bg, #111827);color:var(--panel-fg, #e5e7eb);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #0000004d;padding:6px;min-width:220px;max-width:340px;max-height:240px;overflow:auto;display:block}.mention-row{display:flex;align-items:center;width:100%;border:none;background:transparent;color:inherit;text-align:left;padding:6px 8px;border-radius:6px;cursor:pointer}.mention-row:hover,.mention-row.active{background:rgba(255,255,255,.08)}.mention-avatar{margin-right:8px}.mention-name{font-size:13px}.mention-badge{font-size:11px;opacity:.7;margin-left:auto}.mentions-empty{padding:8px 10px;opacity:.7;font-size:13px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:default;transition:transform .15s ease;flex-shrink:0}.avatar:hover{transform:scale(1.05)}.avatar-tiny{width:20px;height:20px}.avatar-small{width:24px;height:24px}.avatar-medium{width:32px;height:32px}.avatar-large{width:40px;height:40px}.avatar-initials{font-weight:600;color:#fff;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.avatar-tiny .avatar-initials{font-size:9px}.avatar-small .avatar-initials{font-size:10px}.avatar-medium .avatar-initials{font-size:13px}.avatar-large .avatar-initials{font-size:16px}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-with-image{overflow:hidden}.comment-section{display:flex;flex-direction:column;height:100%;background:var(--background);min-height:0;overflow:hidden}.status-section{padding:1rem;border-bottom:.0625rem solid var(--border);background:var(--surface)}.status-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.status-dropdown-container{position:relative;display:inline-block;width:100%}.status-dropdown{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.status-dropdown:hover{border-color:var(--accent)}.status-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .1875rem #3b82f61a}.status-dropdown:disabled{opacity:.5;cursor:not-allowed}.status-indicator{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;border-radius:50%;pointer-events:none}.comments-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.comments-header{padding:1rem 1rem .5rem;border-bottom:.0625rem solid var(--border);background:var(--surface);flex-shrink:0}.comments-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.comments-list{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.comments-list::-webkit-scrollbar{width:.375rem}.comments-list::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.comment{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--border)}.comment:first-child{padding-top:0}.comment.highlighted{background:rgba(245,158,11,.15);margin:0 -1rem;padding:1rem;border-radius:8px;border-left:3px solid #f59e0b;animation:comment-highlight-pulse .6s ease-in-out 3}.comment:last-child{border-bottom:none;padding-bottom:0}.comment-header{display:flex;align-items:center;justify-content:space-between}.comment-author-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;overflow:visible}.comment-avatar{width:2rem;height:2rem;min-width:2rem;border-radius:50%;background-color:var(--accent);flex-shrink:0}.comment-avatar-placeholder{width:2rem;height:2rem;min-width:2rem;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.comment-author{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.comment-author:hover{color:var(--accent);text-decoration:underline}.comment-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.comment-timestamp{white-space:nowrap}.comment-pin-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);padding:0;margin-right:.5rem;transition:color .15s ease,transform .1s ease}.comment-pin-button svg{display:block}.comment-pin-button:hover{color:var(--accent);transform:scale(1.1)}.comment-pin-button.pinned{color:var(--accent)}.comment-like-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);padding:0;transition:color .15s ease,transform .1s ease}.comment-like-button svg{display:block}.comment-like-count{font-size:.75rem}.comment-like-button:hover:not(:disabled){color:var(--accent);transform:translateY(-1px)}.comment-like-button.liked{color:var(--accent)}.comment-like-button:disabled{opacity:.6;cursor:default}.comment-read-receipt{position:relative;display:inline-flex;align-items:center}.comment-read-icon{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);border:none;background:transparent;padding:0}.comment-read-count{margin-left:.25rem;font-size:.75rem;color:var(--text-secondary)}.comment-read-icon svg{display:block}.comment-read-receipt:hover .comment-read-tooltip,.comment-read-receipt.open .comment-read-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.comment-read-tooltip,.comment-like-tooltip{position:absolute;top:125%;right:0;min-width:260px;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;box-shadow:0 10px 30px #00000059;font-size:.8125rem;color:var(--text-primary);z-index:20;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.comment-read-tooltip ul,.comment-like-tooltip ul{list-style:none;margin:0;padding:0;display:block}.comment-read-tooltip li,.comment-like-tooltip li{display:flex;flex-direction:column;padding:.25rem 0}.comment-read-scroll-hint{display:none}.comment-read-name{font-weight:500}.comment-read-time{font-size:.75rem;color:var(--text-secondary)}.comment-read-empty{font-size:.8rem;color:var(--text-secondary)}.comment-read-scrollable{max-height:15.75rem;overflow-y:scroll;scrollbar-width:thin}.comment-read-scrollable::-webkit-scrollbar{width:6px}.comment-read-scrollable::-webkit-scrollbar-track{background:transparent}.comment-read-scrollable::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.comment-status-badge{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;box-sizing:border-box}.comment-content{padding-left:2.75rem;font-size:.875rem;line-height:1.5;color:var(--text-primary)}.revision-link-button{padding:.25rem .625rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.revision-link-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.revision-link-button:active{transform:translateY(0)}.comment-status-pill{display:inline-block;padding:.125rem .5rem;border-radius:.625rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;line-height:1.2;white-space:nowrap;transition:all .2s ease}.comment-status-pill.solid{color:#fff;border:none}.comment-status-pill.solid.todo{background-color:#9ca3af}.comment-status-pill.solid.wip{background-color:#3b82f6}.comment-status-pill.solid.wfa{background-color:#8b5cf6}.comment-status-pill.solid.feedback{background-color:#f59e0b}.comment-status-pill.solid.client{background-color:#000}.comment-status-pill.solid.done{background-color:#10b981}.comment-status-pill.outline{background-color:transparent;border:.0625rem solid}.comment-status-pill.outline.todo{color:#9ca3af;border-color:#9ca3af}.comment-status-pill.outline.wip{color:#3b82f6;border-color:#3b82f6}.comment-status-pill.outline.wfa{color:#8b5cf6;border-color:#8b5cf6}.comment-status-pill.outline.feedback{color:#f59e0b;border-color:#f59e0b}.comment-status-pill.outline.client{color:#000;border-color:#000}:root.dark .comment-status-pill.outline.client{color:#e5e7eb;border-color:#e5e7eb}.comment-status-pill.outline.done{color:#10b981;border-color:#10b981}.edited-indicator{font-style:italic;color:var(--text-disabled)}.comment-text{font-size:.875rem;color:var(--text-primary);line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.comments-loading,.comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary)}.loading-spinner,.button-spinner{width:1rem;height:1rem;border:.125rem solid var(--border);border-top:.125rem solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.button-spinner{width:.875rem;height:.875rem;margin:0 .25rem 0 0}.empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-text{margin:0;font-size:.875rem}.add-comment-section{border-top:.0625rem solid var(--border);background:var(--surface);padding:.25rem .75rem .75rem;flex-shrink:0;overflow:visible;position:relative;z-index:1}.add-comment-form{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.comment-form-tabs{display:flex;gap:0;border-bottom:.0625rem solid var(--border);margin-bottom:.35rem}.comment-tab{flex:1;padding:.35rem 1rem;background:transparent;border:none;border-bottom:.125rem solid transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.comment-tab:hover{color:var(--text-primary);background:rgba(0,0,0,.05)}.comment-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.comment-tab:focus{outline:none}.revision-time-info{padding:.25rem .75rem;background-color:var(--surface-secondary);border-radius:.25rem;margin-bottom:.5rem;font-size:.75rem;color:var(--text-secondary);text-align:center;display:flex;justify-content:center;align-items:center;gap:1.25rem}.revision-time-line{line-height:1.4;white-space:nowrap}.revision-time-line:not(:last-child){margin-bottom:0}.comment-input{width:100%;padding:.75rem;border:.0625rem solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:.875rem;line-height:1.5;resize:vertical;max-height:600px;overflow-y:scroll;overscroll-behavior:contain;font-family:inherit;transition:border-color .2s ease}.comment-input::-webkit-scrollbar{width:.375rem}.comment-input::-webkit-scrollbar-track{background:transparent}.comment-input::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.comment-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 .1875rem #3b82f61a}.comment-input:disabled{opacity:.5;cursor:not-allowed}.comment-input::placeholder{color:var(--text-disabled);opacity:.4}.comment-editor{min-height:72px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;outline:none}.comment-editor:empty:before{content:attr(data-placeholder);color:var(--text-disabled);opacity:.4;pointer-events:none}.comment-editor:focus{border-color:var(--accent)}.comment-editor .here-capsule{margin:0 2px;display:inline-block;vertical-align:baseline;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}.comment-editor .here-capsule *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.comment-form-actions{display:flex;gap:.5rem;align-items:center;overflow:visible}.attach-image-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:.125rem solid var(--border);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;overflow:visible}.attach-image-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:rgba(59,130,246,.05)}.attach-image-btn:disabled{opacity:.5;cursor:not-allowed}.attach-image-btn{position:relative}.attach-count{position:absolute;top:.125rem;right:.125rem;min-width:1.125rem;height:1.125rem;padding:0 .3rem;background:var(--accent);color:#fff;font-size:.625rem;font-weight:600;border-radius:9999px;display:flex;align-items:center;justify-content:center;line-height:1}.attach-checklist-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;border:.125rem solid var(--border);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease;position:relative}.attach-checklist-btn:hover:not(:disabled){color:#3b82f6;border-color:#3b82f6;background:rgba(59,130,246,.05)}.attach-checklist-btn:disabled{opacity:.5;cursor:not-allowed}.attach-checklist-btn.has-checklist{border-color:#3b82f6;color:#3b82f6}.attach-checklist-btn .attach-count{position:absolute;top:.125rem;right:.125rem;min-width:1.125rem;height:1.125rem;padding:0 .3rem;background:#3b82f6;color:#fff;font-size:.625rem;font-weight:600;border-radius:9999px;display:flex;align-items:center;justify-content:center;line-height:1}.comment-form-right-group{display:flex;align-items:center;gap:.75rem;margin-left:auto}.comment-status-group{display:flex;align-items:center;gap:.5rem}.status-dropdown-main{flex:1}.status-dropdown-main .dropdown-button{width:100%}.comment-status-dropdown-new{flex:1;min-width:7.5rem}.comment-status-dropdown-new.dropdown-button{margin-right:.5rem;width:auto;min-width:7.5rem;text-align:center;justify-content:center;border:none;padding:.5rem 1rem;font-size:.875rem;height:2.25rem;border-radius:.375rem;font-weight:600}.comment-status-dropdown-new .dropdown-label{text-align:center;width:100%}.comment-status-dropdown-new.dropdown-button .dropdown-arrow{display:none}.comment-status-dropdown-new .dropdown-button:hover{transform:none;box-shadow:none;filter:brightness(1.05)}.time-spent-group{display:flex;gap:.25rem;align-items:center}.time-separator{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 .1875rem}.time-hours-dropdown,.time-minutes-dropdown{min-width:3.5rem;width:3.5rem;max-width:3.5rem;position:relative;z-index:1}.time-hours-dropdown .dropdown-button,.time-minutes-dropdown .dropdown-button{padding:.5rem;font-size:.875rem;text-align:center;height:2.25rem;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:.5rem!important;width:100%;min-width:unset}.time-hours-dropdown .dropdown-arrow,.time-minutes-dropdown .dropdown-arrow{display:none}.time-hours-dropdown .dropdown-option,.time-minutes-dropdown .dropdown-option{padding:0rem .5rem;text-align:center;line-height:2.5rem;height:2.5rem;transition:all .2s ease}.time-hours-dropdown .dropdown-option:hover,.time-minutes-dropdown .dropdown-option:hover,.comment-status-dropdown-new .dropdown-option:hover{background:rgba(255,255,255,.15);color:var(--text-primary);filter:brightness(1.3)}.post-comment-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:var(--accent-hover, #2563eb);color:#fff;border:.0625rem solid var(--accent-hover, #2563eb);border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:7.5rem;height:2.25rem;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;box-shadow:0 .0625rem .1875rem #0000001a,0 .0625rem .125rem #0000000f}.post-comment-btn:hover:not(:disabled){transform:translateY(-.125rem) scale(1.02);box-shadow:0 .5rem 1rem #2563eb40,0 .25rem .5rem #00000026;filter:brightness(1.1)}.post-comment-btn:focus:not(:disabled){box-shadow:0 0 0 .1875rem #3b82f64d,0 .0625rem .1875rem #0000001a}.post-comment-btn:active:not(:disabled){transform:translateY(-.0625rem) scale(.98);box-shadow:0 .125rem .25rem #2563eb33}.post-comment-btn:disabled{background:rgba(37,99,235,.25);border-color:#2563eb40;color:#ffffffb3;cursor:not-allowed;transform:none;box-shadow:none}.comment-attachments{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.75rem}.comment-attachment{display:inline-flex;align-items:center;border-radius:.375rem;text-decoration:none;color:var(--text-primary);transition:background-color .2s;max-width:100%}.attachment-file{gap:.5rem;padding:.5rem .75rem;background-color:var(--surface-bright);border:1px solid var(--border)}.attachment-file:hover{background-color:var(--hover)}.attachment-image{padding:0;border:1px solid var(--border);overflow:hidden;max-width:200px;max-height:150px}.attachment-image img{display:block;width:100%;height:100%;object-fit:cover}.attachment-video{max-width:300px}.attachment-video video{width:100%;border-radius:.375rem;display:block}.attachment-file .attachment-icon{color:var(--text-secondary);flex-shrink:0}.attachment-file .attachment-name{font-size:.875rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-checklist-area{background:transparent;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;overflow:visible}.inline-checklist-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:transparent}.inline-checklist-title{flex:1;background:transparent;border:none;font-size:14px;font-weight:500;color:var(--text-primary);outline:none;padding:0}.inline-checklist-title::placeholder{color:var(--text-tertiary)}.inline-checklist-title-wrapper{flex:1;position:relative;display:flex;align-items:center;gap:8px}.inline-checklist-title-wrapper .inline-checklist-title{flex:1}.checklist-link-indicator{display:flex;align-items:center}.link-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:all .15s ease}.link-badge.instance{background:rgba(229,163,54,.15);color:#e5a336}.link-badge.instance:hover{background:rgba(229,163,54,.25)}.link-badge.copy{background:rgba(74,144,217,.15);color:#4a90d9}.link-badge.copy:hover{background:rgba(74,144,217,.25)}.link-badge span{text-transform:uppercase;letter-spacing:.5px}.inline-checklist-description{width:100%;padding:8px 10px;margin-bottom:8px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #333);border-radius:6px;font-size:13px;color:var(--text-primary);resize:none;outline:none;transition:border-color .15s ease}.inline-checklist-description:focus{border-color:var(--accent-color, #4a90d9)}.inline-checklist-description::placeholder{color:var(--text-tertiary)}.inline-checklist-description:disabled{opacity:.6;cursor:not-allowed}.inline-checklist-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .15s ease}.inline-checklist-close:hover{background:var(--surface-hover);color:var(--text-primary)}.inline-checklist-items{padding:4px 10px}.inline-checklist-item{display:flex;align-items:flex-start;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.inline-checklist-item:last-child{border-bottom:none}.inline-checklist-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:#3b82f6;cursor:pointer}.inline-checklist-item-text{flex:1;background:transparent;border:none;font-size:14px;color:var(--text-primary);resize:none;overflow:hidden;outline:none;padding:0;line-height:1.5;font-family:inherit}.inline-checklist-item-text::placeholder{color:var(--text-tertiary)}.inline-checklist-item-delete{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;opacity:0;transition:all .15s ease}.inline-checklist-item:hover .inline-checklist-item-delete{opacity:1}.inline-checklist-item-delete:hover{background:rgba(239,68,68,.1);color:#ef4444}.inline-checklist-add{display:flex;align-items:center;gap:6px;margin:4px 10px 8px;padding:6px 10px;background:transparent;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.inline-checklist-add:hover{background:var(--surface-secondary);border-color:#3b82f6;color:#3b82f6}.attach-checklist-btn.active{border-color:#3b82f6;color:#3b82f6;background:rgba(59,130,246,.1)}.comment-checklist{margin-top:.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;overflow:hidden}.comment-checklist.no-text{margin-top:.25rem}.comment-checklist-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border-bottom:1px solid var(--border);color:var(--text-secondary)}.comment-checklist-title{font-weight:500;color:var(--text-primary);flex:1}.comment-checklist-count{font-size:12px;color:var(--text-tertiary);background:var(--surface);padding:2px 8px;border-radius:10px}.comment-checklist-link-badge{font-size:12px;opacity:.8}.comment-checklist.is-instance{border-color:var(--color-warning, #e5a336)}.comment-checklist.is-instance .comment-checklist-header{background:rgba(229,163,54,.05)}.comment-checklist-description{padding:8px 12px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--surface-secondary, rgba(0,0,0,.1))}.comment-checklist-instance-note{padding:12px;text-align:center;font-size:12px;color:var(--text-tertiary);font-style:italic}.comment-checklist-instance-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:rgba(229,163,54,.08);border-bottom:1px solid rgba(229,163,54,.15)}.comment-checklist-instance-badge{font-size:11px;font-weight:500;color:var(--color-warning, #e5a336);display:flex;align-items:center;gap:4px}.comment-checklist-convert-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease}.comment-checklist-convert-btn:hover{background:var(--surface-hover, rgba(255,255,255,.1));color:var(--text-primary);border-color:var(--color-info, #4a90d9)}.comment-checklist-convert-btn svg{opacity:.7}.comment-checklist-convert-btn:hover svg{opacity:1}.comment-checklist-items{padding:6px 12px;display:flex;flex-direction:column}.comment-checklist-items.no-header{padding-top:8px}.comment-checklist-item{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:14px;border-bottom:1px solid var(--border)}.comment-checklist-item:last-child{border-bottom:none}.comment-checklist-item.completed{opacity:.7}.checklist-checkbox-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.checklist-checkbox-btn:hover{transform:scale(1.1)}.checklist-checkbox-btn:active{transform:scale(.95)}.comment-checklist-item .checklist-checkbox{width:18px;height:18px;min-width:18px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-top:1px}.comment-checklist-item .checklist-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.comment-checklist-item .checklist-item-text{flex:1;color:var(--text-primary);line-height:1.4}.comment-checklist-item.completed .checklist-item-text,.checklist-item-text.completed{text-decoration:line-through;color:var(--text-secondary)}.comment-checklist-item .checklist-completed-by{font-size:11px;color:var(--text-tertiary);white-space:nowrap}@media (max-width: 768px){.comment-section{font-size:.875rem}.comment-item{gap:.5rem}.comment-avatar,.current-user-avatar{width:1.75rem;height:1.75rem}.add-comment-section{padding:.75rem}.comment-input{min-height:3rem}.attachment-image,.attachment-video{max-height:12rem}}.comment-revision-reference{margin-bottom:.5rem;margin-left:-2.75rem;margin-right:0;display:flex;justify-content:center;width:calc(100% + 2.75rem)}.comment-skeleton{background:var(--skeleton-bg);border-radius:.5rem;height:5rem;margin-bottom:1rem;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.comment-edit-btn{background:var(--primary);border:none;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.comment-edit-btn:hover{background:var(--primary-hover)}.comment-edit-form{margin-top:.5rem;padding:.75rem;background:var(--surface-secondary);border-radius:.5rem;border:1px solid var(--border)}.comment-edit-header{display:flex;gap:.5rem;align-items:flex-start}.comment-edit-input{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;background:var(--background);color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:3rem;max-height:12rem}.comment-edit-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.comment-edit-status{flex-shrink:0}.comment-status-dropdown-edit{min-width:7rem}.comment-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.comment-edit-save,.comment-edit-cancel{padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.comment-edit-save{background:var(--primary);color:#fff}.comment-edit-save:hover:not(:disabled){background:var(--primary-hover)}.comment-edit-save:disabled{opacity:.5;cursor:not-allowed}.edit-checklist-area{margin-top:.5rem;border:1px solid var(--border);border-radius:6px;overflow:visible;position:relative}.edit-checklist-header{padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface-secondary);position:relative;z-index:1}.edit-checklist-title{width:100%;background:transparent;border:none;font-size:13px;font-weight:500;color:var(--text-primary);outline:none;padding:4px 0;cursor:text;pointer-events:auto}.edit-checklist-title::placeholder{color:var(--text-tertiary)}.edit-checklist-items{padding:4px 10px}.edit-checklist-item{display:flex;align-items:flex-start;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.edit-checklist-item:last-child{border-bottom:none}.edit-checklist-item input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:#3b82f6;cursor:pointer}.edit-checklist-item-text{flex:1;background:transparent;border:none;font-size:13px;color:var(--text-primary);resize:none;overflow:hidden;outline:none;padding:0;line-height:1.4;font-family:inherit}.edit-checklist-item-text::placeholder{color:var(--text-tertiary)}.edit-checklist-item-delete{background:transparent;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;opacity:0;transition:all .15s ease}.edit-checklist-item:hover .edit-checklist-item-delete{opacity:1}.edit-checklist-item-delete:hover{background:rgba(239,68,68,.1);color:#ef4444}.edit-checklist-add{display:flex;align-items:center;gap:4px;margin:4px 10px 6px;padding:4px 8px;background:transparent;border:1px dashed var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.edit-checklist-add:hover{background:var(--surface-secondary);border-color:#3b82f6;color:#3b82f6}.comment-edit-cancel{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.comment-edit-cancel:hover{background:var(--background);color:var(--text-primary)}.comment-bullet{display:flex;align-items:flex-start;margin:.25rem 0;line-height:1.5}.bullet-point{color:var(--text-secondary);margin-right:.5rem;flex-shrink:0;font-weight:600;line-height:inherit}.bullet-content{flex:1;line-height:inherit}.comment-content strong{font-weight:600;color:var(--text-primary)}.comment-content em{font-style:italic;color:var(--text-primary)}.comment-content br{display:block;content:"";margin:.25rem 0}.comment-content .markdown-link{color:var(--primary, #3b82f6);text-decoration:underline;word-break:break-all}.comment-content .markdown-link:hover{color:var(--primary-dark, #2563eb)}:root.dark .comment-content .markdown-link{color:#60a5fa}:root.dark .comment-content .markdown-link:hover{color:#93c5fd}.comment-content .markdown-code-inline{background:var(--surface-secondary, #f3f4f6);color:var(--text-primary, #111827);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;border:1px solid var(--border, #e5e7eb)}:root.dark .comment-content .markdown-code-inline{background:#1f2937;color:#f9fafb;border-color:#374151}.comment-content .markdown-code-block{background:var(--surface-secondary, #f3f4f6);color:var(--text-primary, #111827);padding:12px;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;border:1px solid var(--border, #e5e7eb);overflow-x:auto;margin:8px 0}.comment-content .markdown-code-block code{background:transparent;padding:0;border:none}:root.dark .comment-content .markdown-code-block{background:#1f2937;color:#f9fafb;border-color:#374151}.comment-content u{text-decoration:underline}.comment-content del{text-decoration:line-through;opacity:.7}.comment-content .comment-numbered{display:flex;align-items:flex-start;margin:.25rem 0;line-height:1.5}.comment-content .numbered-number{color:var(--text-secondary);margin-right:.5rem;flex-shrink:0;font-weight:600;line-height:inherit}.comment-content .numbered-content{flex:1;line-height:inherit}.attach-image-btn.attached-animate{border-color:var(--attach-accent, #10b981)}.comment.highlighted{background:rgba(245,158,11,.15);border-left:3px solid #f59e0b;padding-left:13px;animation:comment-highlight-pulse .6s ease-in-out 3}:root.dark .comment.highlighted{background:rgba(245,158,11,.2)}@keyframes comment-highlight-pulse{0%,to{background:rgba(245,158,11,.15)}50%{background:rgba(245,158,11,.3)}}:root.dark @keyframes comment-highlight-pulse{0%,100% {background: rgba(245,158,11,.2);} 50% {background: rgba(245,158,11,.35);}}.search-highlight-word{background:#fef08a;color:#1f2937;padding:1px 3px;border-radius:3px;font-weight:600;animation:word-highlight-pulse .8s ease-in-out 3}:root.dark .search-highlight-word{background:#facc15;color:#1f2937}@keyframes word-highlight-pulse{0%,to{background:#fef08a;box-shadow:0 0 0 2px transparent}50%{background:#fde047;box-shadow:0 0 0 2px #facc15}}:root.dark @keyframes word-highlight-pulse{0%,100% {background: #facc15; box-shadow: 0 0 0 2px transparent;} 50% {background: #fbbf24; box-shadow: 0 0 0 2px #f59e0b;}}.personal-notes-dropdown{width:320px;max-height:800px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;overflow:hidden}body.mobile-mode .personal-notes-dropdown.panel{width:auto;max-width:none;height:auto;max-height:none;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:none}:root.dark .personal-notes-dropdown{background:#1f2937;border-color:#374151}.personal-notes-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.personal-notes-close{margin-left:8px;background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.personal-notes-close:hover{background:#f3f4f6;color:#111827}::root .dark .personal-notes-close{color:#9ca3af}::root .dark .personal-notes-close:hover{background:#374151;color:#f9fafb}:root.dark .personal-notes-header{border-bottom-color:#374151;background:#111827}.personal-notes-title{font-weight:600;font-size:14px;color:#111827}.personal-notes-title.clickable{cursor:pointer;transition:color .15s ease}.personal-notes-title.clickable:hover{color:#f97316}:root.dark .personal-notes-title{color:#f9fafb}:root.dark .personal-notes-title.clickable:hover{color:#f97316}.personal-notes-search-wrapper{display:flex;align-items:center;gap:6px;flex:1;background:transparent;border:none;padding:0}.personal-notes-search-icon{color:#f97316;flex-shrink:0}.personal-notes-search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-weight:600;color:#111827;padding:0;min-width:0}.personal-notes-search-input::placeholder{color:#9ca3af;font-weight:400}:root.dark .personal-notes-search-input{color:#f9fafb}.personal-notes-search-clear{background:transparent;border:none;padding:2px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;flex-shrink:0}.personal-notes-search-clear:hover{color:#f97316}.personal-notes-saving{font-size:11px;color:#9ca3af;font-style:italic}.personal-notes-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#ffffff;flex-shrink:0}:root.dark .personal-notes-tabs{border-bottom-color:#374151;background:#1f2937}.personal-notes-tab{flex:1;padding:10px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.personal-notes-tab:hover{color:#111827;background:#f3f4f6}:root.dark .personal-notes-tab:hover{color:#f9fafb;background:#374151}.personal-notes-tab.active{color:#f97316;border-bottom-color:#f97316}.personal-notes-content{flex:1;min-height:0;overflow-y:auto;max-height:600px}body.mobile-mode .personal-notes-dropdown.panel .personal-notes-content{max-height:none}.personal-notes-loading,.personal-notes-empty{padding:24px 16px;text-align:center;color:#9ca3af;font-size:13px}.personal-notes-items{display:flex;flex-direction:column;padding:8px 0}.personal-notes-item{display:flex;align-items:flex-start;gap:8px;padding:6px 12px;transition:background .1s ease}.personal-notes-item:hover{background:#f3f4f6}:root.dark .personal-notes-item:hover{background:#374151}.personal-notes-item:hover .personal-notes-delete{opacity:1}.personal-notes-checkbox{width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:#f97316;margin-top:3px}.personal-notes-input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:#111827;padding:0;font-family:inherit;resize:none;overflow:hidden;min-height:20px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}:root.dark .personal-notes-input{color:#f9fafb}.personal-notes-input::placeholder{color:#9ca3af}.personal-notes-input.completed{text-decoration:line-through;color:#9ca3af}.personal-notes-delete{background:transparent;border:none;padding:4px;cursor:pointer;color:#9ca3af;opacity:0;transition:all .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.personal-notes-delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.personal-notes-add{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px;background:#ffffff;border:none;border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;cursor:pointer;transition:all .15s ease;flex-shrink:0}:root.dark .personal-notes-add{border-top-color:#374151;background:#1f2937}.personal-notes-add:hover{background:#f3f4f6;color:#f97316}:root.dark .personal-notes-add:hover{background:#374151}.personal-notes-add svg{flex-shrink:0}.user-settings-popup{padding:1.5rem;max-height:calc(100vh - 10rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.user-settings-popup::-webkit-scrollbar{width:.5rem}.user-settings-popup::-webkit-scrollbar-track{background:transparent}.user-settings-popup::-webkit-scrollbar-thumb{background:var(--border);border-radius:.25rem}.user-settings-popup::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.settings-single-column{max-width:30rem;margin:0 auto}.settings-section{height:100%}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.avatar-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-preview{width:5rem;height:5rem;border-radius:50%;overflow:hidden;background:var(--surface);border:2px solid var(--border)}.user-role-badge{padding:.25rem .75rem;background:var(--accent);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:2rem;font-weight:600}.change-avatar-btn{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.change-avatar-btn:hover{background:var(--hover);border-color:var(--accent)}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.settings-input,.settings-select{width:100%;padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.375rem;line-height:1.4}.theme-options{display:flex;gap:1rem}.theme-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.theme-option input[type=radio]{width:1rem;height:1rem;cursor:pointer}.theme-option span{font-size:.875rem;color:var(--text-primary)}.master-notification-toggle{margin-top:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.switch-option{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.switch-option span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.switch-container{position:relative;width:3rem;height:1.5rem}.switch-input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#6b7280;border-radius:1.5rem;transition:all .3s ease;cursor:pointer;box-shadow:inset 0 2px 4px #00000026}.switch-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.125rem;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.switch-input:checked+.switch-slider{background-color:#3b82f6}.switch-input:checked+.switch-slider:before{transform:translate(1.5rem) translateY(-50%)}.notification-options{transition:opacity .3s ease}.notification-options.disabled{opacity:.5}.checkbox-option{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;cursor:pointer;position:relative}.checkbox-option:last-child{margin-bottom:0}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-option:before{content:"";display:inline-block;width:1.25rem;height:1.25rem;background:var(--input-bg);border:2px solid var(--border);border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.checkbox-option:has(input[type=checkbox]:checked):before{background:#3b82f6;border-color:#3b82f6}.checkbox-option:after{content:"";position:absolute;left:.4375rem;top:.1875rem;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease;pointer-events:none}.checkbox-option:has(input[type=checkbox]:checked):after{opacity:1}.checkbox-option:hover:before{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-option input[type=checkbox]:disabled~:before{background:var(--surface-disabled);border-color:var(--border);cursor:not-allowed}.checkbox-option input[type=checkbox]:disabled~span{opacity:.5;cursor:not-allowed}.checkbox-option span{font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none}.checkbox-option .option-hint{font-size:.75rem;color:var(--text-secondary);margin-left:auto}.sound-notifications-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.sound-notifications-section .section-title{font-size:.9375rem;margin-bottom:.5rem}.sound-notifications-section .form-hint{margin-bottom:1rem}.language-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.language-section .section-title{font-size:.9375rem;margin-bottom:.5rem}.language-section .form-hint{margin-bottom:1rem}.language-selector{display:flex;gap:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;background:var(--input-bg);border:2px solid var(--border);border-radius:.5rem;transition:all .2s ease;flex:1}.radio-option:hover{border-color:var(--accent);background:var(--hover)}.radio-option:has(input:checked){border-color:var(--accent);background:rgba(59,130,246,.1)}.radio-option input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent)}.language-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.language-flag{font-size:1.25rem}.settings-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.cancel-btn,.save-btn{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cancel-btn{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.cancel-btn:hover{background:var(--hover);transform:translateY(-1px)}.save-btn{background:#3b82f6;color:#fff;border-color:#3b82f6}.save-btn:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}@media (max-width: 768px){.settings-single-column{max-width:100%}}@media (max-width: 640px){.user-settings-popup{padding:1rem}.avatar-section{flex-direction:column;text-align:center}.settings-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}.switch-studio-popup{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem 0;height:100%;overflow:hidden}.section-title{margin-bottom:.5rem;font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.studio-list{list-style:none;padding:0;margin:0 0 .75rem;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-secondary)}.studio-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;cursor:pointer;transition:background-color .15s ease;font-size:.9375rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.05)}.studio-item:last-child{border-bottom:none}.studio-item:hover{background:rgba(255,255,255,.05)}.studio-item.selected{background:rgba(59,130,246,.15)}.current-label{font-size:.75rem;font-weight:600;color:var(--primary)}.studio-item-actions{display:flex;align-items:center;gap:.5rem}.archive-action{border:none;background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;padding:0;text-decoration:underline}.archive-action:hover{color:var(--text-primary)}.archived-studio-name{opacity:.8}.field-row{display:flex;gap:.5rem}.text-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:.9375rem;height:44px;transition:all .2s ease}.text-input:focus{outline:none;border-color:var(--primary);background:var(--input-bg)}.primary-btn,.secondary-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.primary-btn{background:var(--primary);color:#fff;margin:.5rem auto 0}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.secondary-btn{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.secondary-btn:hover:not(:disabled){background:var(--hover-bg)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:default}.error-message{color:var(--error);font-size:.875rem}.divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.75rem 0}.no-studios{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.switch-studio-popup>section:last-of-type{margin-bottom:1.5rem}:root:not(.dark) .studio-list{background:#f9fafb;border-color:#e5e7eb}:root:not(.dark) .studio-item{border-bottom-color:#e5e7eb}:root:not(.dark) .studio-item:hover{background:#f3f4f6}:root:not(.dark) .studio-item.selected{background:rgba(59,130,246,.1)}:root{--bg-secondary: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--border-subtle: #f3f4f6;--bg-hover: #f9fafb}html.dark{--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--border-subtle: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .05)}.notification-bell{position:relative;display:inline-flex;align-items:center}.navbar-notification{margin:0 4px}.bell-button{position:relative;background:#f9fafb;border:1px solid #d1d5db;color:#6b7280;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bell-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}html.dark .bell-button{background:#374151;border-color:#4b5563;color:#9ca3af}html.dark .bell-button:hover{background:#4b5563;border-color:#6b7280;color:#d1d5db}.bell-icon{width:1.25rem;height:1.25rem}.badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;min-width:1.25rem;height:1.25rem;padding:0 .25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;border:2px solid #f9fafb}html.dark .badge{border-color:#374151}.dropdown{width:320px;max-width:90vw;max-height:400px;overflow-y:auto;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color);border-radius:8px;z-index:70000}html.dark .dropdown{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-color)}.dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}html.dark .dropdown-header{border-color:#ffffff1a}.notification-item{padding:12px 16px;font-size:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border-subtle);transition:background-color .2s;cursor:pointer}.notification-item:hover{background-color:var(--bg-hover)}html.dark .notification-item{border-color:#ffffff0d}html.dark .notification-item:hover{background-color:#ffffff0d}.notification-item.unread{background-color:#3b82f61a;position:relative}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#3b82f6}html.dark .notification-item.unread{background-color:#3b82f626}.notification-item:last-child{border-bottom:none}.notification-item p{margin:0;flex:1 1 auto;line-height:1.5;color:var(--text-primary);word-break:break-word}.time{font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.empty,.loading{padding:24px;text-align:center;font-size:14px;color:var(--text-secondary)}.studio-feed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:60000;opacity:0;pointer-events:none;transition:opacity .2s}.studio-feed-overlay.visible{opacity:1;pointer-events:auto}.studio-feed-panel{position:fixed;right:0;top:0;width:680px;max-width:90vw;height:100vh;background:var(--bg-secondary, #fff);color:var(--text-primary, #111827);display:flex;flex-direction:column;box-shadow:-4px 0 12px #00000026;overflow:visible;isolation:isolate}.studio-feed-panel .header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #e5e7eb)}.studio-feed-panel .header button{background:transparent;border:none;font-size:24px;color:var(--text-secondary, #6b7280);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.studio-feed-panel .header button:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #111827)}:root.dark .studio-feed-panel .header button:hover{background:var(--bg-tertiary, #374151)}.studio-feed-panel .content{flex:1 1 auto;overflow-y:auto}.feed-item{padding:16px 20px;font-size:14px;cursor:pointer;transition:background-color .2s ease;position:relative;display:flex;gap:12px}:root:not(.dark) .feed-item{border-bottom:1px solid rgba(156,163,175,.6)}:root.dark .feed-item{border-bottom:1px solid rgba(75,85,99,.5)}.revision-thumbnail{flex-shrink:0;width:108px;height:108px;position:relative;border-radius:4px;overflow:hidden;background:var(--bg-tertiary, #f3f4f6)}.revision-thumbnail img{width:100%;height:100%;object-fit:cover}.revision-thumbnail video{width:100%;height:100%;object-fit:cover}.revision-thumbnail .video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.feed-item-content{flex:1;min-width:0}.feed-item:hover{background-color:var(--bg-hover, #f9fafb)}.feed-item:last-child{border-bottom:none}.feed-item .line1{display:flex;align-items:center;gap:12px;margin-bottom:6px}.feed-item .actor{font-weight:600;color:var(--text-primary, #111827)}.feed-item .line2{color:var(--text-secondary, #6b7280);margin-bottom:4px}.feed-item .task-name{font-weight:500;color:var(--text-primary, #111827)}.feed-item .line3{font-size:13px;color:var(--text-tertiary, #9ca3af);margin-bottom:6px}.feed-item .context{opacity:.8}.feed-item .time{font-size:12px;color:var(--text-tertiary, #9ca3af)}.loading,.empty{padding:24px;text-align:center;color:var(--text-secondary, #6b7280)}.studio-feed-panel .filters{padding:12px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;gap:8px;position:relative;z-index:10;overflow:visible!important}.filter-toggle{padding:6px 14px;background:var(--surface-secondary, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-toggle:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #111827)}.filter-toggle.active{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.filter-toggle.active:hover{background:var(--primary-hover, #2563eb);border-color:var(--primary-hover, #2563eb)}:root.dark .filter-toggle{background:var(--surface-secondary, #1f2937);border-color:var(--border, #374151);color:var(--text-secondary, #9ca3af)}:root.dark .filter-toggle:hover{background:var(--hover-bg, #374151);color:var(--text-primary, #f3f4f6)}:root.dark .filter-toggle.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.studio-feed-panel .status-filter-wrapper{max-width:200px}.studio-feed-panel .status-multi-select{width:100%}.studio-feed-panel .status-multi-select .msd-btn{width:100%;min-width:120px}.msd-menu{z-index:9999!important}.studio-feed-panel .msd-menu{z-index:99999999!important;position:fixed!important;transform:none!important;will-change:auto!important}#portal-root{z-index:99999999!important}.studio-feed-panel .member-filter-wrapper{max-width:200px}.studio-feed-panel .member-multi-select{width:100%}.studio-feed-panel .member-multi-select .msd-btn{width:100%;min-width:120px}.studio-feed-panel .filters{justify-content:flex-start}.studio-feed-panel .filters .msd{width:130px}.studio-feed-panel .filters .msd-btn{width:100%;min-width:0;justify-content:space-between}.status-pill{display:inline-block;border-radius:0;font-weight:600;letter-spacing:.05em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;-webkit-user-select:none;user-select:none}.status-pill-small{padding:.125rem .5rem;font-size:.625rem;max-width:5rem}.status-pill-medium{padding:.2rem .6rem;font-size:.7rem;max-width:8rem}.status-pill-large{padding:.25rem .75rem;font-size:.75rem;max-width:10rem}.status-pill-clickable{cursor:pointer}.status-pill-clickable:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 .125rem .375rem #00000026}.status-pill-clickable:active{transform:scale(.98)}.msd{position:relative;display:inline-block}.msd-btn{background:var(--surface-secondary);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background .15s ease;display:flex;align-items:center;justify-content:space-between;gap:.25rem}.msd-btn:hover:not(:disabled){background:var(--hover-bg)}.msd-btn:disabled{opacity:.6;cursor:not-allowed}.msd-btn.open{padding:.4rem .6rem}.msd-search-input{flex:1;border:none;background:transparent;padding:0;margin:0;font-size:.875rem;color:var(--text-primary)}.msd-search-input:focus,.msd-search-input:focus-visible{outline:none}.msd-search-input::placeholder{color:var(--text-tertiary)}.msd-arrow{margin-left:.25rem;opacity:.25}.msd-menu{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 6px #00000026;z-index:60001;max-height:320px;overflow:auto;min-width:200px;width:max-content;max-width:350px}.msd-controls{display:flex;gap:.25rem;padding:.4rem;border-bottom:1px solid var(--border)}.msd-controls button{flex:1;background:var(--surface-secondary);border:1px solid var(--border);border-radius:3px;padding:.2rem .5rem;font-size:.75rem;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.msd-controls button:hover{background:var(--hover-bg)}.msd-controls input{flex:2;border:1px solid var(--border);border-radius:3px;padding:.25rem .4rem;font-size:.75rem;background:var(--input-bg);color:var(--text-primary)}.msd-options{padding:.4rem .6rem}.msd-option{display:flex;align-items:center;padding:.2rem 0;font-size:.8rem;cursor:pointer;width:100%}.msd-option label{display:flex;align-items:center;flex:1;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-option input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1rem;height:1rem;margin-right:.4rem;border:2px solid var(--border);border-radius:3px;background:var(--surface-secondary);display:inline-grid;place-content:center;transition:background .15s ease,border-color .15s ease}.msd-option input[type=checkbox]:checked{border-color:var(--primary);background:var(--primary)}.msd-option input[type=checkbox]:checked:after{transform:scale(1);background:var(--surface)}.msd-option.selected{background:var(--bg-tertiary, #374151);color:var(--text-primary, #fff)}.msd-empty{padding:.6rem 0;color:var(--text-secondary);font-size:.8rem;text-align:center}.msd-label-name{opacity:.5}:root.dark .msd-label-name{opacity:.25}.msd-label-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.placeholder-icon{color:var(--text-tertiary);opacity:.7}.global-search-dropdown{width:480px;max-height:calc(100vh - 120px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden}.global-search-header{padding:12px;border-bottom:1px solid var(--border)}.global-search-input-container{display:flex;align-items:center;gap:8px;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:8px 12px;transition:border-color .2s}.global-search-input-container:focus-within{border-color:var(--primary)}.global-search-icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.global-search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:14px;outline:none}.global-search-input::placeholder{color:var(--text-secondary)}.global-search-clear,.global-search-filters-toggle{width:28px;height:28px;padding:4px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.global-search-clear:hover,.global-search-filters-toggle:hover{background:var(--surface-hover);color:var(--text)}.global-search-filters-toggle.active{background:var(--primary);color:#fff}.global-search-clear svg,.global-search-filters-toggle svg{width:16px;height:16px}.search-filters-panel{padding:12px;background:var(--background);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.search-filters-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.search-filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px}.search-filter-group label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-filter-group select,.search-filter-group input[type=date]{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:13px;cursor:pointer}.search-filter-group select:focus,.search-filter-group input[type=date]:focus{outline:none;border-color:var(--primary)}.search-filter-group select:disabled{opacity:.5;cursor:not-allowed}.search-filter-clear{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;border-radius:6px;transition:all .2s}.search-filter-clear:hover{background:var(--surface-hover);color:var(--text)}.search-filters-types{display:flex;align-items:center;gap:8px}.search-filters-types>label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-type-toggles{display:flex;gap:4px;flex-wrap:wrap}.search-type-toggle{padding:4px 10px;border:1px solid var(--border);border-radius:14px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.search-type-toggle:hover{border-color:var(--text-secondary);color:var(--text)}.search-type-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.global-search-results{flex:1;overflow-y:auto;padding:12px;background:var(--surface, #1a1a2e)}.global-search-loading,.global-search-error,.global-search-empty,.global-search-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--text-secondary);font-size:13px}.global-search-error{color:var(--error)}.global-search-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.global-search-sections{display:flex;flex-direction:column;gap:8px}.global-search-section{display:flex;flex-direction:column}.global-search-section+.global-search-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border, rgba(255, 255, 255, .1))}.global-search-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:4px}.global-search-section-label{font-size:11px;font-weight:700;color:var(--text-secondary, #a0aec0);text-transform:uppercase;letter-spacing:.8px}.global-search-section-count{font-size:11px;font-weight:600;color:var(--text-secondary, #a0aec0);background:var(--surface-hover, rgba(255, 255, 255, .1));padding:2px 8px;border-radius:10px}.global-search-section-items{display:flex;flex-direction:column;gap:2px}.global-search-section-more{width:100%;padding:8px;text-align:center;color:var(--text-secondary);font-size:12px;font-style:italic;background:transparent;border:none;cursor:pointer;transition:color .15s ease,background-color .15s ease;border-radius:4px}.global-search-section-more:hover{color:var(--accent-primary);background-color:var(--bg-tertiary)}.global-search-section-more:active{background-color:var(--bg-secondary)}.search-result-item{display:flex;gap:12px;padding:12px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;width:100%;transition:background-color .15s;border:1px solid transparent}.search-result-item:hover{background:var(--surface-hover, rgba(255, 255, 255, .05));border-color:var(--border, rgba(255, 255, 255, .1))}.search-result-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:var(--surface-hover)}.search-result-icon svg{width:16px;height:16px}.search-result-icon-project{background:rgba(245,158,11,.15);color:#f59e0b}.search-result-icon-space{background:rgba(139,92,246,.15);color:#8b5cf6}.search-result-icon-item{background:rgba(100,116,139,.15);color:#64748b}.search-result-icon-chat{background:rgba(59,130,246,.15);color:#3b82f6}.search-result-icon-comment{background:rgba(16,185,129,.15);color:#10b981}.search-result-icon-revision{background:rgba(236,72,153,.15);color:#ec4899}.search-result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.search-result-title-row{display:flex;align-items:center;gap:6px}.search-result-title{font-size:14px;font-weight:500;color:var(--text-primary, #fff);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.search-result-title mark{background:rgba(59,130,246,.35);color:inherit;padding:1px 3px;border-radius:3px;font-weight:600}.search-result-media-badge{width:14px;height:14px;flex-shrink:0;color:var(--text-secondary)}.search-result-snippet{font-size:13px;color:var(--text-secondary, #a0aec0);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-snippet mark{background:rgba(59,130,246,.25);color:var(--text-primary, #fff);padding:1px 2px;border-radius:2px}.search-result-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, #718096);flex-wrap:wrap}.search-result-breadcrumbs{color:var(--text-secondary, #a0aec0);max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-author,.search-result-date{color:var(--text-muted, #718096)}.search-result-meta-separator{color:var(--border, #4a5568);font-size:8px}.global-search-shortcuts{padding:24px;display:flex;justify-content:center}.global-search-shortcut-hint{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.global-search-shortcut-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--background);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:11px;color:var(--text-secondary)}@media (max-width: 600px){.global-search-dropdown{width:calc(100vw - 32px);right:16px;left:16px}.search-filters-row{flex-direction:column}.search-filter-group{width:100%}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:10000;pointer-events:none}.toast-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:280px;max-width:420px;pointer-events:auto;animation:toast-enter .25s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-item.toast-exit{animation:toast-exit .2s ease-in forwards}.toast-success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.4);color:#4ade80}.toast-success .toast-icon{color:#22c55e}.toast-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:#f87171}.toast-error .toast-icon{color:#ef4444}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4;color:var(--text-primary)}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;opacity:.6;transition:opacity .15s,background .15s;flex-shrink:0}.toast-close:hover{opacity:1;background:rgba(255,255,255,.1)}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-item:hover{box-shadow:0 6px 16px #0006}.references-canvas-container{display:flex;flex-direction:column;height:100%;background:var(--background);border-radius:.5rem;overflow:hidden;position:relative}.references-canvas-container.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:100;border-radius:0;background:var(--background)}.references-toolbar{display:flex;align-items:center;gap:.125rem;padding:.25rem .5rem;background:var(--surface-secondary);border-bottom:1px solid var(--border);flex-shrink:0;overflow:visible;position:relative;z-index:5}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:36px;min-height:36px}.toolbar-icon-btn:hover{background:var(--hover);color:var(--accent)}.snap-btn.snap-active{color:var(--accent);background:transparent}.snap-btn.snap-inactive{color:var(--accent);opacity:.3;background:transparent}.toolbar-icon-btn.active{background:var(--accent);color:#fff}.toolbar-icon-btn.disabled,.toolbar-icon-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.toolbar-divider{width:1px;height:16px;background:var(--border);margin:0 8px}.toolbar-group{display:flex;align-items:center;gap:0}.toolbar-group-text{order:10}.toolbar-group-font{order:11}.toolbar-group-text-border{order:12}.toolbar-group-lines{order:13}.toolbar-group-selection{order:14}.toolbar-group-download{order:15}.toolbar-spacer{flex:1;order:50}.trash-toggle-btn{order:51}.toolbar-color-picker{position:relative;display:flex;align-items:center;justify-content:center;padding:.25rem;min-width:24px;min-height:24px;cursor:pointer;background:none;border:none}.toolbar-color-picker input[type=color]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.toolbar-color-picker:hover{background:var(--hover);border-radius:.375rem}.toolbar-color-picker .toolbar-icon{pointer-events:none}.toolbar-opacity-control{display:flex;align-items:center;gap:4px;padding:0 4px}.toolbar-opacity-control .opacity-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,transparent,var(--text-primary));border-radius:2px;cursor:pointer}.toolbar-opacity-control .opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:white;border:2px solid var(--accent);cursor:pointer;box-shadow:0 1px 2px #0003}.toolbar-opacity-control .opacity-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:white;border:2px solid var(--accent);cursor:pointer;box-shadow:0 1px 2px #0003}.toolbar-opacity-control .opacity-value{font-size:10px;color:var(--text-secondary);min-width:28px;text-align:right}.toolbar-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:4px 22px 4px 6px;font-size:12px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;min-width:70px;height:26px;transition:border-color .15s,box-shadow .15s}.toolbar-select:hover{border-color:var(--accent)}.toolbar-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.toolbar-select-small{min-width:80px}:root.dark .toolbar-select option{background:#1e293b!important;color:#fff!important;padding:8px!important;font-size:13px!important;font-weight:500!important}:root:not(.dark) .toolbar-select option{background:#ffffff!important;color:#1e293b!important;padding:8px!important;font-size:13px!important;font-weight:500!important}.toolbar-combobox{position:relative;display:flex;align-items:center;width:52px;height:26px;background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:border-color .15s,box-shadow .15s}.toolbar-combobox:hover{border-color:var(--accent)}.toolbar-combobox:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.toolbar-combobox-input{flex:1;width:100%;height:100%;border:none;background:transparent;color:var(--text-primary);font-size:12px;font-weight:500;padding:0 4px;outline:none;min-width:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toolbar-combobox-select{position:absolute;right:0;top:0;width:20px;height:100%;border:none;background:transparent;color:transparent;cursor:pointer;opacity:0;padding:0}.toolbar-combobox-select option{background:var(--surface)!important;color:var(--text-primary)!important;padding:8px!important;font-size:13px!important}:root.dark .toolbar-combobox-select option{background:#1e293b!important;color:#fff!important}:root:not(.dark) .toolbar-combobox-select option{background:#ffffff!important;color:#1e293b!important}.toolbar-combobox:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-secondary);pointer-events:none;transition:border-top-color .15s}.toolbar-combobox:hover:after{border-top-color:var(--accent)}.snap-btn:hover{background:var(--hover)}.toolbar-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--hover);border-color:var(--accent)}.toolbar-btn.danger{background:var(--error);color:#fff;border-color:var(--error)}.toolbar-btn.danger:hover{background:#dc2626;border-color:#dc2626}.references-canvas{flex:1;position:relative;overflow:hidden;background:var(--surface);user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;contain:layout style paint;image-rendering:crisp-edges;-webkit-font-smoothing:subpixel-antialiased}.references-canvas.zooming .canvas-item img{image-rendering:pixelated;filter:contrast(.95) brightness(.98)}.references-canvas[data-show-grid=true][data-grid-level=fine]{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:calc(20px * var(--canvas-zoom, 1)) calc(20px * var(--canvas-zoom, 1)),calc(20px * var(--canvas-zoom, 1)) calc(20px * var(--canvas-zoom, 1)),calc(100px * var(--canvas-zoom, 1)) calc(100px * var(--canvas-zoom, 1)),calc(100px * var(--canvas-zoom, 1)) calc(100px * var(--canvas-zoom, 1));background-position:calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1))}.references-canvas[data-show-grid=true][data-grid-level=medium]{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:calc(100px * var(--canvas-zoom, 1)) calc(100px * var(--canvas-zoom, 1)),calc(100px * var(--canvas-zoom, 1)) calc(100px * var(--canvas-zoom, 1)),calc(500px * var(--canvas-zoom, 1)) calc(500px * var(--canvas-zoom, 1)),calc(500px * var(--canvas-zoom, 1)) calc(500px * var(--canvas-zoom, 1));background-position:calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1))}.references-canvas[data-show-grid=true][data-grid-level=coarse]{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:calc(500px * var(--canvas-zoom, 1)) calc(500px * var(--canvas-zoom, 1)),calc(500px * var(--canvas-zoom, 1)) calc(500px * var(--canvas-zoom, 1)),calc(2000px * var(--canvas-zoom, 1)) calc(2000px * var(--canvas-zoom, 1)),calc(2000px * var(--canvas-zoom, 1)) calc(2000px * var(--canvas-zoom, 1));background-position:calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1)),calc(var(--canvas-pan-x, 0px) * var(--canvas-zoom, 1)) calc(var(--canvas-pan-y, 0px) * var(--canvas-zoom, 1))}.canvas-content{position:absolute;width:100000px;height:100000px;left:0;top:0}.canvas-item{position:absolute;cursor:move;border:2px solid transparent;border-radius:.375rem;overflow:visible;background:transparent;box-shadow:0 2px 8px #0000001a;transition:border-color .1s ease,box-shadow .1s ease;box-sizing:border-box}.canvas-item:not(.canvas-text-item):not(.folder-item):not(.generator-item):not(.bg-remover-item):not(.comment-thread-item):not(.checklist-item):not(.file-item):not(.canvas-scribble-item){box-shadow:none}.canvas-item:not(.canvas-text-item):not(.folder-item):not(.generator-item):not(.bg-remover-item):not(.comment-thread-item):not(.checklist-item):not(.file-item):not(.canvas-scribble-item):hover{box-shadow:none}.canvas-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000026}.canvas-item.selected{box-shadow:0 4px 16px #3b82f64d}.canvas-item.dragging{opacity:.5}.canvas-item.uploading{border-color:var(--accent);border-style:dashed}.canvas-item.uploading img,.canvas-item.uploading video{opacity:.5}.canvas-item.sync-issue{outline:2px dashed #ff9800!important;outline-offset:2px!important}.canvas-item.sync-issue:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,152,0,.1) 10px,rgba(255,152,0,.1) 20px);pointer-events:none;border-radius:inherit;z-index:5}.canvas-item-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10;color:#fff;font-size:12px;font-weight:500;border-radius:.25rem}.canvas-item-upload-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-slow 2s linear infinite;will-change:transform;animation:uploadSpin .8s linear infinite}@keyframes uploadSpin{to{transform:rotate(360deg)}}.canvas-text-item.selected .text-editor{border:1px solid var(--accent);border-radius:4px}.canvas-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;background:transparent;image-rendering:optimizeSpeed}.image-with-tint{position:relative;width:100%;height:100%;background:transparent}.image-with-tint:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--image-tint-color, transparent);opacity:.35;pointer-events:none;z-index:1}.references-canvas[data-zoom-level=medium] .canvas-item img,.references-canvas[data-zoom-level=low] .canvas-item img{image-rendering:pixelated}.references-canvas[data-zoom-level=verylow] .canvas-item img{image-rendering:pixelated;opacity:.95}.canvas-item .video-wrapper{width:100%;height:100%;position:relative}.canvas-item video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:auto}.canvas-text-item{border:1px solid rgba(0,0,0,.1)}.canvas-text-item.selected{box-shadow:0 4px 16px #3b82f64d!important}.text-content{width:100%;height:100%;position:relative;z-index:1}.edit-button{position:absolute;top:50%;left:50%;transform-origin:center;opacity:0;transition:opacity .2s ease;background:rgba(0,0,0,.8);padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2}.edit-button:hover{background:rgba(0,0,0,.9)}.canvas-text-item:hover .edit-button{opacity:1}.text-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;box-sizing:border-box;line-height:1.4}.text-display>span,.text-display>a{display:inline}.text-display-content{display:block;width:100%;word-wrap:break-word;overflow-wrap:break-word}.text-editor{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500;color:var(--text-primary);text-align:center;resize:none;font-family:inherit;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;line-height:1.2;display:flex;align-items:center;justify-content:center}:root.dark .canvas-text-item{border-color:#ffffff1a}.resize-handles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.resize-handle{position:absolute;width:20px;height:20px;margin:-10px;background:var(--accent);border:2px solid white;border-radius:50%;pointer-events:auto;box-shadow:0 2px 6px #0000004d;touch-action:none;transform-origin:center center}.resize-handle:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%}.resize-handle.nw{top:0;left:0;cursor:nw-resize}.resize-handle.ne{top:0;right:0;cursor:ne-resize}.resize-handle.sw{bottom:0;left:0;cursor:sw-resize}.resize-handle.se{bottom:0;right:0;cursor:se-resize}.resize-handle.edge{width:14px;height:14px;background:var(--accent);border:2px solid white;border-radius:50%}.resize-handle.edge:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%}.resize-handle.edge.n{top:0;left:50%;margin-left:-7px;margin-top:-7px;cursor:n-resize}.resize-handle.edge.s{bottom:0;left:50%;margin-left:-7px;margin-bottom:-7px;cursor:s-resize}.resize-handle.edge.e{right:0;top:50%;margin-right:-7px;margin-top:-7px;cursor:e-resize}.resize-handle.edge.w{left:0;top:50%;margin-left:-7px;margin-top:-7px;cursor:w-resize}.references-canvas.drag-over{background:rgba(59,130,246,.05)}.references-canvas[data-mode=pan]{cursor:grab}.references-canvas[data-mode=pan]:active{cursor:grabbing}.references-canvas[data-mode=scribble]{cursor:crosshair}.canvas-scribble-item{background:transparent!important;border:none!important;box-shadow:none!important}.canvas-scribble-item .canvas-item-content{background:transparent!important;overflow:visible!important}.canvas-item.selected:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:rgba(59,130,246,.1);border-radius:.5rem;z-index:-1}@media (max-width: 768px){.references-toolbar{flex-wrap:wrap;gap:.125rem;padding:.5rem}.toolbar-btn{padding:.375rem .5rem;font-size:.8125rem}.resize-handle{width:28px;height:28px;margin:-14px}.canvas-item{min-width:80px;min-height:60px}}.canvas-item.canvas-text-item,.canvas-item.folder-item,.canvas-item.generator-item,.canvas-item.bg-remover-item,.canvas-item.comment-thread-item,.canvas-item.checklist-item,.canvas-item.collaborative-doc-item,.canvas-item.file-item{background:white}:root.dark .canvas-item.canvas-text-item,:root.dark .canvas-item.folder-item,:root.dark .canvas-item.comment-thread-item,:root.dark .canvas-item.checklist-item,:root.dark .canvas-item.collaborative-doc-item,:root.dark .canvas-item.file-item{background:var(--surface-secondary)}:root.dark .canvas-item{box-shadow:0 2px 8px #0000004d}:root.dark .canvas-item:hover{box-shadow:0 4px 12px #0006}:root.dark .resize-handle{border-color:var(--surface)}:root.dark .references-canvas[data-show-grid=true][data-grid-level=fine]{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}:root.dark .references-canvas[data-show-grid=true][data-grid-level=medium]{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}:root.dark .references-canvas[data-show-grid=true][data-grid-level=coarse]{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}.fullscreen-toggle-btn{position:absolute;bottom:20px;right:20px;width:48px;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:1000}.fullscreen-toggle-btn:hover{background:var(--hover);border-color:var(--accent);transform:scale(1.05);box-shadow:0 6px 20px #0003}.fullscreen-toggle-btn:active{transform:scale(.95)}@keyframes itemAdded{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.canvas-item{animation:itemAdded .3s ease-out}.canvas-item img,.canvas-item video{transition:opacity .2s ease}.canvas-item img[src=""],.canvas-item video[src=""]{opacity:.5;background:var(--surface-secondary)}.context-menu-item:last-child{border-radius:0 0 .375rem .375rem}.shortcuts-info-container{position:absolute;top:20px;right:20px;z-index:1001}.shortcuts-info-btn{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:600}.shortcuts-info-btn:hover{background:var(--hover);border-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.shortcuts-info-btn:active{transform:scale(.95)}.info-icon{font-family:Times New Roman,serif;font-style:italic;font-weight:700}.shortcuts-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:280px;z-index:1002;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{padding:12px 16px;background:var(--surface-secondary);border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary);font-size:14px}.shortcuts-list{padding:8px 0;overflow-y:auto}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;transition:background-color .15s ease}.shortcut-item:hover{background:var(--hover)}.shortcut-key{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12px;font-weight:600;background:var(--background);border:1px solid var(--border);border-radius:4px;padding:4px 8px;color:var(--accent);min-width:80px;text-align:center}.shortcut-desc{color:var(--text-secondary);font-size:13px;flex:1;text-align:right;margin-left:12px}:root.dark .shortcuts-dropdown{box-shadow:0 8px 24px #0000004d}:root.dark .shortcuts-info-btn{box-shadow:0 2px 8px #0003}:root.dark .shortcuts-info-btn:hover{box-shadow:0 4px 12px #0000004d}.canvas-item-content{position:relative;overflow:hidden;width:100%;height:100%;box-sizing:border-box}.canvas-item-content img,.canvas-item-content video{width:100%;height:100%;object-fit:cover}.canvas-item.video-item{overflow:visible}.canvas-item.has-breadcrumb{display:flex;flex-direction:column}.source-breadcrumb-bar{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--breadcrumb-bg, rgba(15, 15, 30, .97));cursor:pointer;transition:background .15s;box-sizing:border-box;border-top:2px solid var(--accent, #6366f1);min-height:50px}.source-breadcrumb-bar:hover{background:var(--accent, #6366f1)}.source-breadcrumb-bar .breadcrumb-text{font-size:13px;color:var(--breadcrumb-text, rgba(255, 255, 255, .98));font-weight:500;line-height:1.5;flex:1;white-space:normal;word-break:break-word}.source-breadcrumb-bar svg{flex-shrink:0;opacity:.8;color:var(--breadcrumb-text, white);margin-top:3px;width:16px;height:16px}.source-breadcrumb-bar:hover svg{opacity:1}.source-breadcrumb-bar:hover .breadcrumb-text{color:#fff}.canvas-item.generator-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);border:2px solid #30363d;border-radius:12px;overflow:visible;min-width:320px;min-height:420px}.canvas-item.generator-item,.canvas-item.generator-item .canvas-item-content,.canvas-item.generator-item .generator-node-content,.canvas-item.generator-item .generator-input-ports,.canvas-item.generator-item .generator-input-port{overflow:visible!important}.canvas-item.generator-item.selected{border-color:#22c55e}:root.dark .canvas-item.generator-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%)!important;border-color:#30363d!important}:root:not(.dark) .canvas-item.generator-item{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)!important;border-color:#86efac!important}.generator-node-content{display:flex;flex-direction:column;height:100%;padding:18px 18px 18px 28px;position:relative;overflow:visible}.generator-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(34,197,94,.3);margin-bottom:12px}:root.dark .generator-header{border-bottom-color:#22c55e4d!important}:root:not(.dark) .generator-header{border-bottom-color:#22c55e33!important}.generator-header svg{color:#22c55e}.generator-header span{font-weight:600;font-size:13px;color:var(--generator-text, #fff);flex:1}:root.dark .generator-header span{color:#fff!important}:root:not(.dark) .generator-header span{color:#1e293b!important}.generator-layout-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:6px;cursor:pointer;transition:all .15s ease;color:#22c55e;flex-shrink:0}.generator-layout-toggle:hover{background:rgba(34,197,94,.25);border-color:#22c55e80;transform:scale(1.05)}.generator-layout-toggle:active{transform:scale(.95)}.generator-layout-toggle svg{width:16px;height:16px}:root.dark .generator-layout-toggle{background:rgba(34,197,94,.2);border-color:#22c55e66}:root.dark .generator-layout-toggle:hover{background:rgba(34,197,94,.3);border-color:#22c55e99}:root:not(.dark) .generator-layout-toggle{background:rgba(34,197,94,.1);border-color:#22c55e40}:root:not(.dark) .generator-layout-toggle:hover{background:rgba(34,197,94,.2);border-color:#22c55e66}.generator-controls{display:flex;flex-direction:column;gap:12px;flex:1}.generator-label{font-size:11px;font-weight:500;color:var(--generator-text-secondary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}:root.dark .generator-label{color:#fff9!important}:root:not(.dark) .generator-label{color:#0009!important}.generator-select{width:100%;padding:10px 32px 10px 12px;border-radius:8px;border:1px solid var(--generator-input-border, rgba(255, 255, 255, .15));background:var(--generator-input-bg, rgba(0, 0, 0, .3));color:var(--generator-text, #fff);font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s,background .15s}.generator-select:hover,.generator-select:focus{border-color:#22c55e!important;box-shadow:0 0 0 2px #22c55e33;outline:none}:root.dark .generator-select{background:rgba(0,0,0,.3)!important;color:#fff!important;border-color:#ffffff26!important}:root.dark .generator-select option{background:#1e293b!important;color:#fff!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important}:root:not(.dark) .generator-select{background:rgba(255,255,255,.8)!important;color:#1e293b!important;border-color:#00000026!important}:root:not(.dark) .generator-select option{background:#ffffff!important;color:#1e293b!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important}.generator-textarea-wrapper{position:relative;width:100%;flex:1;display:flex;flex-direction:column;min-height:60px}.generator-textarea{width:100%;flex:1;min-height:60px;padding:10px 12px 20px;border-radius:6px;border:1px solid var(--generator-input-border, rgba(255, 255, 255, .15));background:var(--generator-input-bg, rgba(0, 0, 0, .3));color:var(--generator-text, #fff);font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .15s}.generator-textarea::placeholder{color:var(--generator-placeholder, rgba(255, 255, 255, .35))}.generator-textarea:hover,.generator-textarea:focus{border-color:#22c55e}:root.dark .generator-textarea{background:rgba(0,0,0,.3)!important;color:#fff!important;border-color:#ffffff26!important}:root.dark .generator-textarea::placeholder{color:#ffffff59!important}:root:not(.dark) .generator-textarea{background:rgba(255,255,255,.8)!important;color:#1e293b!important;border-color:#00000026!important}:root:not(.dark) .generator-textarea::placeholder{color:#0006!important}.generator-textarea-resize-handle{position:absolute;bottom:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:nwse-resize;color:#ffffff4d;transition:color .15s;border-radius:3px}.generator-textarea-resize-handle:hover{color:var(--generator-text-secondary, rgba(255, 255, 255, .6));background:var(--generator-hover-bg, rgba(255, 255, 255, .1))}.generator-row{display:flex;align-items:center;gap:10px}.generator-row .generator-label{margin-bottom:0;white-space:nowrap}.generator-count{width:auto;min-width:60px}.generator-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;margin-top:16px;border-radius:8px;border:none;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}.generator-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e80}.generator-btn:active:not(:disabled){transform:translateY(0)}.generator-btn:disabled{opacity:.7;cursor:not-allowed}.generator-btn.generating{background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%)}.generator-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:generatorSpin .8s linear infinite}@keyframes generatorSpin{to{transform:rotate(360deg)}}.generator-connector{position:absolute;width:16px;height:16px;border-radius:50%;background:#30363d;border:3px solid #22c55e;cursor:crosshair;transition:transform .15s,background .15s;z-index:10}.generator-connector:hover{transform:scale(1.3);background:#22c55e}.generator-input-ports{position:absolute;left:-12px;top:60px;display:flex;flex-direction:column;gap:20px;z-index:1000}.generator-input-port{position:relative;width:24px;height:24px;border-radius:6px;background:#30363d;border:2px solid #22c55e;cursor:crosshair;transition:transform .15s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.generator-input-port:hover{transform:scale(1.15);background:#22c55e;border-color:#fff}.generator-input-port:hover .generator-input-label{color:#fff}.generator-input-port.hovered{transform:scale(1.2);background:#4ade80;border-color:#fff;box-shadow:0 0 12px #22c55e99,0 2px 6px #0006}.generator-input-port.hovered .generator-input-label{color:#fff}.generator-input-port.connected{background:#22c55e;border-color:#fff}.generator-input-port.connected .generator-input-label{color:#fff}.generator-input-port.shift-active{transform:scale(1.5);z-index:9999;box-shadow:0 0 0 3px #22c55e66,0 0 15px #22c55e99}.generator-input-port.shift-active:hover{transform:scale(1.7)}.generator-input-port.shift-active.hovered{transform:scale(1.8)}.generator-input-label{font-size:11px;font-weight:700;color:#22c55e;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .15s}:root:not(.dark) .generator-input-port{background:#dcfce7}:root:not(.dark) .generator-input-port.connected{background:#22c55e}.generator-output{right:-8px;top:50%;transform:translateY(-50%)}.generator-output:hover{transform:translateY(-50%) scale(1.3)}.generator-connector.connected{background:#22c55e;border-color:#fff}:root.dark{--generator-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--generator-border: #4a5568;--generator-divider: rgba(255, 255, 255, .1);--generator-text: #fff;--generator-text-secondary: rgba(255, 255, 255, .6);--generator-input-bg: rgba(0, 0, 0, .3);--generator-input-border: rgba(255, 255, 255, .15);--generator-placeholder: rgba(255, 255, 255, .35);--generator-hover-bg: rgba(255, 255, 255, .1);--generator-connector-bg: #1a1a2e;--breadcrumb-bg: rgba(15, 15, 30, .97);--breadcrumb-text: rgba(255, 255, 255, .98);--folder-breadcrumb-bg: #1e293b}:root:not(.dark){--generator-bg: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--generator-border: #cbd5e1;--generator-divider: rgba(0, 0, 0, .1);--generator-text: #1e293b;--generator-text-secondary: rgba(0, 0, 0, .6);--generator-input-bg: rgba(255, 255, 255, .8);--generator-input-border: rgba(0, 0, 0, .15);--generator-placeholder: rgba(0, 0, 0, .4);--generator-hover-bg: rgba(0, 0, 0, .05);--generator-connector-bg: #e2e8f0;--breadcrumb-bg: rgba(241, 245, 249, .97);--breadcrumb-text: #1e293b;--folder-breadcrumb-bg: #f1f5f9}.connector-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:#fff;pointer-events:none}.canvas-item.video-generator-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);border:2px solid #30363d;border-radius:12px;overflow:visible}.canvas-item.video-generator-item.selected{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}:root.dark .canvas-item.video-generator-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%)!important;border-color:#30363d!important}:root.dark .canvas-item.video-generator-item.selected{border-color:#3b82f6!important}:root:not(.dark) .canvas-item.video-generator-item{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)!important;border-color:#93c5fd!important}.canvas-item.video-generator-item,.canvas-item.video-generator-item .canvas-item-content,.canvas-item.video-generator-item .video-generator-node-content,.canvas-item.video-generator-item .video-generator-inputs,.canvas-item.video-generator-item .video-generator-input-port{overflow:visible!important}.video-generator-node-content{display:flex;flex-direction:column;height:100%;padding:16px 28px;position:relative;overflow:visible}.video-generator-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(59,130,246,.3);margin-bottom:12px;cursor:move}.video-generator-body{display:flex;flex-direction:column;flex:1;gap:8px}.video-generator-header svg{color:#60a5fa;flex-shrink:0}.video-generator-header span{color:#bfdbfe;font-size:14px;font-weight:600}:root:not(.dark) .video-generator-header span{color:#1d4ed8}.video-generator-badge{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff!important;font-size:10px!important;font-weight:700!important;padding:2px 6px;border-radius:4px;margin-left:auto}.video-generator-controls{display:flex;flex-direction:column;gap:8px;flex:1}.video-generator-label{color:#9ca3af;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}:root:not(.dark) .video-generator-label{color:#3b82f6}.video-generator-select{width:100%;padding:10px 32px 10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:#fff;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s,background .15s}.video-generator-select:hover,.video-generator-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633;outline:none}:root.dark .video-generator-select{background:rgba(0,0,0,.3)!important;color:#fff!important;border-color:#ffffff26!important}:root.dark .video-generator-select option{background:#1e293b!important;color:#fff!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important}:root:not(.dark) .video-generator-select{background:rgba(255,255,255,.8)!important;color:#1e293b!important;border-color:#00000026!important}:root:not(.dark) .video-generator-select option{background:#ffffff!important;color:#1e293b!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important}.video-generator-textarea-wrapper{position:relative;width:100%;flex:1;display:flex;flex-direction:column;min-height:60px}.video-generator-textarea{width:100%;flex:1;min-height:60px;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:#fff;font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .15s}.video-generator-textarea::placeholder{color:#ffffff59}.video-generator-textarea:hover,.video-generator-textarea:focus{border-color:#3b82f6}:root.dark .video-generator-textarea{background:rgba(0,0,0,.3)!important;color:#fff!important;border-color:#ffffff26!important}:root.dark .video-generator-textarea::placeholder{color:#ffffff59!important}:root:not(.dark) .video-generator-textarea{background:rgba(255,255,255,.8)!important;color:#1e293b!important;border-color:#00000026!important}:root:not(.dark) .video-generator-textarea::placeholder{color:#0006!important}.video-generator-input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.video-generator-input::placeholder{color:#ffffff59}.video-generator-input:hover,.video-generator-input:focus{border-color:#3b82f6}:root.dark .video-generator-input{background:rgba(0,0,0,.3)!important;color:#fff!important;border-color:#ffffff26!important}:root.dark .video-generator-input::placeholder{color:#ffffff59!important}:root:not(.dark) .video-generator-input{background:rgba(255,255,255,.8)!important;color:#1e293b!important;border-color:#00000026!important}:root:not(.dark) .video-generator-input::placeholder{color:#0006!important}.video-generator-row{display:flex;gap:8px}.video-generator-field{flex:1;display:flex;flex-direction:column}.video-generator-small{padding:6px 8px;font-size:12px}.video-generator-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.video-generator-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.video-generator-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.video-generator-btn svg{flex-shrink:0}.video-generator-btn svg.spinning{animation:spin 1s linear infinite}.video-generator-mode-indicator{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;background:rgba(59,130,246,.15);cursor:default;-webkit-user-select:none;user-select:none;position:relative;z-index:100;pointer-events:auto!important}.video-generator-checkbox-row{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;color:#bfdbfe;font-size:13px}.video-generator-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.video-generator-checkbox-row:hover{color:#dbeafe}:root:not(.dark) .video-generator-checkbox-row{color:#1d4ed8}:root:not(.dark) .video-generator-checkbox-row:hover{color:#3b82f6}.video-generator-duration-toggle{display:flex;gap:0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.video-generator-duration-btn{padding:4px 12px;border:none;background:rgba(255,255,255,.05);color:#fff9;font-size:12px;cursor:pointer;transition:all .15s ease}.video-generator-duration-btn:first-child{border-right:1px solid rgba(255,255,255,.1)}.video-generator-duration-btn:hover{background:rgba(255,255,255,.1);color:#fffc}.video-generator-duration-btn.active{background:#3b82f6;color:#fff}:root:not(.dark) .video-generator-duration-toggle{border-color:#00000026}:root:not(.dark) .video-generator-duration-btn{background:rgba(0,0,0,.05);color:#0009}:root:not(.dark) .video-generator-duration-btn:first-child{border-right-color:#0000001a}:root:not(.dark) .video-generator-duration-btn:hover{background:rgba(0,0,0,.1);color:#000c}:root:not(.dark) .video-generator-duration-btn.active{background:#3b82f6;color:#fff}.video-generator-hint{font-size:11px;color:#9ca3af;margin-left:auto}.video-generator-inputs{position:absolute;left:-12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:1000}.video-generator-input-port{position:relative;width:24px;height:24px;border-radius:6px;background:#30363d;border:2px solid #3b82f6;cursor:crosshair;transition:transform .15s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.video-generator-input-port:hover{transform:scale(1.15);background:#3b82f6;border-color:#fff}.video-generator-input-port:hover .video-generator-input-label{color:#fff}.video-generator-input-port.hovered{transform:scale(1.2);background:#60a5fa;border-color:#fff;box-shadow:0 0 12px #3b82f699,0 2px 6px #0006}.video-generator-input-port.hovered .video-generator-input-label{color:#fff}.video-generator-input-port.connected{background:#3b82f6;border-color:#fff}.video-generator-input-port.connected .video-generator-input-label{color:#fff}.video-generator-input-port.shift-active{transform:scale(1.5);z-index:9999;box-shadow:0 0 0 3px #3b82f666,0 0 15px #3b82f699}.video-generator-input-port.shift-active:hover{transform:scale(1.7)}.video-generator-input-port.shift-active.hovered{transform:scale(1.8)}.video-generator-input-port[data-port=input-1]{border-color:#3b82f6}.video-generator-input-port[data-port=input-1]:hover{background:#3b82f6}.video-generator-input-port[data-port=input-1].hovered{background:#60a5fa;box-shadow:0 0 12px #3b82f699,0 2px 6px #0006}.video-generator-input-port[data-port=input-1].connected{background:#3b82f6}.video-generator-input-port[data-port=input-2]{border-color:#f472b6}.video-generator-input-port[data-port=input-2]:hover{background:#f472b6}.video-generator-input-port[data-port=input-2].hovered{background:#f9a8d4;box-shadow:0 0 12px #f472b699,0 2px 6px #0006}.video-generator-input-port[data-port=input-2].connected{background:#f472b6}.video-generator-input-label{font-size:11px;font-weight:700;color:#9ca3af;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .15s}:root:not(.dark) .video-generator-input-port{background:#f3f4f6}:root:not(.dark) .video-generator-input-port[data-port=input-1].connected{background:#3b82f6}:root:not(.dark) .video-generator-input-port[data-port=input-2].connected{background:#f472b6}.video-generator-connector{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#30363d;border:2px solid #3b82f6;border-radius:4px;cursor:crosshair;transition:transform .15s,background .15s,border-color .15s;box-shadow:0 2px 6px #0006}.video-generator-connector:hover{background:#3b82f6;border-color:#fff;transform:translateY(-50%) scale(1.3)}.video-generator-connector.connected{background:#3b82f6;border-color:#fff}:root:not(.dark) .video-generator-connector{background:#f3f4f6}.video-generator-node-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#60a5fa;gap:8px}.video-generator-node-placeholder span{font-size:12px;font-weight:600}.canvas-item.storyboard-creator-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);border:2px solid #6366f1;border-radius:12px;overflow:visible;min-width:320px;min-height:400px}.canvas-item.storyboard-creator-item,.canvas-item.storyboard-creator-item .canvas-item-content,.canvas-item.storyboard-creator-item .storyboard-node-content,.canvas-item.storyboard-creator-item .storyboard-input-ports,.canvas-item.storyboard-creator-item .storyboard-input-port{overflow:visible!important}.canvas-item.storyboard-creator-item.selected{border-color:#818cf8}:root.dark .canvas-item.storyboard-creator-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%)!important;border-color:#6366f1!important}:root:not(.dark) .canvas-item.storyboard-creator-item{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%)!important;border-color:#818cf8!important}.storyboard-node-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#818cf8;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(99,102,241,.05) 100%);border-radius:8px}.storyboard-node-placeholder span{font-weight:600;font-size:14px}.storyboard-node-content{display:flex;flex-direction:column;height:100%;padding:18px 18px 18px 28px;position:relative;overflow:visible}.storyboard-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.3);margin-bottom:12px;color:#818cf8}.storyboard-header span{font-weight:600;font-size:14px}.storyboard-layout-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:auto;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:6px;cursor:pointer;transition:all .15s ease;color:#6366f1;flex-shrink:0}.storyboard-layout-toggle:hover{background:rgba(99,102,241,.25);border-color:#6366f180;transform:scale(1.05)}.storyboard-layout-toggle:active{transform:scale(.95)}.storyboard-layout-toggle svg{width:16px;height:16px}:root.dark .storyboard-layout-toggle{background:rgba(99,102,241,.2);border-color:#6366f166}:root.dark .storyboard-layout-toggle:hover{background:rgba(99,102,241,.3);border-color:#6366f199}:root:not(.dark) .storyboard-layout-toggle{background:rgba(99,102,241,.1);border-color:#6366f140}:root:not(.dark) .storyboard-layout-toggle:hover{background:rgba(99,102,241,.2);border-color:#6366f166}.storyboard-controls{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.storyboard-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.storyboard-textarea-wrapper{position:relative;width:100%;flex:1;display:flex;flex-direction:column;min-height:60px}.storyboard-textarea{width:100%;flex:1;min-height:50px;padding:8px 10px 20px;background:rgba(30,41,59,.8);border:1px solid rgba(99,102,241,.2);border-radius:6px;color:#e2e8f0;font-size:12px;line-height:1.4;resize:none;font-family:inherit}.storyboard-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.storyboard-textarea::placeholder{color:#64748b}.storyboard-textarea-resize-handle{position:absolute;bottom:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:nwse-resize;color:#ffffff4d;transition:color .15s;border-radius:3px}.storyboard-textarea-resize-handle:hover{color:#fff9;background:rgba(255,255,255,.1)}.storyboard-scenes-header{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.storyboard-add-scene-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.3);border-radius:4px;color:#818cf8;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.storyboard-add-scene-btn:hover{background:rgba(99,102,241,.3);border-color:#6366f1}.storyboard-scenes-list{display:flex;flex-direction:column;gap:6px;padding-right:4px}.storyboard-scene{background:rgba(30,41,59,.6);border:1px solid rgba(99,102,241,.15);border-radius:6px;padding:6px 8px;transition:all .15s ease}.storyboard-scene.disabled{opacity:.5;background:rgba(30,41,59,.3)}.storyboard-scene-row{display:flex;align-items:flex-start;gap:6px}.storyboard-scene-checkbox{width:14px;height:14px;accent-color:#6366f1;cursor:pointer;flex-shrink:0;margin-top:6px}.storyboard-scene-number{font-size:11px;font-weight:600;color:#64748b;min-width:18px;margin-top:6px}.storyboard-scene-input{flex:1;padding:5px 8px;background:rgba(15,23,42,.6);border:1px solid rgba(99,102,241,.15);border-radius:4px;color:#e2e8f0;font-size:12px;font-family:inherit;min-width:0;min-height:28px;resize:none;overflow-y:hidden;overflow-x:hidden;line-height:1.4;field-sizing:content}.storyboard-scene-input:focus{outline:none;border-color:#6366f1}.storyboard-scene-input::placeholder{color:#475569}.storyboard-scene-remove-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:4px;transition:all .15s ease;flex-shrink:0;margin-top:3px}.storyboard-scene-remove-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.storyboard-settings-row{display:flex;gap:8px;margin-top:8px}.storyboard-select{flex:1;padding:6px 8px;background:rgba(30,41,59,.8);border:1px solid rgba(99,102,241,.2);border-radius:6px;color:#e2e8f0;font-size:12px;cursor:pointer}.storyboard-select:focus{outline:none;border-color:#6366f1}.storyboard-row{display:flex;align-items:center;gap:10px}.storyboard-row .storyboard-label{margin-bottom:0;white-space:nowrap}.storyboard-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.storyboard-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.storyboard-generate-btn:disabled{opacity:.5;cursor:not-allowed}.storyboard-input-ports{position:absolute;left:-12px;top:60px;display:flex;flex-direction:column;gap:20px;z-index:1000}.storyboard-input-port{position:relative;width:24px;height:24px;border-radius:6px;background:#30363d;border:2px solid #6366f1;cursor:crosshair;transition:transform .15s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.storyboard-input-port:hover{transform:scale(1.15);background:#6366f1;border-color:#fff}.storyboard-input-port:hover .storyboard-input-label{color:#fff}.storyboard-input-port.hovered{transform:scale(1.2);background:#818cf8;border-color:#fff;box-shadow:0 0 12px #6366f199,0 2px 6px #0006}.storyboard-input-port.hovered .storyboard-input-label{color:#fff}.storyboard-input-port.connected{background:#6366f1;border-color:#fff}.storyboard-input-port.connected .storyboard-input-label{color:#fff}.storyboard-input-port.shift-active{transform:scale(1.5);z-index:9999;box-shadow:0 0 0 3px #6366f166,0 0 15px #6366f199}.storyboard-input-label{font-size:11px;font-weight:700;color:#6366f1;-webkit-user-select:none;user-select:none;pointer-events:none;transition:color .15s}:root:not(.dark) .storyboard-input-port{background:#e0e7ff}:root:not(.dark) .storyboard-input-port.connected{background:#6366f1}.storyboard-connector{position:absolute;width:16px;height:16px;border-radius:50%;background:#1e293b;border:2px solid #6366f1;display:flex;align-items:center;justify-content:center}.storyboard-output{right:-8px;top:50%;transform:translateY(-50%)}.storyboard-output:hover{transform:translateY(-50%) scale(1.3)}.storyboard-connector.connected{background:#6366f1;border-color:#fff}.canvas-item.bg-remover-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);border:2px solid #30363d;border-radius:12px}.canvas-item.bg-remover-item.selected{border-color:#f97316}:root:not(.dark) .canvas-item.bg-remover-item{background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%);border-color:#fdba74}.canvas-item.bg-remover-item,.canvas-item.bg-remover-item .canvas-item-content,.canvas-item.bg-remover-item .bg-remover-node-content,.canvas-item.bg-remover-item .bg-remover-input-ports,.canvas-item.bg-remover-item .bg-remover-input-port{overflow:visible!important}.bg-remover-node-content{display:flex;flex-direction:column;height:100%;padding:16px 28px;position:relative;overflow:visible}.bg-remover-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(249,115,22,.3);margin-bottom:12px}.bg-remover-header svg{color:#f97316}.bg-remover-header span{font-weight:600;font-size:14px;color:#fff}:root:not(.dark) .bg-remover-header span{color:#1e293b}.bg-remover-description{font-size:12px;color:#fff9;margin-bottom:16px;line-height:1.4}:root:not(.dark) .bg-remover-description{color:#0009}.bg-remover-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.bg-remover-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f9731666}.bg-remover-btn:disabled{opacity:.5;cursor:not-allowed}.bg-remover-btn svg{width:16px;height:16px}.bg-remover-btn .spinning{animation:spin 1s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-remover-connector{position:absolute;width:16px;height:16px;border-radius:50%;background:#30363d;border:2px solid #484f58;cursor:pointer;transition:all .15s ease}:root:not(.dark) .bg-remover-connector{background:#fed7aa;border-color:#fdba74}.bg-remover-connector:hover{transform:scale(1.2);border-color:#f97316}.bg-remover-connector.connected{background:#f97316;border-color:#fff}.bg-remover-input-ports{position:absolute;left:-12px;top:60px;display:flex;flex-direction:column;gap:20px;z-index:1000}.bg-remover-input-port{position:relative;width:24px;height:24px;border-radius:6px;background:#30363d;border:2px solid #f97316;cursor:crosshair;transition:transform .15s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006}.bg-remover-input-port:hover{transform:scale(1.15);background:#f97316;border-color:#fff}.bg-remover-input-port:hover .bg-remover-input-label{color:#fff}.bg-remover-input-port.hovered{transform:scale(1.2);background:#22c55e;border-color:#fff;box-shadow:0 0 12px #22c55e99,0 2px 6px #0006}.bg-remover-input-port.hovered .bg-remover-input-label{color:#fff}.bg-remover-input-port.connected{background:#f97316;border-color:#fff}.bg-remover-input-port.connected .bg-remover-input-label{color:#fff}.bg-remover-input-port.shift-active{transform:scale(1.5);z-index:9999;box-shadow:0 0 0 3px #f9731666,0 0 15px #f9731699}.bg-remover-input-port.shift-active:hover{transform:scale(1.7)}.bg-remover-input-port.shift-active.hovered{transform:scale(1.8)}.bg-remover-input-label{font-size:11px;font-weight:700;color:#f97316;pointer-events:none;-webkit-user-select:none;user-select:none}:root:not(.dark) .bg-remover-input-port{background:#fed7aa;border-color:#f97316}:root:not(.dark) .bg-remover-input-port:hover{background:#f97316}:root:not(.dark) .bg-remover-input-port.connected{background:#f97316}:root:not(.dark) .bg-remover-input-label{color:#9a3412}:root:not(.dark) .bg-remover-input-port:hover .bg-remover-input-label,:root:not(.dark) .bg-remover-input-port.connected .bg-remover-input-label{color:#fff}.bg-remover-output{right:-8px;top:50%;transform:translateY(-50%)}.bg-remover-output:hover{transform:translateY(-50%) scale(1.2)}.generation-info-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.9);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:50;color:#fff;box-shadow:0 2px 4px #0000004d;pointer-events:auto}.canvas-item:hover .generation-info-icon{opacity:1}.generation-info-icon:hover{background:rgba(99,102,241,1);transform:scale(1.1)}.generation-info-tooltip{position:fixed;width:280px;background:var(--surface-secondary, #1e293b);border:1px solid var(--border, #334155);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:10000;overflow:hidden;font-size:12px;pointer-events:auto}.generation-info-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(99,102,241,.2);border-bottom:1px solid var(--border, #334155);font-weight:600;color:var(--text-primary, #f1f5f9)}.generation-info-close{background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;font-size:18px;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}.generation-info-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary, #f1f5f9)}.generation-info-content{padding:12px;display:flex;flex-direction:column;gap:8px}.generation-info-row{display:flex;flex-direction:column;gap:2px}.generation-info-label-row{display:flex;align-items:center;justify-content:space-between}.generation-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #64748b);font-weight:500}.generation-info-copy-btn{background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.generation-info-copy-btn:hover{background:rgba(99,102,241,.2);color:var(--accent, #6366f1)}.generation-info-copy-btn:active{transform:scale(.9)}.generation-info-value{color:var(--text-primary, #f1f5f9);word-break:break-word}.generation-info-prompt{font-style:italic;line-height:1.4;max-height:100px;overflow-y:auto;padding-right:4px}.generation-info-prompt::-webkit-scrollbar{width:4px}.generation-info-prompt::-webkit-scrollbar-track{background:transparent}.generation-info-prompt::-webkit-scrollbar-thumb{background:var(--border, #334155);border-radius:2px}.trash-toggle-btn{margin-left:auto}.trash-toggle-btn.active{background:rgba(239,68,68,.2);color:#ef4444}.trash-toggle-btn.active:hover{background:rgba(239,68,68,.3)}.restore-btn{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;padding:6px;background:rgba(34,197,94,.9);color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .15s ease;z-index:100}.restore-btn:hover{background:rgba(34,197,94,1)}.restore-btn:active{transform:scale(.95)}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirm-popup{background:var(--surface-secondary, #1e293b);border:1px solid var(--border, #334155);border-radius:12px;padding:24px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #00000080;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-icon{color:#ef4444;margin-bottom:16px}.delete-confirm-popup h3{color:var(--text-primary, #f1f5f9);font-size:18px;font-weight:600;margin:0 0 8px}.delete-confirm-popup p{color:var(--text-secondary, #94a3b8);font-size:14px;margin:0 0 24px;line-height:1.5}.delete-confirm-actions{display:flex;gap:12px;justify-content:center}.delete-confirm-cancel,.delete-confirm-delete{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.delete-confirm-cancel{background:var(--surface-tertiary, #334155);border:1px solid var(--border, #475569);color:var(--text-primary, #f1f5f9)}.delete-confirm-cancel:hover{background:var(--surface-secondary, #475569)}.delete-confirm-delete{background:#ef4444;border:none;color:#fff}.delete-confirm-delete:hover{background:#dc2626}.delete-confirm-delete:active{transform:scale(.98)}.folder-breadcrumb{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--folder-breadcrumb-bg, #1e293b);border-bottom:1px solid var(--border, #334155);flex-shrink:0}.breadcrumb-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;transition:all .15s ease}.breadcrumb-item:hover{background:var(--surface-secondary, #334155);color:var(--text-primary, #f1f5f9)}.breadcrumb-item.drop-target{background:rgba(59,130,246,.3);color:var(--accent, #3b82f6);outline:2px dashed var(--accent, #3b82f6);outline-offset:-2px}.breadcrumb-item.current{color:var(--text-primary, #f1f5f9);font-weight:500;cursor:default}.breadcrumb-item.current:hover{background:transparent}.breadcrumb-root{padding:4px 8px;color:var(--text-primary, #f1f5f9);font-weight:500;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-root-label{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-segment{display:flex;align-items:center}.breadcrumb-separator{color:var(--text-muted, #64748b);margin:0 2px}.toolbar-divider,.toolbar-separator{width:1px;height:24px;margin:0 8px;background-color:#94a3b866}.folder-item{background:var(--surface-secondary, #334155)!important;border:1px solid var(--border, #475569)!important;border-radius:8px}.folder-item:hover{border-color:var(--accent, #3b82f6)!important}.folder-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:24px 16px 16px;gap:8px;cursor:pointer;transition:all .15s ease;overflow:hidden}.folder-content.drop-target{background:rgba(59,130,246,.15);border:2px dashed var(--accent, #3b82f6);border-radius:8px}.folder-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.folder-icon{cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.folder-name{font-size:13px;font-weight:500;color:var(--text-primary, #f1f5f9);text-align:center;width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;cursor:text;padding:8px;border-radius:4px;line-height:1.3;min-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.folder-name:hover{background:rgba(255,255,255,.1)}.folder-name-input{font-size:13px;font-weight:500;color:var(--text-primary);background:var(--surface);border:1px solid var(--accent, #3b82f6);border-radius:4px;resize:none;line-height:1.3;min-height:40px;max-height:70px;padding:8px;text-align:center;width:100%;outline:none}:root.dark .folder-name-input{background:#1e293b;color:#f1f5f9}:root:not(.dark) .folder-name-input{background:#ffffff;color:#1e293b}.folder-item-count{font-size:12px;font-weight:500;color:var(--text-secondary, #94a3b8);text-align:center;padding:6px 14px;background:rgba(0,0,0,.3);border-radius:14px;white-space:nowrap;flex-shrink:0}.canvas-item.comment-thread-item{background:transparent;border:none;border-radius:12px;overflow:visible;min-width:280px;min-height:300px}.canvas-item.comment-thread-item .canvas-item-content{overflow:hidden;border-radius:12px;height:100%}.canvas-item.comment-thread-item .comment-thread-container{width:100%;height:100%}.canvas-item.checklist-item{border:2px solid var(--checklist-border);border-radius:12px;overflow:visible;min-width:200px}.canvas-item.checklist-item.selected{border-color:var(--accent, #3b82f6)}.canvas-item.checklist-item .canvas-item-content{overflow:visible;border-radius:10px;height:auto;min-height:100%}.checklist-content{display:flex;flex-direction:column;width:100%;min-height:100%;background:var(--checklist-bg);border-radius:10px;overflow:visible;position:relative;isolation:isolate}.checklist-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--checklist-tint-color, transparent);mix-blend-mode:color;border-radius:10px;pointer-events:none;z-index:0}.checklist-content>*{position:relative;z-index:1}.checklist-content.is-instance{border:2px solid var(--color-warning, #e5a336)}.checklist-instance-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:rgba(229,163,54,.1);border-bottom:1px solid rgba(229,163,54,.2);border-radius:8px 8px 0 0}.checklist-instance-badge{font-size:11px;font-weight:500;color:var(--color-warning, #e5a336);display:flex;align-items:center;gap:4px}.checklist-convert-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease}.checklist-convert-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--color-info, #4a90d9)}.checklist-convert-btn svg{opacity:.7}.checklist-convert-btn:hover svg{opacity:1}:root.dark{--checklist-bg: linear-gradient(135deg, #2d3748 0%, #374151 100%);--checklist-border: #4b5563;--checklist-header-bg: rgba(0, 0, 0, .2);--checklist-text: #e2e8f0;--checklist-text-secondary: #94a3b8;--checklist-item-bg: transparent;--checklist-item-hover: rgba(255, 255, 255, .05);--checklist-completed-text: #64748b;--checklist-checkbox-border: #6b7280;--checklist-checkbox-checked: #3b82f6;--checklist-add-btn-bg: rgba(59, 130, 246, .1);--checklist-add-btn-hover: rgba(59, 130, 246, .2)}:root:not(.dark){--checklist-bg: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--checklist-border: #cbd5e1;--checklist-header-bg: rgba(255, 255, 255, .5);--checklist-text: #1e293b;--checklist-text-secondary: #64748b;--checklist-item-bg: transparent;--checklist-item-hover: rgba(0, 0, 0, .03);--checklist-completed-text: #94a3b8;--checklist-checkbox-border: #9ca3af;--checklist-checkbox-checked: #3b82f6;--checklist-add-btn-bg: rgba(59, 130, 246, .08);--checklist-add-btn-hover: rgba(59, 130, 246, .15)}.checklist-header{padding:12px 16px;background:var(--checklist-header-bg);border-bottom:1px solid var(--checklist-border);flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.checklist-header-main{flex:1 1 auto;min-width:0}.checklist-title-input{width:100%;font-size:14px;font-weight:600;color:var(--checklist-text);background:transparent;border:none;outline:none;padding:0;margin:0;resize:none;overflow:hidden;min-height:20px;line-height:1.4;font-family:inherit;word-wrap:break-word;white-space:pre-wrap}.checklist-title-input::placeholder{color:var(--checklist-text);opacity:.5}.checklist-description-input{width:100%;font-size:12px;color:var(--checklist-text-secondary);background:transparent;border:none;outline:none;margin-top:6px;padding:0;resize:none;overflow:hidden;min-height:16px;line-height:1.4;font-family:inherit;word-wrap:break-word;white-space:pre-wrap}.checklist-description-input::placeholder{color:var(--checklist-text-secondary);opacity:.6}.checklist-items-list{padding:8px 0}.checklist-item-row{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;transition:background .15s ease;border-bottom:1px solid var(--checklist-border)}.checklist-item-row:last-child{border-bottom:none}.checklist-item-row:hover{background:var(--checklist-item-hover)}.checklist-item-row input[type=checkbox]{width:22px;height:22px;border:2px solid var(--checklist-checkbox-border);border-radius:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;background:transparent;margin-top:1px;position:relative}.checklist-item-row input[type=checkbox]:hover{border-color:var(--checklist-checkbox-checked);background:rgba(59,130,246,.1);transform:scale(1.05)}.checklist-item-row input[type=checkbox]:checked{background:var(--checklist-checkbox-checked);border-color:var(--checklist-checkbox-checked);box-shadow:0 2px 8px #3b82f666}.checklist-item-row input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-55%) rotate(45deg)}.checklist-item-row.completed .checklist-item-text{color:var(--checklist-completed-text);text-decoration:line-through}.checklist-item-text{flex:1;font-size:13px;color:var(--checklist-text);background:transparent;border:none;outline:none;padding:4px 0;resize:none;overflow:hidden;min-height:20px;line-height:1.4;font-family:inherit;word-wrap:break-word;white-space:pre-wrap}.checklist-item-text::placeholder{color:var(--checklist-text-secondary)}.checklist-item-delete{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--checklist-text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;padding:0;border-radius:4px;flex-shrink:0;margin-top:2px}.checklist-item-row:hover .checklist-item-delete{opacity:1}.checklist-item-delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.checklist-add-btn{display:flex;align-items:center;gap:6px;margin:8px 16px;padding:8px 12px;background:var(--checklist-add-btn-bg);border:1px dashed var(--checklist-border);border-radius:6px;color:var(--checklist-checkbox-checked);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.checklist-add-btn:hover{background:var(--checklist-add-btn-hover);border-color:var(--checklist-checkbox-checked)}.checklist-meta{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid var(--checklist-border);background:var(--checklist-header-bg);color:var(--checklist-text-secondary);font-size:11px;flex-shrink:0}.checklist-meta svg{opacity:.7}.checklist-instances-pill{align-self:flex-start;font-size:11px;color:var(--color-warning, #e5a336);white-space:nowrap;padding:2px 6px;border-radius:999px;border:1px solid rgba(229,163,54,.6);background:rgba(229,163,54,.1);flex-shrink:0;margin-right:4px}:root.dark .checklist-instances-pill{background:rgba(15,23,42,.6)}.checklist-delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.7);display:flex;align-items:center;justify-content:center;z-index:2147483646}.checklist-delete-confirm-popup{background:var(--canvas-bg, #0f172a);color:var(--text-primary, #e2e8f0);border-radius:12px;border:1px solid rgba(148,163,184,.4);padding:20px 24px 18px;max-width:420px;width:100%;box-shadow:0 20px 60px #0f172a99}.checklist-delete-confirm-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#f97316}.checklist-delete-confirm-popup h3{margin:0 0 4px;font-size:18px}.checklist-delete-confirm-popup p{margin:0 0 14px;font-size:13px;color:var(--text-secondary, #94a3b8)}.checklist-delete-confirm-actions{display:flex;flex-direction:column;gap:8px}.checklist-delete-confirm-actions button{padding:8px 10px;border-radius:8px;border:none;font-size:13px;cursor:pointer;text-align:center}.checklist-delete-confirm-delete-all{background:#ef4444;color:#fff}.checklist-delete-confirm-delete-all:hover{background:#dc2626}.checklist-delete-confirm-keep-copies{background:#0f172a;color:#e2e8f0;border:1px solid rgba(148,163,184,.6)}.checklist-delete-confirm-keep-copies:hover{background:#020617}.checklist-delete-confirm-cancel{background:transparent;color:var(--text-secondary, #94a3b8)}.checklist-delete-confirm-cancel:hover{background:rgba(148,163,184,.08)}.generation-error-toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 8px 24px #dc262666,0 4px 12px #0000004d;z-index:1000;animation:toastSlideUp .3s ease;font-size:14px;font-weight:500;max-width:90%}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.generation-error-toast svg{flex-shrink:0;opacity:.9}.generation-error-toast span{flex:1}.generation-error-toast button{background:rgba(255,255,255,.2);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s ease;flex-shrink:0}.generation-error-toast button:hover{background:rgba(255,255,255,.3)}.canvas-context-menu{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;min-width:220px;max-width:280px;padding:6px;z-index:999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;pointer-events:auto}.context-menu-section-title{font-size:11px;font-weight:600;color:var(--text-tertiary, #888);text-transform:uppercase;letter-spacing:.5px;padding:6px 10px 4px;margin:0}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;border-radius:4px;transition:background .1s ease;width:100%;text-align:left}.context-menu-item:hover{background:var(--hover, rgba(255, 255, 255, .1))}.context-menu-item.active{background:var(--accent, #3b82f6);color:#fff}.context-menu-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.context-menu-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.context-menu-item span:first-of-type{flex:1}.context-menu-shortcut{font-size:11px;color:var(--text-tertiary, #888);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace;margin-left:auto}.context-menu-separator{height:1px;background:var(--border, #3f3f3f);margin:4px 6px}:root:not(.dark) .canvas-context-menu{background:rgba(255,255,255,.95);border-color:#0000001a;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a}:root:not(.dark) .context-menu-item:hover{background:rgba(0,0,0,.05)}:root:not(.dark) .context-menu-section-title{color:#666}:root:not(.dark) .context-menu-shortcut{color:#999}.context-menu-slider-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:default}.context-menu-slider-item:hover{background:transparent!important}.context-menu-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border, rgba(255, 255, 255, .2));border-radius:2px;cursor:pointer}.context-menu-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent, #3b82f6);border-radius:50%;cursor:pointer}.context-menu-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent, #3b82f6);border-radius:50%;cursor:pointer;border:none}.context-menu-slider-value{font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6));min-width:32px;text-align:right}.canvas-item-lock-indicator{position:absolute;top:4px;left:4px;width:24px;height:24px;background:rgba(0,0,0,.7);border-radius:4px;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:10;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.canvas-item.locked:hover .canvas-item-lock-indicator{opacity:1}.canvas-item-lock-indicator:hover{background:rgba(239,68,68,.9)}.canvas-item-lock-indicator svg{width:14px;height:14px;fill:#ffffffe6}.canvas-item.locked{cursor:default!important}.canvas-item.locked:hover{outline:1px dashed rgba(255,255,255,.3)!important;outline-offset:2px}.toolbar-right-fixed{display:flex;align-items:center;gap:.125rem;margin-left:auto;flex-shrink:0;order:999}.shortcuts-help-btn.active{background:var(--surface-hover);color:var(--accent)}.shortcuts-help-dropdown{width:320px;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d}.shortcuts-help-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text-primary);position:sticky;top:0;background:var(--surface)}.shortcuts-help-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center}.shortcuts-help-close:hover{background:var(--surface-hover);color:var(--text-primary)}.shortcuts-help-content{padding:8px 0}.shortcuts-section{padding:8px 16px}.shortcuts-section:not(:last-child){border-bottom:1px solid var(--border)}.shortcuts-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:8px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px}.shortcut-row kbd{background:var(--surface-secondary);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);min-width:24px;text-align:center}.shortcut-row span{color:var(--text-primary);flex:1;text-align:right;margin-left:12px}:root:not(.dark) .shortcuts-help-dropdown{background:rgba(255,255,255,.98);box-shadow:0 8px 32px #00000026}:root:not(.dark) .shortcut-row kbd{background:#f5f5f5;border-color:#ddd}.video-lightweight-preview{width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate}.video-lightweight-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--video-tint-color, transparent);opacity:.35;pointer-events:none;z-index:2}.video-lightweight-preview img{width:100%;height:100%;object-fit:cover}.video-lightweight-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#ffffffc7;font-size:14px;font-weight:500;text-align:center;padding:12px}.video-lightweight-placeholder-hint{font-size:11px;font-weight:400;color:#ffffff8c}.video-lightweight-preview svg.spinning{animation:spin 1s linear infinite}.video-play-overlay-simple{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);opacity:0;transition:opacity .15s ease;pointer-events:none}.video-lightweight-preview:hover .video-play-overlay-simple{opacity:1}.video-play-button-simple{width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background .15s ease}.video-play-button-simple:hover{background:var(--primary-dark, #2563eb);transform:scale(1.05)}.video-play-button-simple svg{margin-left:3px}.video-timestamp-badge-simple{position:absolute;top:6px;right:6px;background:var(--primary);color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500}.canvas-item.collaborative-doc-item{background:var(--surface-secondary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden;text-rendering:geometricPrecision;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;isolation:isolate;contain:layout style}.canvas-item.collaborative-doc-item.selected{border-color:var(--accent, #3b82f6)}.collaborative-doc-content{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.collaborative-doc-drag-handle{display:flex;align-items:center;justify-content:center;gap:10px;height:80px;min-height:80px;padding:0 14px;background:var(--surface-tertiary, #252525);border-bottom:1px solid var(--border-color, #333);cursor:grab;color:var(--text-tertiary, #666);transition:background .15s ease,color .15s ease}.collaborative-doc-drag-handle:hover{background:var(--surface-hover, #2a2a2a);color:var(--text-secondary, #999)}.collaborative-doc-drag-handle:active{cursor:grabbing}.collaborative-doc-drag-handle .drag-icon{flex-shrink:0;opacity:.6}.collaborative-doc-drag-handle:hover .drag-icon{opacity:1}.collaborative-doc-drag-handle .doc-title{flex:1;font-size:13px;font-weight:500;color:var(--text-secondary, #999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.collaborative-doc-drag-handle .mode-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary, #666);cursor:pointer;transition:all .15s ease;flex-shrink:0}.collaborative-doc-drag-handle .mode-toggle:hover{background:var(--surface-hover, #333);color:var(--text-primary, #fff)}.collaborative-doc-drag-handle .mode-toggle.active{background:var(--accent, #3b82f6);color:#fff}.collaborative-doc-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #666)}.collaborative-doc-content .collaborative-editor{flex:1;min-height:0;display:flex;flex-direction:column}.collaborative-doc-content .collaborative-editor.canvas-mode{background:var(--surface-secondary, #1e1e1e)}.collaborative-doc-content .collaborative-editor.canvas-mode .collaborative-editor__header{padding:4px 8px;gap:4px;border-bottom:1px solid var(--border-color, #333)}.collaborative-doc-content .collaborative-editor.canvas-mode .collaborative-editor__toolbar{gap:2px}.collaborative-doc-content .collaborative-editor.canvas-mode .collaborative-editor__toolbar.compact{gap:1px}.collaborative-doc-content .collaborative-editor.canvas-mode .collaborative-editor__toolbar-btn{padding:4px;min-width:24px;min-height:24px}.collaborative-doc-content .collaborative-editor.canvas-mode .collaborative-editor__editor-wrapper{flex:1;min-height:0;overflow-y:auto;padding:8px}.collaborative-doc-content .collaborative-editor.canvas-mode .collaborative-editor__content,.collaborative-doc-content .collaborative-editor.canvas-mode .ProseMirror{min-height:auto;font-size:13px;line-height:1.5;text-rendering:geometricPrecision;-webkit-font-smoothing:subpixel-antialiased}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode{background:#ffffff!important}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__header{background:#f5f5f5;border-bottom-color:#ddd}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__toolbar-btn{color:#555}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__toolbar-btn:hover{background:#e0e0e0;color:#222}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__toolbar-btn--active{background:#333;color:#fff}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__editor-wrapper{background:#ffffff;padding:20px 40px}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__content,.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror{font-family:Courier New,Courier Prime,Courier,monospace!important;font-size:12px!important;line-height:1!important;color:#000!important;max-width:100%}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror p{margin:0 0 12px}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror h1,.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror h2,.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror h3{font-family:Courier New,Courier Prime,Courier,monospace!important;text-transform:uppercase;font-weight:700;color:#000}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror h1{font-size:18px!important;text-align:center;margin:24px 0 16px}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror h2{font-size:14px!important;margin:20px 0 8px}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror h3{font-size:12px!important;margin:16px 0 4px;text-align:center}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror blockquote{border-left:none;padding-left:0;margin:0 50px 0 100px;font-style:normal;color:#000}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror code,.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror pre{font-family:Courier New,Courier Prime,Courier,monospace!important;background:#f0f0f0;border-color:#ddd;color:#000}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .ProseMirror a{color:#000;text-decoration:underline}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__status{color:#666}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__saving{color:#b45309}.collaborative-doc-content .collaborative-editor.canvas-mode.screenplay-mode .collaborative-editor__saved{color:#666}.canvas-item.file-item{background:#1e293b!important;border:2px solid #334155!important;border-radius:16px!important;overflow:visible!important}.canvas-item.file-item.selected,.canvas-item.file-item:hover{border-color:#3b82f6!important}.file-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:100%!important;padding:16px!important;box-sizing:border-box!important;position:relative!important;gap:10px!important}.file-extension-badge{position:absolute!important;top:12px!important;left:12px!important;background:#3b82f6!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:6px 12px!important;border-radius:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important;z-index:100!important}.file-title{width:100%!important;text-align:center!important;font-size:20px!important;font-weight:600!important;color:#f1f5f9!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:0 8px!important;margin-top:34px!important}.file-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;min-height:60px!important;width:100%!important;color:#64748b!important;margin-top:0!important}.file-icon svg{width:80px!important;height:80px!important}.file-info{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important;text-align:center!important;flex-shrink:0!important}.file-size{font-size:18px!important;font-weight:500!important;color:#94a3b8!important;flex-shrink:0!important}.file-download-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:14px 16px!important;background:#3b82f6!important;border:none!important;border-radius:10px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;flex-shrink:0!important;z-index:50!important;position:relative!important;margin-top:auto!important}.file-download-btn:hover{background:#2563eb!important}.file-download-btn svg{width:16px!important;height:16px!important}.file-uploading{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:12px 16px!important;background:#334155!important;border-radius:10px!important;color:#94a3b8!important;font-size:14px!important;flex-shrink:0!important;margin-top:auto!important}.file-uploading .upload-spinner{width:16px!important;height:16px!important;border:2px solid #475569!important;border-top-color:#3b82f6!important;border-radius:50%!important;animation:spin .8s linear infinite!important}.canvas-item.image-to-3d-item{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);border:2px solid #30363d;border-radius:12px;overflow:visible!important}.canvas-item.image-to-3d-item.selected{border-color:#8b5cf6}:root:not(.dark) .canvas-item.image-to-3d-item{background:linear-gradient(135deg,#f5f3ff 0%,#ddd6fe 100%);border-color:#c4b5fd}.canvas-item.image-to-3d-item,.canvas-item.image-to-3d-item .canvas-item-content,.canvas-item.image-to-3d-item .image-to-3d-node-content,.canvas-item.image-to-3d-item .image-to-3d-input-ports,.canvas-item.image-to-3d-item .image-to-3d-input-port{overflow:visible!important}.image-to-3d-node-content{display:flex;flex-direction:column;height:100%;padding:16px 28px;position:relative;overflow:visible}.image-to-3d-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(139,92,246,.3);margin-bottom:12px}.image-to-3d-header svg{color:#8b5cf6}.image-to-3d-header span{font-weight:600;font-size:14px;color:#fff}:root:not(.dark) .image-to-3d-header span{color:#1e293b}.image-to-3d-controls{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.image-to-3d-controls label{font-size:11px;color:#fff9;font-weight:500}:root:not(.dark) .image-to-3d-controls label{color:#0009}.image-to-3d-controls select{width:100%;padding:8px 12px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:border-color .2s ease}:root:not(.dark) .image-to-3d-controls select{background:rgba(139,92,246,.1);color:#1e293b}.image-to-3d-controls select:hover{border-color:#8b5cf6}.image-to-3d-controls select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.image-to-3d-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;margin-top:auto}.image-to-3d-btn:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.image-to-3d-btn:disabled{opacity:.5;cursor:not-allowed}.image-to-3d-btn .spinning{animation:spin 1s linear infinite}.image-to-3d-input-ports{position:absolute;left:-12px;top:60px;display:flex;flex-direction:column;gap:20px;z-index:1000}.image-to-3d-input-port{position:relative;width:24px;height:24px;border-radius:6px;background:#30363d;border:2px solid #8b5cf6;cursor:crosshair;transition:transform .15s,background .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.image-to-3d-input-port:hover{transform:scale(1.15);background:#8b5cf6;border-color:#fff}.image-to-3d-input-port:hover .image-to-3d-input-label{color:#fff}.image-to-3d-input-port.hovered{transform:scale(1.2);background:#22c55e;border-color:#fff;box-shadow:0 0 12px #22c55e99,0 2px 6px #0006}.image-to-3d-input-port.hovered .image-to-3d-input-label{color:#fff}.image-to-3d-input-port.connected{background:#8b5cf6;border-color:#fff}.image-to-3d-input-port.connected .image-to-3d-input-label{color:#fff}.image-to-3d-input-port.shift-active{transform:scale(1.5);z-index:9999;box-shadow:0 0 0 3px #8b5cf666,0 0 15px #8b5cf699}.image-to-3d-input-port.shift-active:hover{transform:scale(1.7)}.image-to-3d-input-port.shift-active.hovered{transform:scale(1.8)}.image-to-3d-input-label{font-size:11px;font-weight:700;color:#8b5cf6;pointer-events:none;-webkit-user-select:none;user-select:none}:root:not(.dark) .image-to-3d-input-port{background:#ddd6fe;border-color:#8b5cf6}:root:not(.dark) .image-to-3d-input-port:hover{background:#8b5cf6}:root:not(.dark) .image-to-3d-input-port.connected{background:#8b5cf6}:root:not(.dark) .image-to-3d-input-label{color:#5b21b6}:root:not(.dark) .image-to-3d-input-port:hover .image-to-3d-input-label,:root:not(.dark) .image-to-3d-input-port.connected .image-to-3d-input-label{color:#fff}.image-to-3d-output-port{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#30363d;border:2px solid #8b5cf6;border-radius:50%;cursor:pointer;z-index:10}.image-to-3d-output-port:hover,.image-to-3d-output-port.connected{background:#8b5cf6;border-color:#fff}:root:not(.dark) .image-to-3d-output-port{background:#ddd6fe;border-color:#8b5cf6}:root:not(.dark) .image-to-3d-output-port:hover,:root:not(.dark) .image-to-3d-output-port.connected{background:#8b5cf6}.file-content-3d{padding:0!important;overflow:hidden;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%)!important;border-radius:8px;display:flex;flex-direction:column;height:100%}.model-viewer-container{width:100%;flex:1;min-height:100px;position:relative;background:transparent;cursor:grab}.model-viewer-container:active{cursor:grabbing}.model-viewer-container model-viewer{--poster-color: transparent;display:block;width:100%;height:100%}.file-3d-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;background:linear-gradient(135deg,rgba(124,58,237,.1) 0%,rgba(167,139,250,.05) 100%);border:2px dashed rgba(124,58,237,.4);border-radius:8px}.file-3d-generating-spinner{animation:spin3d-slow 3s linear infinite;color:#8b5cf6;margin-bottom:16px;will-change:transform}@keyframes spin3d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin3d-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-3d-generating-text{font-size:14px;font-weight:600;color:#8b5cf6;margin-bottom:4px}.file-3d-generating-subtext{font-size:11px;color:#8b5cf6b3}.file-3d-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,.05) 100%);border:2px dashed rgba(239,68,68,.4);border-radius:8px}.file-3d-error-icon{color:#ef4444;margin-bottom:12px}.file-3d-error-text{font-size:14px;font-weight:600;color:#ef4444}.model-viewer-handle{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 100%);border-top:1px solid rgba(255,255,255,.1);cursor:move;min-height:44px;flex-shrink:0}.model-viewer-handle-grip{display:flex;align-items:center;justify-content:center;color:#fff6;flex-shrink:0}.model-viewer-handle:hover .model-viewer-handle-grip{color:#ffffffb3}.model-viewer-lighting-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.4);border-radius:4px;color:#a78bfa;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.model-viewer-lighting-btn:hover{background:rgba(139,92,246,.3);border-color:#8b5cf6;color:#c4b5fd}.model-viewer-lighting-btn svg{flex-shrink:0}.model-viewer-lighting-label{white-space:nowrap}.model-viewer-exposure-slider{display:flex;align-items:center;gap:4px;padding:2px 6px;background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3);border-radius:4px;flex-shrink:0}.model-viewer-exposure-slider svg{color:#fbbf24;flex-shrink:0}.model-viewer-exposure-slider input[type=range]{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(251,191,36,.3);border-radius:2px;cursor:pointer}.model-viewer-exposure-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fbbf24;border-radius:50%;cursor:pointer;transition:transform .1s ease}.model-viewer-exposure-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.model-viewer-exposure-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fbbf24;border:none;border-radius:50%;cursor:pointer}.model-viewer-texture-btn{display:flex;align-items:center;justify-content:center;padding:4px 6px;background:rgba(100,116,139,.2);border:1px solid rgba(100,116,139,.4);border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.model-viewer-texture-btn:hover{background:rgba(100,116,139,.3);border-color:#64748b;color:#cbd5e1}.model-viewer-texture-btn.active{background:rgba(34,197,94,.2);border-color:#22c55e66;color:#22c55e}.model-viewer-texture-btn.active:hover{background:rgba(34,197,94,.3);border-color:#22c55e;color:#4ade80}.model-viewer-container.no-textures model-viewer{filter:grayscale(1) contrast(1.1)}.model-viewer-filename{font-size:12px;color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.model-viewer-download-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:rgba(124,58,237,.8);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.model-viewer-download-btn:hover{background:rgba(139,92,246,1);transform:scale(1.05)}.canvas-item.file-item .file-content-3d{aspect-ratio:unset!important}.generator-node-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#22c55e;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,rgba(34,197,94,.05) 100%);border-radius:8px}.generator-node-placeholder span{font-weight:600;font-size:14px}.bg-remover-node-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,rgba(245,158,11,.05) 100%);border-radius:8px}.bg-remover-node-placeholder span{font-weight:600;font-size:14px}.image-to-3d-node-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:#8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(139,92,246,.05) 100%);border-radius:8px}.image-to-3d-node-placeholder span{font-weight:600;font-size:14px}.model-viewer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.15) 0%,rgba(139,92,246,.05) 100%);border-radius:8px}.model-viewer-placeholder svg{opacity:.8}.model-viewer-placeholder-text{font-size:12px;font-weight:500;color:#a78bfa;max-width:80%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.other-users-cursors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10001;overflow:visible}.other-user-cursor{position:absolute;pointer-events:none;z-index:10001;transition:left .05s linear,top .05s linear}.other-user-cursor svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.other-user-cursor-label{position:absolute;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 1px 3px #0000004d;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes cursor-fade-in{0%{opacity:0;transform:translate(-2px,-2px) scale(.8)}to{opacity:1;transform:translate(-2px,-2px) scale(1)}}.other-user-cursor{animation:cursor-fade-in .15s ease-out}.comment-thread-container{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#2d3748 0%,#374151 100%)!important;border-radius:12px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff!important;box-shadow:0 4px 20px #00000040!important;border:2px solid #4b5563!important}.comment-thread-container.selected{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f64d,0 4px 20px #00000040!important}.comment-thread-container.see-all-mode{height:auto;min-height:100%}.comment-thread-header{background:transparent!important;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)!important;flex-shrink:0}.comment-thread-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-thread-title{margin:0;font-size:14px;font-weight:600;color:#fff!important;cursor:grab;-webkit-user-select:none;user-select:none}.comment-thread-title:active{cursor:grabbing}.comment-thread-container .see-all-btn{background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px;padding:4px 10px;font-size:12px;color:#fff9!important;cursor:pointer;transition:all .2s}.comment-thread-container .see-all-btn:hover{border-color:#3b82f6!important;color:#3b82f6!important;background:rgba(59,130,246,.08)!important}.comment-thread-container .see-all-btn.active{background:rgba(59,130,246,.12)!important;border-color:#3b82f6!important;color:#3b82f6!important}.comment-input-section{display:flex;flex-direction:column;gap:10px}.comment-input-section textarea{width:100%;min-height:70px;max-height:150px;padding:10px 12px;background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px;color:#fff!important;font-size:13px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.comment-input-section textarea::placeholder{color:#fff6!important;font-size:13px}.comment-input-section textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633}.comment-thread-container .comment-send-btn{align-self:stretch;padding:10px 20px;background:#3b82f6!important;color:#fff!important;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s,transform .15s}.comment-thread-container .comment-send-btn:hover:not(:disabled){background:#2563eb!important;transform:translateY(-1px)}.comment-thread-container .comment-send-btn:active:not(:disabled){transform:translateY(0)}.comment-thread-container .comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.comment-thread-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 24px;background:transparent!important;min-height:0}.comment-thread-list.no-scroll{overflow-y:visible;flex:none;padding-bottom:32px}.comment-thread-list::-webkit-scrollbar{width:6px}.comment-thread-list::-webkit-scrollbar-track{background:transparent}.comment-thread-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12)!important;border-radius:3px}.comment-thread-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)!important}.comment-loading,.comment-empty{text-align:center;color:#ffffff80!important;font-size:13px;padding:24px}.comment-thread-comment{position:relative;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)!important}.comment-thread-comment:last-child{margin-bottom:0;padding-bottom:16px;border-bottom:none!important}.comment-reply{position:relative;padding-left:20px;border-bottom:none;padding-bottom:8px;margin-bottom:8px}.comment-reply:last-child{padding-bottom:8px;margin-bottom:0}.comment-reply:before{content:"";position:absolute;left:0;top:0;bottom:8px;width:2px;background:rgba(255,255,255,.12)!important;border-radius:1px}.comment-reply:after{content:"";position:absolute;left:0;top:16px;width:14px;height:2px;background:rgba(255,255,255,.12)!important;border-radius:1px}.comment-content-wrapper{position:relative}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;justify-content:flex-start}.comment-avatar{flex-shrink:0;width:28px;height:28px}.comment-author{font-size:13px;font-weight:500;color:#fff!important}.comment-timestamp{font-size:11px;color:#ffffff73!important;margin-left:auto}.comment-body{font-size:13px;line-height:1.5;color:#fffc!important;margin-bottom:10px;margin-left:36px;word-wrap:break-word}.comment-actions{display:flex;gap:12px;margin-left:36px}.comment-action-btn{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px;color:#ffffffbf!important;font-size:12px;font-weight:500;cursor:pointer;padding:5px 12px;transition:all .2s}.comment-action-btn:hover{background:rgba(59,130,246,.15)!important;border-color:#3b82f6!important;color:#fff!important}.comment-reply-input{margin-top:10px;margin-left:36px;padding:10px;background:rgba(0,0,0,.2)!important;border-radius:8px;border:1px solid rgba(255,255,255,.08)!important}.comment-reply-input textarea{width:100%;min-height:50px;padding:8px;background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px;color:#fff!important;font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .2s;box-sizing:border-box}.comment-reply-input textarea::placeholder{color:#fff6!important}.comment-reply-input textarea:focus{border-color:#3b82f6!important}.reply-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.reply-cancel-btn{padding:6px 12px;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px;color:#fff9!important;font-size:13px;cursor:pointer;transition:all .2s}.reply-cancel-btn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.comment-thread-container .reply-send-btn{padding:6px 12px;background:#3b82f6!important;border:none;border-radius:6px;color:#fff!important;font-size:13px;cursor:pointer;transition:all .2s}.comment-thread-container .reply-send-btn:hover:not(:disabled){background:#2563eb!important}.comment-thread-container .reply-send-btn:active:not(:disabled){transform:translateY(0)}.comment-thread-container .reply-send-btn:disabled{opacity:.5;cursor:not-allowed}.comment-replies{margin-top:12px}:root:not(.dark) .comment-thread-container{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)!important;border-color:#cbd5e1!important;color:#1e293b!important;box-shadow:0 4px 20px #0000001a!important}:root:not(.dark) .comment-thread-container.selected{border-color:#3b82f6!important}:root:not(.dark) .comment-thread-header{background:transparent!important;border-bottom-color:#0000000f!important}:root:not(.dark) .comment-thread-title{color:#1e293b!important}:root:not(.dark) .comment-thread-container .see-all-btn{border-color:#0000001f!important;color:#0009!important}:root:not(.dark) .comment-thread-container .see-all-btn:hover{border-color:#3b82f6!important;color:#3b82f6!important;background:rgba(59,130,246,.08)!important}:root:not(.dark) .comment-thread-container .see-all-btn.active{background:rgba(59,130,246,.1)!important;border-color:#3b82f6!important;color:#3b82f6!important}:root:not(.dark) .comment-input-section textarea{background:rgba(255,255,255,.7)!important;border-color:#0000001f!important;color:#1e293b!important}:root:not(.dark) .comment-input-section textarea::placeholder{color:#0006!important}:root:not(.dark) .comment-input-section textarea:focus{border-color:#3b82f6!important}:root:not(.dark) .comment-thread-container .comment-send-btn{background:#3b82f6!important;color:#fff!important}:root:not(.dark) .comment-thread-container .comment-send-btn:hover:not(:disabled){background:#2563eb!important;transform:translateY(-1px)}:root:not(.dark) .comment-thread-comment{border-bottom-color:#0000000f!important}:root:not(.dark) .comment-reply:before,:root:not(.dark) .comment-reply:after{background:rgba(0,0,0,.12)!important}:root:not(.dark) .comment-author{color:#1e293b!important}:root:not(.dark) .comment-timestamp{color:#00000073!important}:root:not(.dark) .comment-body{color:#000000bf!important}:root:not(.dark) .comment-action-btn{background:rgba(0,0,0,.05)!important;border-color:#0000001f!important;color:#000000a6!important}:root:not(.dark) .comment-action-btn:hover{background:rgba(59,130,246,.1)!important;border-color:#3b82f6!important;color:#1e293b!important}:root:not(.dark) .comment-reply-input{background:rgba(255,255,255,.5)!important;border-color:#00000014!important}:root:not(.dark) .comment-reply-input textarea{background:rgba(255,255,255,.7)!important;border-color:#0000001f!important;color:#1e293b!important}:root:not(.dark) .comment-reply-input textarea::placeholder{color:#0006!important}:root:not(.dark) .reply-cancel-btn{border-color:#0000001f!important;color:#0009!important}:root:not(.dark) .reply-cancel-btn:hover{background:rgba(0,0,0,.05)!important;color:#1e293b!important}:root:not(.dark) .comment-thread-container .reply-send-btn{background:#3b82f6!important;color:#fff!important}:root:not(.dark) .comment-thread-container .reply-send-btn:hover:not(:disabled){background:#2563eb!important}:root:not(.dark) .comment-thread-list{background:transparent!important}:root:not(.dark) .comment-loading,:root:not(.dark) .comment-empty{color:#00000080!important}:root:not(.dark) .comment-thread-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)!important}:root:not(.dark) .comment-thread-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)!important}.canvas-video-player{position:relative;width:100%;height:100%}.canvas-video-player video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:auto}.canvas-video-player video::-webkit-media-controls{opacity:0;transition:opacity .2s ease}.canvas-video-player:hover video::-webkit-media-controls{opacity:1}.video-thumbnail-preview{position:relative;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.video-thumbnail-image{width:100%;height:100%;object-fit:contain;display:block}.video-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#ffffffb3;font-size:14px;font-weight:500}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:transparent;opacity:0;transition:all .2s ease}.video-thumbnail-preview:hover .video-play-overlay{opacity:1;background:rgba(0,0,0,.3)}.video-play-button{width:60px;height:60px;border-radius:50%;background:var(--primary, #3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006;transition:all .2s ease}.video-thumbnail-preview:hover .video-play-button{transform:scale(1.1);background:var(--primary-dark, #2563eb)}.video-play-button svg{margin-left:3px}.video-time-indicator,.video-time-indicator .current-time,.video-time-indicator .time-separator,.video-time-indicator .duration{display:none}.video-timestamp-badge{position:absolute;top:8px;right:8px;background:var(--primary, #3b82f6);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;font-family:inherit}.video-timestamp-badge.clickable{pointer-events:auto;cursor:pointer;transition:all .15s ease}.video-timestamp-badge.clickable:hover{background:var(--primary-dark, #2563eb);transform:scale(1.05);box-shadow:0 2px 8px #3b82f666}.set-timestamp-btn{position:absolute;top:40px;right:8px;background:rgba(0,0,0,.85);color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;z-index:15;display:flex;align-items:center;gap:5px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.set-timestamp-btn:hover{background:rgba(99,102,241,.9);border-color:#6366f1;transform:scale(1.02)}.set-timestamp-btn:active{transform:scale(.98)}.set-timestamp-btn:disabled{opacity:.7;cursor:not-allowed}.set-timestamp-btn svg{flex-shrink:0}.capture-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.video-loading-overlay .video-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.video-loading-spinner{position:absolute;display:flex;align-items:center;justify-content:center;z-index:11}.video-loading-spinner .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.image-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:10000;display:flex;align-items:center;justify-content:center}.image-editor-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-editor-restore-prompt{background:#2a2a2a;border-radius:12px;padding:32px 40px;text-align:center;max-width:420px;box-shadow:0 8px 32px #00000080}.image-editor-restore-prompt h2{color:#fff;font-size:1.5rem;margin:0 0 16px;font-weight:600}.image-editor-restore-prompt p{color:#aaa;margin:0 0 8px;font-size:.95rem;line-height:1.5}.image-editor-restore-prompt p strong{color:#fff}.image-editor-restore-prompt .restore-details{color:#888;font-size:.85rem;margin-bottom:24px}.restore-buttons{display:flex;gap:12px;justify-content:center}.restore-button{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.restore-button.primary{background:#4a9eff;color:#fff}.restore-button.primary:hover{background:#3a8eef}.restore-button.secondary{background:#444;color:#ccc}.restore-button.secondary:hover{background:#555;color:#fff}.image-editor-container{display:flex;flex-direction:column;width:100%;height:100%;background:#1a1a1a}.image-editor-toolbar{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;background:#252525;border-bottom:1px solid #333;flex-shrink:0}.toolbar-section{display:flex;align-items:center;gap:8px}.image-editor-toolbar .toolbar-tools{gap:4px}.image-editor-toolbar .toolbar-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#bbb}.image-editor-toolbar .toolbar-button svg{width:28px;height:28px;min-width:28px;min-height:28px;flex-shrink:0;transition:transform .15s ease}.image-editor-toolbar .toolbar-button:hover:not(:disabled){background:#3a3a3a;border-color:#4a4a4a;color:#fff}.image-editor-toolbar .toolbar-button:hover:not(:disabled) svg{transform:scale(1.1)}.image-editor-toolbar .toolbar-button:active:not(:disabled){transform:scale(.95)}.image-editor-toolbar .toolbar-button.active{background:linear-gradient(135deg,#4a9eff 0%,#3a7ed0 100%);border-color:#5aafff;color:#fff;box-shadow:0 2px 8px #4a9eff4d}.image-editor-toolbar .toolbar-button.active:hover{background:linear-gradient(135deg,#5aafff 0%,#4a9eff 100%)}.image-editor-toolbar .toolbar-button:disabled{opacity:.35;cursor:not-allowed;color:#666}.toolbar-button-text-small{font-size:12px;font-weight:600;letter-spacing:-.5px}.toolbar-icon{font-size:18px}.toolbar-divider{width:1px;height:28px;background:linear-gradient(to bottom,transparent,#444,transparent);margin:0 12px}.toolbar-settings{flex:1;justify-content:center;gap:24px}.toolbar-setting{display:flex;align-items:center;gap:8px}.toolbar-setting label{font-size:12px;color:#888;min-width:50px}.toolbar-setting input[type=range]{width:100px;height:28px;-webkit-appearance:none;background:transparent;outline:none;cursor:pointer}.toolbar-setting input[type=range]::-webkit-slider-runnable-track{height:16px;background:#444;border-radius:8px}.toolbar-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;margin-top:-1px;box-shadow:0 2px 4px #0000004d}.toolbar-setting input[type=range]::-moz-range-track{height:16px;background:#444;border-radius:8px}.toolbar-setting input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.toolbar-value{font-size:11px;color:#666;min-width:40px;text-align:right}.toolbar-color{position:relative;z-index:100}.toolbar-color-swatch{width:28px;height:28px;border-radius:4px;border:2px solid #444;cursor:pointer}.toolbar-color-swatch:hover{border-color:#666}.toolbar-color-swatch-global{width:36px;height:36px;border-radius:6px;border:2px solid #555;cursor:pointer;transition:border-color .2s ease;flex-shrink:0}.toolbar-color-swatch-global:hover{border-color:#888}.toolbar-color-dropdown{position:fixed;padding:16px;background:#1e1e1e;border:1px solid #444;border-radius:12px;box-shadow:0 8px 32px #000000b3;z-index:999999;width:280px}.hsl-picker{display:flex;flex-direction:column;gap:12px}.hsl-saturation-area{position:relative;width:100%;height:160px;border-radius:8px;cursor:crosshair;overflow:hidden}.hsl-saturation-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent)}.hsl-saturation-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent)}.hsl-saturation-cursor{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #00000080,inset 0 0 2px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.hsl-hue-slider{position:relative;width:100%;height:16px;border-radius:8px;background:linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%));cursor:pointer}.hsl-hue-cursor{position:absolute;top:50%;width:8px;height:22px;background:#fff;border:1px solid #333;border-radius:3px;box-shadow:0 2px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.hsl-alpha-slider{position:relative;width:100%;height:16px;border-radius:8px;cursor:pointer;background-image:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.hsl-alpha-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px}.hsl-alpha-cursor{position:absolute;top:50%;width:8px;height:22px;background:#fff;border:1px solid #333;border-radius:3px;box-shadow:0 2px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.hsl-preview-row{display:flex;gap:12px;align-items:center}.hsl-preview-swatch{width:44px;height:44px;border-radius:8px;border:2px solid #444;flex-shrink:0;background-image:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;position:relative;overflow:hidden}.hsl-preview-swatch-inner{position:absolute;top:0;right:0;bottom:0;left:0}.hsl-inputs{display:flex;flex-direction:column;gap:6px;flex:1}.hsl-input-row{display:flex;gap:6px}.hsl-input-group{display:flex;flex-direction:column;gap:2px;flex:1}.hsl-input-group label{font-size:10px;color:#888;text-transform:uppercase}.hsl-input-group input{background:#333;border:1px solid #555;border-radius:4px;padding:4px 6px;color:#fff;font-size:12px;width:100%}.hsl-input-group input:focus{outline:none;border-color:#888}.hsl-hex-input{display:flex;align-items:center;gap:6px}.hsl-hex-input label{font-size:12px;color:#888}.hsl-hex-input input{background:#333;border:1px solid #555;border-radius:4px;padding:6px 8px;color:#fff;font-size:13px;font-family:monospace;width:90px}.hsl-hex-input input:focus{outline:none;border-color:#888}.hsl-native-picker{width:36px;height:36px;padding:2px;border:2px solid #555;border-radius:6px;cursor:pointer;background:#333;flex-shrink:0}.hsl-native-picker:hover{border-color:#888}.hsl-native-picker::-webkit-color-swatch-wrapper{padding:0}.hsl-native-picker::-webkit-color-swatch{border:none;border-radius:4px}.hsl-native-picker::-moz-color-swatch{border:none;border-radius:4px}.color-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.color-preset{width:28px;height:28px;border:2px solid #444;border-radius:4px;cursor:pointer;padding:0}.color-preset:hover{border-color:#fff;transform:scale(1.1)}.color-input{width:100%;height:32px;border:none;border-radius:4px;cursor:pointer;background:transparent}.toolbar-crop-info{display:flex;align-items:center;gap:12px;color:#ccc;font-size:13px;flex-wrap:wrap}.crop-ratio-select{padding:6px 10px;background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;min-width:80px}.crop-ratio-select:hover{border-color:#555}.crop-ratio-select:focus{outline:none;border-color:#4a9eff}.crop-dimensions{background:#333;padding:4px 8px;border-radius:4px;font-family:monospace}.toolbar-hint{color:#888;font-style:italic}.toolbar-dimensions{color:#666;font-size:12px;padding:4px 8px;background:#333;border-radius:4px}.toolbar-crop-actions{display:flex;gap:12px}.toolbar-button-text{padding:8px 16px;background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .15s}.toolbar-button-text:hover{background:#444}.toolbar-button-text.apply{background:#2d5a2d;border-color:#3a7a3a}.toolbar-button-text.apply:hover{background:#3a7a3a}.toolbar-button-text.cancel{background:#5a2d2d;border-color:#7a3a3a}.toolbar-button-text.cancel:hover{background:#7a3a3a}.toolbar-actions{gap:12px}.toolbar-button-cancel{padding:8px 20px;background:transparent;border:1px solid #555;border-radius:6px;color:#aaa;font-size:13px;cursor:pointer;transition:all .15s}.toolbar-button-cancel:hover{background:#333;border-color:#666;color:#fff}.toolbar-button-save{padding:8px 24px;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.toolbar-button-save:hover{background:#3a8eef}.image-editor-workspace{flex:1;display:flex;overflow:hidden}.image-editor-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px;background:#1a1a1a;position:relative}.image-editor-canvas-container::-webkit-scrollbar{width:10px;height:10px}.image-editor-canvas-container::-webkit-scrollbar-track{background:#2a2a2a}.image-editor-canvas-container::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.image-editor-canvas-container::-webkit-scrollbar-thumb:hover{background:#666}.image-editor-canvas-container.crop-mode{overflow:visible}.crop-extended-overlay-fixed{box-sizing:border-box}.image-editor-canvas-wrapper{display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;flex-shrink:0}.image-editor-canvas-wrapper.crop-mode{background:transparent;touch-action:none}.image-editor-canvas{box-shadow:0 4px 20px #00000080;touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;position:relative;z-index:1;flex-shrink:0}.image-editor-layer-panel{width:280px;background:#222;border-left:1px solid #333;display:flex;flex-direction:column;flex-shrink:0}.layer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333}.layer-panel-header h3{font-size:13px;font-weight:600;color:#fff;margin:0}.layer-add-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:18px;cursor:pointer;transition:all .15s}.layer-add-button:hover{background:#444}.layer-list{flex:1;overflow-y:auto;padding:8px}.layer-empty-message{padding:20px;text-align:center;color:#666;font-size:13px}.layer-item{display:flex;align-items:center;gap:6px;padding:8px;background:#2a2a2a;border:1px solid #333;border-radius:6px;margin-bottom:4px;cursor:pointer;transition:all .15s}.layer-item:hover{border-color:#444}.layer-item.active{border-color:#4a9eff;background:#2d3a4a}.layer-item-main{display:flex;align-items:center;padding:8px;gap:8px}.layer-visibility{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .15s}.layer-visibility:hover{opacity:1}.layer-visibility.hidden{opacity:.3}.layer-thumbnail{width:40px;height:40px;border-radius:4px;overflow:hidden;background:#1a1a1a;flex-shrink:0}.layer-thumbnail canvas{display:block}.layer-name{flex:1;font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-lock-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:12px;opacity:.5;transition:opacity .15s}.layer-lock-btn:hover{opacity:1}.layer-lock-btn.locked{opacity:.8}.layer-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:12px;opacity:.4;transition:opacity .15s}.layer-delete:hover{opacity:1;color:#ff6b6b}.layer-settings-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:12px;opacity:.4;transition:opacity .15s}.layer-settings-toggle:hover{opacity:1}.layer-settings{padding:12px;border-top:1px solid #333;background:#252525}.layer-setting{display:flex;align-items:center;gap:8px;margin-bottom:8px}.layer-setting label{font-size:11px;color:#888;width:50px}.layer-setting input[type=range]{flex:1;height:24px;-webkit-appearance:none;background:transparent;cursor:pointer}.layer-setting input[type=range]::-webkit-slider-runnable-track{height:14px;background:#444;border-radius:7px}.layer-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;margin-top:-1px;box-shadow:0 2px 4px #0000004d}.layer-setting input[type=range]::-moz-range-track{height:14px;background:#444;border-radius:7px}.layer-setting input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.layer-setting span{font-size:10px;color:#666;width:35px;text-align:right}.layer-actions{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #333}.layer-actions button{flex:1;padding:6px;background:#333;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .15s}.layer-actions button:hover:not(:disabled){background:#444}.layer-actions button:disabled{opacity:.4;cursor:not-allowed}.image-editor-blend-mode-select{flex:1;padding:4px 8px;background:#333;border:1px solid #444;border-radius:4px;color:#ccc;font-size:11px;cursor:pointer}.image-editor-blend-mode-select:hover{border-color:#555}.image-editor-color-picker{width:220px;padding:12px;background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 20px #0006}.color-picker-satval{position:relative;width:100%;height:120px;border-radius:4px;cursor:crosshair}.color-picker-satval-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,#000);border-radius:4px;pointer-events:none}.color-picker-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000080;transform:translate(-50%,-50%);pointer-events:none}.color-picker-hue{position:absolute;right:12px;top:12px;width:16px;height:120px;background:linear-gradient(to bottom,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000);border-radius:4px;cursor:pointer}.color-picker-hue-cursor{position:absolute;left:-2px;right:-2px;height:4px;background:#fff;border-radius:2px;box-shadow:0 0 3px #00000080;transform:translateY(-50%);pointer-events:none}.color-picker-preview{display:flex;align-items:center;gap:8px;margin-top:12px}.color-picker-preview-swatch{width:32px;height:32px;border-radius:4px;border:2px solid #444}.color-picker-hex-input{flex:1;padding:6px 8px;background:#333;border:1px solid #444;border-radius:4px;color:#fff;font-family:monospace;font-size:12px}.color-picker-hex-input:focus{outline:none;border-color:#4a9eff}.color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:12px}.color-picker-preset{width:100%;aspect-ratio:1;border:1px solid #444;border-radius:3px;cursor:pointer;transition:transform .1s}.color-picker-preset:hover{transform:scale(1.1)}.color-picker-preset.active{border-color:#fff;box-shadow:0 0 0 1px #fff}.tab-nav{border-bottom:.0625rem solid var(--border);background:var(--background)}.tab-nav-list{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-nav-list::-webkit-scrollbar{display:none}.tab-nav-item{background:none;border:none;padding:.75rem .5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:.125rem solid transparent;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;gap:.25rem;flex:1 1 0;min-width:0;max-width:none;overflow:visible}.tab-nav-item:hover:not(.disabled){color:var(--text-primary);background:var(--hover)}.tab-nav-item.active{color:var(--accent);border-bottom-color:transparent;background:rgba(37,99,235,.25)}.tab-status-badge{display:none}.tab-nav-item.disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.tab-nav-compact .tab-nav-item{padding:.5rem 1rem;font-size:.8125rem}.tab-nav-item:focus{outline:none}.tab-nav-item:focus:not(.active){background:var(--hover)}.tab-label{flex:1;text-align:center;white-space:nowrap;padding:0;overflow:visible;text-overflow:clip}.tab-separator{width:.0625rem;height:2rem;background-color:var(--border);align-self:center;flex-shrink:0;margin:0 .25rem}@media (max-width: 768px){.tab-nav-item{padding:.75rem 1rem;font-size:.8125rem}.tab-nav-compact .tab-nav-item{padding:.5rem .75rem;font-size:.75rem}.tab-status-badge{padding:.25rem .75rem;font-size:.625rem}}.media-viewer{display:flex;flex-direction:column;height:100%;background:var(--background);min-height:0;overflow:hidden}.media-content-wrapper{display:flex;flex-direction:row;flex:1;gap:1rem;min-height:0;contain:layout style;transform:translateZ(0)}.media-main{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:.5em;overflow:hidden;position:relative;min-height:16em;max-height:100%}.media-main.doc-mode{align-items:stretch;justify-content:stretch}.media-main-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-main-container.media-document-container{overflow:auto;align-items:stretch;justify-content:stretch}.media-main-image,.media-main-video{width:100%;height:100%;object-fit:contain;border-radius:.25em;cursor:pointer}.media-main-video{object-fit:contain}.media-main-audio{width:100%;margin-top:1em}.media-audio-container{flex-direction:column;padding:1.5em}.audio-player-visual{display:flex;align-items:center;gap:1em;margin-bottom:1em}.audio-icon{font-size:2.5em;opacity:.7}.audio-info{flex:1}.audio-title{margin:0;font-size:1em;color:var(--text-primary)}.audio-duration{font-size:.8em;color:var(--text-secondary)}.media-document-container{flex-direction:column;padding:1.5em}.document-preview{display:flex;align-items:center;gap:1em;text-align:center}.document-icon{font-size:2.5em;opacity:.7}.document-info{flex:1}.document-title{margin:0 0 .375em;font-size:1em;color:var(--text-primary)}.media-document-frame{width:100%;height:100%;border:none;background:var(--surface)}.csv-table-container{width:100%;height:100%;overflow:auto;background:var(--surface);border-radius:.25em}.csv-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.csv-th,.csv-td{border:1px solid var(--border);padding:.5em;vertical-align:top;word-break:break-word}.csv-th{position:sticky;top:0;background:var(--hover);z-index:1;text-align:left;font-weight:600}.csv-editor-root{display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%}.csv-editor-toolbar{display:flex;gap:.5rem}.csv-btn{background:var(--accent);color:#fff;border:none;border-radius:.25rem;padding:.4rem .75rem;cursor:pointer;font-size:.875rem}.csv-btn.secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);text-decoration:none}.csv-btn:disabled{opacity:.6;cursor:not-allowed}.csv-grid-root{display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%}.csv-grid-formula{flex:0 0 auto}.csv-grid-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.25rem;background:var(--surface);color:var(--text-primary)}.csv-grid-viewport{flex:1 1 auto;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:.25rem;outline:none}.csv-grid-table{width:max(100%,800px);border-collapse:collapse;table-layout:fixed;font-size:.875rem}.csv-grid-corner{width:2rem;background:var(--hover);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.csv-grid-th{position:sticky;top:0;background:var(--hover);z-index:1;border:1px solid var(--border);padding:.25rem .5rem;text-align:left;height:2rem}.csv-grid-rh{position:sticky;left:0;background:var(--hover);z-index:1;border:1px solid var(--border);width:2rem;text-align:right;padding:0 .5rem}.csv-grid-td{border:1px solid var(--border);padding:.25rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:2rem}.csv-grid-td.active{outline:2px solid var(--accent);outline-offset:-2px}.csv-grid-cell-input{width:100%;height:100%;border:none;outline:none;background:transparent;color:var(--text-primary)}.version-slider{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;width:100%}.version-slider input[type=range]{width:100%;height:1.25rem;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.version-slider input[type=range]::-webkit-slider-runnable-track{height:.6rem;background:var(--border);border-radius:.4rem}.version-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:var(--accent);margin-top:-.2rem;box-shadow:0 0 0 2px #0000000d}.version-slider input[type=range]::-moz-range-track{height:.6rem;background:var(--border);border-radius:.4rem}.version-slider input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #0000000d}.document-size{display:block;font-size:.8em;color:var(--text-secondary);margin-bottom:.75em}.document-download-btn{display:inline-block;padding:.5em 1em;background:var(--accent);color:#fff;text-decoration:none;border-radius:.25em;font-size:.875em;transition:background .2s ease}.document-download-btn:hover{background:var(--accent-hover)}.media-fullscreen-btn{position:absolute;top:.75em;right:.75em;background:rgba(0,0,0,.6);color:#fff;border:none;padding:.5em;border-radius:.25em;cursor:pointer;font-size:1em;opacity:0;transition:opacity .2s ease}.media-main-container:hover .media-fullscreen-btn{opacity:1}.media-fullscreen-btn:hover{background:rgba(0,0,0,.8)}.media-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.media-placeholder-content{text-align:center}.media-placeholder-icon{font-size:3.5em;display:block;margin-bottom:.75em;opacity:.5}.media-placeholder-text{margin:0;font-size:1em}.media-thumbnails{width:140px;flex-shrink:0;border-left:.0625rem solid var(--border);padding:0 .5em 0 .75em;overflow:hidden;display:flex;flex-direction:column}.media-thumbnails-header{padding:.75em 0;border-bottom:.0625rem solid var(--border);margin-bottom:.75em;flex-shrink:0}.version-dropdown{width:100%;position:relative}.version-dropdown .dropdown-button{width:100%;padding:.5em .75em;font-size:.75rem;height:auto;min-height:2rem}.version-dropdown .dropdown-menu{font-size:.75rem;max-height:200px;min-width:120px}.media-thumbnails-list{display:flex;flex-direction:column;gap:.75em;overflow-y:auto;padding:0 .5em .75em 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;flex:1}.media-thumbnails-list::-webkit-scrollbar{width:.375rem}.media-thumbnails-list::-webkit-scrollbar-track{background:transparent}.media-thumbnails-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:.1875rem}.media-thumbnail{background:var(--surface);border:.125rem solid var(--border);border-radius:.375rem;padding:.5rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%;flex-shrink:0;outline:none;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.media-thumbnail:hover:not(:disabled):not(.processing){border-color:var(--accent);background:var(--hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.media-thumbnail.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.media-thumbnail.processing{opacity:.7;cursor:wait;pointer-events:none}.media-thumbnail:disabled{opacity:.6;cursor:not-allowed}.media-thumbnail-preview{position:relative;width:100%;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;overflow:hidden;background:var(--background);contain:layout style}.media-thumbnail-preview img{width:100%;height:100%;object-fit:cover;pointer-events:none;image-rendering:optimizeQuality}.video-thumbnail{position:relative;width:100%;height:100%;z-index:1}.video-thumbnail img{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:50%;z-index:2;pointer-events:none;transition:background .15s ease;color:#fff}.media-thumbnail:hover .video-play-icon{background:rgba(0,0,0,.9)}.file-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface)}.file-type-icon{font-size:1.5rem;opacity:.7;pointer-events:none}.video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface)}.no-media-for-version,.no-versions{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:1rem;opacity:.7}.media-thumbnail-title{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.fullscreen-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.fullscreen-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;z-index:2001}.fullscreen-close:hover{color:var(--accent)}@media (max-width: 768px){.media-main{min-height:15rem}.media-thumbnail{min-width:4rem;max-width:5rem}.media-thumbnail-preview{height:1.8rem}.audio-player-visual,.document-preview{flex-direction:column;text-align:center}.audio-icon,.document-icon{font-size:2.5rem}}.video-thumb-element{width:100%;height:100%;object-fit:contain;background:var(--surface);pointer-events:none}.frame-counter-overlay{position:absolute;top:.75em;left:.75em;background:rgba(0,0,0,.7);color:#fff;padding:.3em .6em;border-radius:.25em;font-size:.8em;font-family:monospace;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none}.here-capsule{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;margin:0 .125rem;background:var(--accent);color:#fff;border:none;border-radius:1rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;vertical-align:middle}.here-capsule:hover{background:var(--accent);opacity:.8;transform:scale(1.05)}.here-capsule:active{transform:scale(.95)}.here-capsule-icon{font-size:.7rem;line-height:1}.here-capsule-text{font-size:.75rem;font-weight:600}.here-capsule-timestamp{font-size:.7rem;opacity:.9;font-family:SF Mono,Monaco,Menlo,Consolas,monospace}.here-capsule-item{background:#3b82f6}.here-capsule-video{background:#ef4444}.here-capsule-image{background:#10b981}.here-capsule-file{background:#8b5cf6}.here-capsule-revision{background-color:#ffb74d33;border-color:#ffb74d66;color:#ff9800}.here-capsule-revision:hover{background-color:#ffb74d4d;border-color:#ffb74d99;box-shadow:0 0 0 2px #ffb74d1a}.here-capsule-revision .here-capsule-icon{filter:none}:root.dark .here-capsule{box-shadow:0 1px 3px #0000004d}:root.dark .here-capsule:hover{box-shadow:0 2px 6px #0006}.here-capsule-revision{background-color:#ffb74d1a;border:2px dashed rgba(255,183,77,.5);color:#ff9800;padding:.5rem 1rem;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;margin:.5rem 0!important;transition:all .2s ease;border-style:dashed!important;border-width:2px!important}.here-capsule-revision:hover{background-color:#ffb74d33;border-color:#ffb74db3;box-shadow:0 2px 8px #ffb74d33;transform:translateY(-1px)}.here-capsule-revision:active{transform:translateY(0)}.here-capsule-revision .here-capsule-icon{font-size:1.125rem;display:flex;align-items:center}.here-capsule-revision .here-capsule-text{font-weight:500;display:flex;align-items:center;gap:.25rem}.revision-time-spent{font-size:.75rem;opacity:.8;font-weight:400}:root.dark .here-capsule-revision{background-color:#ffb74d26;border-color:#ffb74d66;box-shadow:0 1px 4px #0000004d}:root.dark .here-capsule-revision:hover{background-color:#ffb74d40;border-color:#ffb74d99;box-shadow:0 2px 8px #ffb74d4d}.checklist-picker{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #00000073;min-width:320px;max-width:400px;max-height:320px;overflow-y:auto;z-index:99999}.checklist-picker-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.checklist-picker-back{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s ease}.checklist-picker-back:hover{background:var(--hover);color:var(--text-primary)}.checklist-picker-title{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.checklist-picker-loading,.checklist-picker-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:.875rem}.checklist-picker-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.checklist-picker-row:hover,.checklist-picker-row.active{background:var(--hover)}.checklist-picker-row.create{border-top:1px solid var(--border)}.checklist-picker-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.checklist-picker-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.checklist-picker-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-picker-meta{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-picker-selected{padding:12px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.checklist-picker-selected-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.checklist-picker-selected-desc{font-size:.8125rem;color:var(--text-secondary);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.checklist-picker-selected-meta{font-size:.75rem;color:var(--text-secondary)}.checklist-picker-link-options{padding:8px;display:flex;flex-direction:column;gap:6px}.checklist-picker-link-option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;text-align:left;cursor:pointer;transition:all .15s ease}.checklist-picker-link-option:hover{background:var(--hover);border-color:var(--border)}.checklist-picker-link-option.copy:hover{border-color:var(--accent)}.checklist-picker-link-option.instance:hover{border-color:var(--warning)}.link-option-icon{font-size:1.25rem;flex-shrink:0}.link-option-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.link-option-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.link-option-desc{font-size:.75rem;color:var(--text-secondary)}.link-option-key{font-size:.6875rem;font-weight:600;color:var(--text-secondary);background:var(--surface);padding:2px 6px;border-radius:3px;border:1px solid var(--border);text-transform:uppercase;align-self:center}.popup-film{display:flex;flex-direction:column;height:100%;background:var(--background);min-height:600px;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;overflow:hidden!important;position:relative}.popup-film-active,.popup-film-active *{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important}.popup-film-active .media-thumbnails-list,.popup-film-active .comments-list{overflow-y:auto!important;overflow-x:hidden!important}.popup-film-active .comment,.popup-film-active .comment-header,.popup-film-active .comment-meta,.popup-film-active .comment-read-receipt,.popup-film-active .comment-read-tooltip,.popup-film-active .navbar,.popup-film-active .navbar *,.popup-film-active .dropdown-menu,.popup-film-active .personal-notes-dropdown{overflow:visible!important}.popup-film-tabs{flex-shrink:0;background:var(--surface)}.popup-film-tabs .tab-nav-item{padding:.375rem 0}.popup-film-content{flex:1;display:grid;grid-template-columns:1fr 35em;gap:.75em;padding:.75em;overflow:hidden!important;min-height:0;height:100%;contain:strict;isolation:isolate;position:relative;z-index:0;transition:grid-template-columns .3s ease}.popup-film-content.resizing{transition:none;-webkit-user-select:none;user-select:none}.popup-film-content.resizing *{-webkit-user-select:none;user-select:none}.popup-film-content.comments-only,.popup-film-content.media-only{grid-template-columns:1fr}.popup-film-comments-full{background:var(--surface);border-radius:.5em;border:.0625rem solid var(--border);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;transform:translateZ(0);will-change:transform;position:relative}.popup-film-comments-wrapper{flex:1;overflow:hidden;min-height:0}@media (max-width: 768px){.popup-film-content{grid-template-columns:1fr;gap:.5em}.popup-film-content.comments-only{grid-template-columns:1fr}}.popup-film-media{background:var(--surface);border-radius:.5em;border:.0625rem solid var(--border);overflow:hidden;display:flex;flex-direction:column;min-height:500px;transform:translateZ(0);will-change:transform;position:relative}.popup-film-sidebar{background:var(--surface);border-radius:.5em;border:.0625rem solid var(--border);overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;transform:translateZ(0);will-change:transform;position:relative}.popup-film-resize-handle{position:absolute;left:-4px;top:0;bottom:0;width:8px;background:transparent;z-index:10;cursor:ew-resize}.popup-film-resize-handle:hover{background:var(--primary-muted)}.popup-film-resize-handle:active,.popup-film-content.resizing .popup-film-resize-handle{background:var(--primary)}.popup-film-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3em 1.5em;text-align:center;color:var(--text-secondary)}.loading-spinner{width:1.75em;height:1.75em;border:.125rem solid var(--border);border-top:.125rem solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75em}.popup-film-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3em 1.5em;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:3.5em;margin-bottom:.75em;opacity:.5}.empty-text{margin:0;font-size:1em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.popup-film-content{grid-template-columns:1fr 22.5em}}@media (max-width: 1024px){.popup-film-content{grid-template-columns:1fr 20em;gap:.625em;padding:.625em}}@media (max-width: 768px){.popup-film-content{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:.5em;padding:.5em}.popup-film-media{min-height:20em}.popup-film-sidebar{min-height:25em}}@media (max-width: 480px){.popup-film-content{padding:.25em}.popup-film-media{min-height:15em}.popup-film-sidebar{min-height:20em}}.popup-film-media>*,.popup-film-sidebar>*{min-height:0;min-width:0}.popup-film-media-wrapper,.popup-film-sidebar-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;flex-direction:column}.popup-film-media-wrapper>*,.popup-film-sidebar-wrapper>*{flex:1;min-height:0;overflow:hidden}.popup-film-task-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:radial-gradient(circle at center,rgba(15,23,42,.92),rgba(15,23,42,.98));z-index:5;pointer-events:none}.popup-film-task-loading span{font-size:.875rem;color:var(--text-secondary)}.popup-film-chat-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary);text-align:center;padding:2rem}.popup-film-chat-notice .notice-icon{font-size:3rem}.popup-film-chat-notice p{font-size:1rem;color:var(--text-tertiary);margin:0}.popup-film-canvas-breadcrumb{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(15,23,42,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:.65rem;color:var(--text-tertiary);z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none}.popup-film-canvas-breadcrumb .breadcrumb-separator{opacity:.4}.popup-film-embedded{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.popup-film-embedded .references-canvas{flex:1;min-height:0}.confirm-dialog{padding:20px}.confirm-message{font-size:16px;color:var(--text-primary);margin-bottom:24px;line-height:1.5;text-align:center}.confirm-actions{display:flex;justify-content:center;gap:12px}.confirm-cancel-btn,.confirm-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-cancel-btn{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.confirm-cancel-btn:hover{background:var(--hover-bg)}.confirm-btn{color:#fff}.confirm-btn-danger{background:var(--error)}.confirm-btn-danger:hover{background:#dc2626}.confirm-btn-warning{background:var(--warning)}.confirm-btn-warning:hover{background:#d97706}.confirm-btn-info{background:var(--primary)}.confirm-btn-info:hover{background:var(--primary-hover)}.revision-edit-popup{padding:2rem;position:relative}.revision-edit-form{margin-bottom:2rem}.revision-form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.revision-form-row .revision-form-group{flex:0 0 auto;margin-bottom:0}.revision-form-group{margin-bottom:1.5rem}.revision-form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.revision-form-row .status-dropdown .dropdown-button{border:none!important;padding:.5rem .75rem!important;box-shadow:none!important;cursor:pointer;min-width:5rem;width:100%;border-radius:.5rem;position:relative;height:auto;display:flex;align-items:center;line-height:1.2}.revision-form-row .status-dropdown .dropdown-button:hover:not(.disabled),.revision-form-row .status-dropdown .dropdown-button:hover{filter:brightness(1.1);transform:translateY(-.0625rem);box-shadow:0 .125rem .25rem #00000026;border:none!important;border-color:transparent!important}.revision-form-row .status-dropdown .dropdown-button:focus:not(.disabled),.revision-form-row .status-dropdown .dropdown-button:focus,.revision-form-row .status-dropdown .dropdown-button:active{border:none!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}.revision-form-row .status-dropdown .dropdown-button .dropdown-label,.revision-form-row .status-dropdown .dropdown-button .dropdown-arrow{pointer-events:none;-webkit-user-select:none;user-select:none}.revision-edit-textarea{width:100%;padding:.75rem;border:.125rem solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:.9375rem;resize:vertical;min-height:4rem}.revision-edit-textarea:focus{outline:none;border-color:var(--accent, #3b82f6)}.time-spent-group{display:flex;align-items:center;gap:.5rem}.time-hours-dropdown,.time-minutes-dropdown{flex:0 0 auto}.time-separator{color:var(--text-secondary);font-weight:500}.revision-attachments-section{margin-bottom:2rem}.revision-attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.revision-attachments-header h4{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.add-files-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-files-btn:hover{background:#2563eb;transform:translateY(-1px)}.add-files-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.file-thumbnails{display:grid;gap:1rem;margin:1rem 0;justify-content:center}.thumbnails-1{grid-template-columns:repeat(1,150px)}.thumbnails-2{grid-template-columns:repeat(2,150px)}.thumbnails-3{grid-template-columns:repeat(3,150px)}.thumbnails-4{grid-template-columns:repeat(4,150px)}.thumbnails-5{grid-template-columns:repeat(5,150px)}.file-thumbnail{position:relative;width:150px;height:150px;border:.125rem solid var(--border);border-radius:.75rem;overflow:hidden;background:var(--surface);cursor:grab}.file-thumbnail:active{cursor:grabbing}.file-thumbnail.drag-over{outline:2px dashed var(--accent, #10b981);outline-offset:2px;filter:brightness(1.06)}.thumbnail-image,.thumbnail-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.file-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.6;background:var(--background)}.remove-file-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease}.file-thumbnail:hover .remove-file-btn{opacity:1}.remove-file-btn:hover{background:rgba(0,0,0,.9)}.file-name{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:rgba(0,0,0,.7);color:#fff;font-size:.875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.revision-edit-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}.revision-edit-actions-right{display:flex;gap:1rem;margin-left:auto}.revision-action-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.revision-cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.revision-cancel-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.revision-save-btn{background:#10b981;color:#fff}.revision-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.revision-delete-btn{background:transparent;color:#ef4444;border:1px solid #ef4444}.revision-delete-btn:hover:not(:disabled){background:#ef4444;color:#fff}.revision-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.canvas-page-wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--background)}.canvas-container{flex:1;position:relative;overflow:hidden;height:calc(100vh - 64px)}.canvas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}body.canvas-page-mode .modal-overlay.popup-film-modal{top:64px;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}body.canvas-page-mode .modal-overlay.popup-film-modal .modal-container{width:100vw!important;height:calc(100vh - 64px)!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;border-radius:0;border:none}body.canvas-page-mode .modal-overlay.popup-film-modal .modal-content{height:100%}body.canvas-page-mode .modal-overlay.popup-film-modal .modal-close-btn,body.canvas-page-mode .modal-overlay.popup-film-modal .modal-header{display:none}body.canvas-page-mode .popup-film-content{padding:0;gap:0}body.canvas-page-mode .popup-film-media,body.canvas-page-mode .popup-film-media-wrapper{height:100%;width:100%}body.canvas-page-mode .references-canvas{height:100%!important;width:100%!important}body.canvas-page-mode{overflow:hidden}body.canvas-page-mode.tree-sidebar-open .modal-overlay.popup-film-modal{right:var(--tree-sidebar-width, 260px)!important}body.canvas-page-mode.tree-sidebar-open .modal-overlay.popup-film-modal .modal-container{width:calc(100vw - var(--tree-sidebar-width, 260px))!important}