.ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;vertical-align:middle;color:currentColor}.ui-icon--xs{width:12px;height:12px}.ui-icon--sm{width:14px;height:14px}.ui-icon--md{width:18px;height:18px}.ui-icon--lg{width:20px;height:20px}.ui-icon--xl{width:24px;height:24px}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.logo-menu-btn-extended{position:fixed;top:20px;left:20px;z-index:1100;display:flex;align-items:center;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:var(--shadow-sm);transition:box-shadow .2s cubic-bezier(.4,0,.2,1);overflow:visible}.logo-menu-btn-extended:hover{box-shadow:var(--shadow-hover)}.logo-menu-btn-part{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 14px;border:none;background:transparent;font:inherit;font-size:1.35rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.logo-menu-btn-part:hover{background:var(--backdrop-faint)}.logo-menu-btn-part:active{transform:scale(.98)}.logo-icon{width:36px;height:36px;filter:var(--logo-mark-filter)}.logo-text{font-family:Chillax,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:1.35rem;color:var(--color-text-primary);letter-spacing:-.02em}.vertical-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent 0%,var(--backdrop-light) 20%,var(--backdrop-light) 80%,transparent 100%);margin:0 4px}.project-title-input{border:none;background:transparent;font-family:Chillax,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:1.1rem;color:var(--color-text-primary);outline:none;cursor:text;padding:10px 16px;min-width:120px;max-width:600px;width:auto;white-space:nowrap;overflow:visible}.project-title-input:focus{color:var(--color-primary);background:var(--color-primary-faint)}.project-title-input::placeholder{color:var(--color-text-tertiary);opacity:.6}body.shared-readonly-view .project-title-input,body.editor-readonly-view .project-title-input{width:auto!important;max-width:280px;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.96rem;font-weight:500}@media(max-width:800px){.logo-menu-btn-extended{left:12px;top:12px;max-width:calc(100vw - 88px)}.logo-menu-btn-part{gap:0;padding:10px 12px}.logo-text{display:none}.vertical-divider{margin:0 2px;height:30px}.project-title-input{min-width:0;width:min(44vw,180px);max-width:min(44vw,180px);padding:10px 12px 10px 10px;font-size:1rem}body.shared-readonly-view .project-title-input,body.editor-readonly-view .project-title-input{width:auto!important;max-width:150px}}.main-dropdown{position:fixed;top:88px;left:20px;z-index:1050;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--dropdown-menu-radius);box-shadow:var(--shadow-lg);min-width:220px;padding:6px;display:none;opacity:0;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--backdrop-separator)}.main-dropdown.active{display:block;opacity:1;transform:translateY(0)}.dropdown-submenu{position:fixed;z-index:1301;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--dropdown-menu-radius);box-shadow:var(--shadow-lg);min-width:240px;padding:6px;display:none;opacity:0;transform:translate(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--backdrop-separator);pointer-events:none}.dropdown-submenu.active{display:block;opacity:1;transform:translate(0);pointer-events:all}.dropdown-section{padding:4px 0}.dropdown-section+.dropdown-section{border-top:1px solid var(--backdrop-separator);margin-top:4px;padding-top:8px}.dropdown-divider{height:1px;background:var(--backdrop-separator);margin:6px 0}.dropdown-section-title{font-size:var(--dropdown-section-font-size);font-weight:600;color:var(--dropdown-icon-color);text-transform:uppercase;letter-spacing:.06em;padding:6px 12px 4px}.dropdown-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:var(--dropdown-item-padding);border:none;background:transparent;border-radius:var(--dropdown-item-radius);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.dropdown-menu-item.has-submenu{padding-right:32px}.dropdown-menu-item.has-submenu:hover .submenu-arrow{color:var(--color-text-dark);transform:translate(2px)}.check-icon{position:absolute;right:10px;color:var(--color-primary);opacity:0;transition:opacity .15s ease}.dropdown-menu-item.selected .check-icon{opacity:1}.logo-dropdown-item.node-label-option.selected{background:var(--color-primary-light)}.dropdown-menu-item span{color:var(--color-text-dark);font-size:var(--dropdown-font-size)}.dropdown-menu-item svg{width:18px;height:18px;stroke:var(--dropdown-icon-color);transition:stroke .15s;flex-shrink:0;pointer-events:none}.dropdown-menu-item span{flex:1;text-align:left;font-weight:400;pointer-events:none}.dropdown-menu-item:hover{background:var(--backdrop-tint)}.dropdown-menu-item:hover svg{stroke:var(--color-text-dark)}.dropdown-menu-item:active{background:var(--backdrop-dim);transform:scale(.98)}.soon-badge{font-size:.6em;color:var(--color-primary);font-weight:600;margin-left:4px;text-transform:lowercase}.dropdown-menu-item.disabled-item{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-menu-item.disabled-item:hover{background:transparent;color:var(--color-text-dark)}.logo-menu-container{position:fixed;top:20px;left:20px;z-index:1100;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:var(--shadow-sm);transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.logo-menu-container:hover{box-shadow:var(--shadow-hover)}.logo-dropdown-container>.logo-menu-btn{display:none}.logo-menu-btn{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 14px;background:transparent;border:none;font:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:12px}.logo-menu-btn:hover{background:var(--backdrop-faint)}.logo-menu-btn:active{transform:scale(.98)}.logo-dropdown{position:fixed;min-width:240px;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--dropdown-menu-radius);box-shadow:var(--shadow-lg);padding:6px;display:none;opacity:0;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--backdrop-separator);z-index:1200}.logo-menu-btn-extended~.logo-dropdown-container .logo-dropdown{top:88px;left:20px}.logo-menu-container~.logo-dropdown-container .logo-dropdown{top:88px;left:20px}.logo-dropdown.active{display:block;opacity:1;transform:translateY(0)}.logo-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:var(--dropdown-item-padding);border:none;background:transparent;border-radius:var(--dropdown-item-radius);cursor:pointer;transition:all .15s ease;font-size:var(--dropdown-font-size);color:var(--color-text-primary);text-align:left}.logo-dropdown-item:hover{background:var(--backdrop-tint)}.logo-dropdown-item svg{flex-shrink:0;opacity:.6}.logo-dropdown-item:hover svg{opacity:1}.logo-dropdown-item span{flex:1}.logo-dropdown-item .logo-dropdown-icon-slot{width:18px;height:18px;min-width:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center}.logo-dropdown-item-submenu{position:relative}.submenu-arrow{position:absolute;right:10px;color:var(--dropdown-icon-color);transition:all .15s ease}.logo-dropdown-item-submenu:hover .submenu-arrow{color:var(--color-text-dark);transform:translate(2px)}.logo-dropdown-divider{height:1px;background:var(--backdrop-dim);margin:6px 0}.logo-dropdown-section-title{font-size:var(--dropdown-section-font-size);font-weight:600;color:var(--dropdown-icon-color);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 4px}.logo-dropdown .dropdown-section+.dropdown-section{border-top:1px solid var(--backdrop-separator);margin-top:4px;padding-top:4px}.logo-dropdown-item-auth-required{position:relative}.editor-only-item{display:none!important}.projects-only-icon{visibility:hidden}body.dark-theme .logo-menu-btn-extended{background:color-mix(in srgb,var(--dark-bg-surface) 88%,transparent);border:1px solid var(--backdrop-separator);box-shadow:var(--shadow-md)}body.dark-theme .logo-menu-btn-extended:hover{box-shadow:var(--shadow-hover)}body.dark-theme .logo-menu-btn-part:hover{background:color-mix(in srgb,var(--dark-accent) 12%,transparent)}body.dark-theme .logo-text,body.dark-theme .project-title-input{color:var(--color-text-primary)}body.dark-theme .project-title-input:focus{color:var(--color-primary);background:color-mix(in srgb,var(--dark-accent) 14%,transparent)}body.dark-theme .vertical-divider{background:linear-gradient(to bottom,var(--dark-divider-glow) 0%,var(--dark-divider-solid) 20%,var(--dark-divider-solid) 80%,var(--dark-divider-glow) 100%)}body.dark-theme .main-dropdown,body.dark-theme .dropdown-submenu,body.dark-theme .logo-dropdown{background:color-mix(in srgb,var(--dark-bg-surface) 94%,transparent);border-color:var(--backdrop-separator);box-shadow:var(--shadow-lg)}body.dark-theme .dropdown-section+.dropdown-section,body.dark-theme .dropdown-divider,body.dark-theme .logo-dropdown-divider,body.dark-theme .logo-dropdown .dropdown-section+.dropdown-section{border-color:var(--backdrop-separator);background:var(--backdrop-separator)}body.dark-theme .dropdown-section-title,body.dark-theme .logo-dropdown-section-title{color:var(--color-text-tertiary)}body.dark-theme .dropdown-menu-item,body.dark-theme .logo-dropdown-item{color:var(--color-text-primary)}body.dark-theme .dropdown-menu-item span,body.dark-theme .logo-dropdown-item span{color:inherit}body.dark-theme .dropdown-menu-item:hover,body.dark-theme .logo-dropdown-item:hover{background:color-mix(in srgb,var(--dark-accent) 12%,transparent)}body.dark-theme .dropdown-menu-item.selected,body.dark-theme .logo-dropdown-item.node-label-option.selected{background:color-mix(in srgb,var(--dark-accent) 16%,transparent)}body.dark-theme .dropdown-menu-item svg,body.dark-theme .logo-dropdown-item svg,body.dark-theme .submenu-arrow{stroke:var(--color-text-tertiary);color:var(--color-text-tertiary)}body.dark-theme .dropdown-menu-item:hover svg,body.dark-theme .logo-dropdown-item:hover svg,body.dark-theme .dropdown-menu-item-submenu:hover .submenu-arrow,body.dark-theme .logo-dropdown-item-submenu:hover .submenu-arrow{stroke:var(--color-text-primary);color:var(--color-text-primary)}.share-btn-circle{width:44px;height:44px;border-radius:50%;background:var(--color-glass);border:1px solid var(--backdrop-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0;box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.share-btn-circle:hover{background:var(--color-bg);box-shadow:0 4px 12px var(--backdrop-medium);transform:translateY(-1px);border-color:var(--backdrop-medium);color:var(--color-primary)}.share-btn-circle:active{transform:translateY(0);box-shadow:0 2px 6px var(--backdrop-light)}.share-btn-icon{width:18px;height:18px;display:block;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='18'%20cy='5'%20r='2.5'/%3e%3ccircle%20cx='6'%20cy='12'%20r='2.5'/%3e%3ccircle%20cx='18'%20cy='19'%20r='2.5'/%3e%3cpath%20d='M8.24%2010.89%2015.76%206.11'/%3e%3cpath%20d='m8.24%2013.11%207.52%204.78'/%3e%3c/svg%3e") no-repeat center / contain;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='18'%20cy='5'%20r='2.5'/%3e%3ccircle%20cx='6'%20cy='12'%20r='2.5'/%3e%3ccircle%20cx='18'%20cy='19'%20r='2.5'/%3e%3cpath%20d='M8.24%2010.89%2015.76%206.11'/%3e%3cpath%20d='m8.24%2013.11%207.52%204.78'/%3e%3c/svg%3e") no-repeat center / contain}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:auto;align-items:center;justify-content:center}.modal.active,.modal[style*="display: block"]{display:flex!important;align-items:center;justify-content:center}.modal.modal-transparent-overlay{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-content{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;max-width:600px;width:90%;padding:48px 40px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px var(--backdrop-strong);position:relative;animation:modalSlideIn .3s ease;border:1px solid var(--color-glass-light)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.share-section{margin-bottom:32px;padding:24px;background:var(--backdrop-subtle);border-radius:12px;border:1px solid var(--backdrop-separator)}.share-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--color-text-primary)}.share-link-container{display:flex;gap:8px;margin-bottom:12px}.share-link-input{flex:1;padding:12px 16px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:14px;background:var(--color-bg);font-family:Courier New,monospace}.share-link-input:focus{outline:none;border-color:var(--color-primary)}.copy-link-btn{padding:12px 24px;background:var(--color-primary);color:var(--color-text-on-color);border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.copy-link-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.copy-link-btn.copied{background:var(--color-success)}.public-toggle-container{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-glass-light);border-radius:8px}.public-toggle-container label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.public-toggle-container input[type=checkbox]{width:18px;height:18px;cursor:pointer}.invite-form{display:flex;flex-direction:column;gap:12px}.invite-inputs{display:flex;gap:8px}.invite-input-wrapper{position:relative;flex:1}.invite-email-input{width:100%;padding:12px 16px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:14px}.username-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--backdrop-light);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px var(--backdrop-light);max-height:200px;overflow-y:auto;z-index:1000;margin-top:-1px}.username-suggestion{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .15s;border-bottom:1px solid var(--color-bg-hover)}.username-suggestion:last-child{border-bottom:none}.username-suggestion:hover{background:var(--color-bg-secondary)}.username-suggestion.selected{background:var(--color-bg-primary-light)}.username-suggestion-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--color-text-on-color);flex-shrink:0}.username-suggestion-info{flex:1;min-width:0}.username-suggestion-username{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.username-suggestion-email{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.username-suggestion-empty{padding:16px;text-align:center;color:var(--color-text-tertiary);font-size:.9rem}.invite-role-select{padding:12px 16px;border:1px solid var(--color-border-medium);border-radius:8px;font-size:14px;cursor:pointer;background:var(--color-bg)}.invite-btn{padding:12px 24px;background:var(--color-primary);color:var(--color-text-on-color);border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.invite-btn:hover{background:var(--color-primary-hover)}.invite-btn:disabled{background:var(--color-bg-disabled);cursor:not-allowed}.members-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border-light)}.member-info{display:flex;align-items:center;gap:12px;flex:1}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;color:var(--color-text-on-color);font-weight:600;font-size:16px}.member-details{flex:1}.member-email{font-size:14px;font-weight:500;color:var(--color-text-primary)}.member-role{font-size:12px;color:var(--color-text-secondary);text-transform:capitalize}.member-actions{display:flex;gap:8px}.remove-member-btn{padding:6px 12px;background:var(--color-error);color:var(--color-text-on-color);border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.remove-member-btn:hover{background:var(--color-error-hover)}.share-info{padding:12px;background:var(--color-primary-light);border-left:3px solid var(--color-primary);border-radius:4px;font-size:13px;color:var(--color-text-secondary);margin-top:12px}.share-info-icon{display:inline-block;margin-right:8px;font-weight:600;color:var(--color-primary)}.empty-members{padding:24px;text-align:center;color:var(--color-text-tertiary);font-size:14px}.share-modal-container{max-width:560px;width:min(92vw,560px);padding:0;position:relative}.share-modal-container .modal-content{padding:32px;border-radius:18px;border:1px solid var(--backdrop-separator);background:var(--color-bg);box-shadow:var(--shadow-xl);max-height:85vh;overflow-y:auto;position:relative}.share-modal-container .modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;padding:0;border:1px solid var(--backdrop-separator);background:transparent;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:var(--color-text-secondary)}.share-modal-container .modal-close:hover{background:var(--color-bg-secondary);border-color:var(--backdrop-dim)}.share-modal-container .modal-close svg{width:18px;height:18px;stroke:currentColor}.share-modal-container .share-modal-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--backdrop-separator)}.share-icon{display:none}.share-modal-container .share-modal-header h2{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--color-text-dark)}.share-modal-container .share-subtitle{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.share-modal-container .share-section{margin-bottom:18px;padding:0 0 18px;border-bottom:1px solid var(--backdrop-separator)}.share-modal-container .share-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.share-modal-container .share-section-label{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;display:block;letter-spacing:.01em}.share-modal-container .share-link-group{display:flex;flex-direction:column;gap:10px}.share-modal-container .share-link-wrapper{display:flex;gap:8px;align-items:stretch}.share-modal-container .share-link-wrapper .share-link-input{flex:1;min-height:42px;padding:10px 12px;border:1px solid var(--color-border-medium);border-radius:10px;font-size:13px;background:transparent;color:var(--color-text-dark);font-family:SF Mono,Monaco,monospace;transition:all .2s ease}.share-modal-container .share-link-wrapper .share-link-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-secondary)}.share-modal-container .copy-link-btn{width:42px;height:42px;padding:0;border:1px solid var(--color-border-medium);border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.share-modal-container .copy-link-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary-border)}.share-modal-container .copy-link-btn:hover:not(:disabled) svg{stroke:var(--color-primary)}.share-modal-container .copy-link-btn.copied{background:var(--color-primary-light);border-color:var(--color-primary-border)}.share-modal-container .copy-link-btn.copied svg{stroke:var(--color-primary)}.share-modal-container .copy-link-btn:disabled{opacity:.4;cursor:not-allowed}.share-modal-container .copy-link-btn svg{stroke:var(--color-text-secondary);width:16px;height:16px;transition:stroke .2s ease}.share-modal-container .generate-link-btn{min-height:42px;padding:0 16px;background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.share-modal-container .generate-link-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-border);color:var(--color-primary)}.share-modal-container .generate-link-btn:disabled{opacity:.45;cursor:not-allowed}.share-modal-container .generate-link-btn svg{stroke:currentColor;width:16px;height:16px}.share-modal-container .share-toggle{display:flex;align-items:flex-start;gap:12px;margin-top:6px;cursor:pointer;padding:0;border-radius:0;transition:color .2s ease}.share-modal-container .share-toggle:hover{background:transparent}.share-modal-container .share-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);margin-top:1px}.share-modal-container .share-toggle .toggle-text{font-size:13px;color:var(--color-text-primary);line-height:1.5}.share-modal-container #shareStatusText{margin-top:10px}.share-modal-container .share-section .generate-link-btn+.share-info{margin-top:12px}.share-modal-container .share-info{padding:0;background:transparent;border-left:none;border-radius:0;font-size:12px;color:var(--color-text-tertiary);margin-top:12px;line-height:1.5}.share-modal-container .share-info-icon{display:inline;margin-right:6px;font-weight:600;color:var(--color-text-secondary)}.share-divider{height:1px;background:var(--color-border-card);margin:20px 0}.invite-input-group{display:flex;gap:10px;align-items:stretch}.invite-email-input{flex:1;padding:9px 12px;border:1px solid var(--color-border-medium);border-radius:6px;font-size:13px;background:var(--color-bg);transition:all .2s ease}.invite-email-input:focus{outline:none;border-color:var(--color-primary)}.invite-role-select{padding:9px 12px;border:1px solid var(--color-border-medium);border-radius:6px;font-size:13px;background:var(--color-bg);cursor:pointer;min-width:110px;transition:all .2s ease}.invite-role-select:focus{outline:none;border-color:var(--color-primary)}.invite-submit-btn{padding:9px 18px;background:var(--color-primary);color:var(--color-text-on-color);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.invite-submit-btn:hover{background:var(--color-primary-hover)}.invite-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-members{padding:32px;text-align:center;color:var(--color-text-tertiary);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner{width:24px;height:24px;border:3px solid var(--backdrop-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.members-list{max-height:none;overflow-y:visible}.members-list:empty:before{content:"No members yet";display:block;padding:32px;text-align:center;color:var(--color-text-tertiary);font-size:14px}.member-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;transition:background .2s ease;border:1px solid var(--color-bg-hover);margin-bottom:8px}.member-item:last-child{margin-bottom:0}.member-item:hover{background:var(--color-bg-secondary);border-color:var(--color-border-card)}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--color-text-on-color);flex-shrink:0;background:var(--color-primary)}.member-info{flex:1;min-width:0}.member-name{font-size:13px;font-weight:500;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role-select{padding:6px 10px;border:1px solid var(--color-border-medium);border-radius:4px;font-size:12px;background:var(--color-bg);cursor:pointer;transition:all .2s ease}.member-role-select:focus{outline:none;border-color:var(--color-primary)}.member-role-select:disabled{opacity:.4;cursor:not-allowed}.member-item .remove-member-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.member-item .remove-member-btn:hover{background:var(--color-bg-error-light);border-color:var(--color-error)}.member-item .remove-member-btn svg{stroke:var(--color-error);width:16px;height:16px}@media(max-width:768px){.share-modal-container{width:95%;max-width:95%;max-height:95vh}.share-modal-container .modal-content{padding:24px 20px 20px}.invite-input-group{flex-direction:column}.invite-role-select,.invite-submit-btn{width:100%}.share-btn-circle{width:40px;height:40px;margin-right:0}}.close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;color:var(--color-text-tertiary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content h2{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.modal-content h3{margin-top:1.5rem;margin-bottom:1rem;color:var(--color-text-primary);font-size:1.1rem}.modal-small{max-width:480px;padding:48px 40px}.modal-small h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.article-modal-content{max-width:700px;padding:24px 20px 18px}.article-modal-content.is-import-mode{max-width:640px;padding:12px;border:1px solid var(--modal-import-border);border-radius:28px;background:var(--modal-import-bg);box-shadow:var(--modal-import-shadow);-webkit-backdrop-filter:var(--modal-import-backdrop);backdrop-filter:var(--modal-import-backdrop)}.article-modal-content.is-import-mode .article-form-actions{display:none}.article-modal-content.is-import-mode .article-modal-header{display:block;width:100%;max-width:none;margin:0 auto 8px;padding-left:6px;text-align:left}.article-modal-content.is-import-mode .article-modal-kicker{display:none}.article-modal-content.is-import-mode #articleForm{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0}.article-modal-header{margin-bottom:10px}.article-modal-kicker{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary)}.article-modal-header h2{margin:0}.article-modal-subtitle{margin:0;max-width:460px;color:var(--color-text-secondary);line-height:1.45;font-size:.92rem}.form-group{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}.form-group input[type=text],.form-group input[type=url],.form-group textarea,.form-group select{width:100%;padding:.82rem .95rem;border:1px solid var(--modal-form-field-border);border-radius:14px;font-size:.95rem;font-family:inherit;background:var(--modal-form-field-bg);-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .2s ease}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-border);background:var(--modal-form-field-bg-focus);box-shadow:var(--focus-ring)}.form-group textarea{resize:vertical}.custom-field{display:flex;gap:.5rem;margin-bottom:.5rem}.custom-field input{flex:1}.custom-field button{padding:.3rem .8rem;background-color:var(--color-error);color:var(--color-text-on-color);border:none;border-radius:4px;cursor:pointer}.custom-field button:hover{background-color:var(--color-error-hover)}.form-actions{display:flex;gap:.75rem;margin-top:2rem;flex-wrap:wrap;justify-content:flex-end}.form-actions .btn-danger{margin-right:auto}.article-form-actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--modal-section-border)}.manual-form.collapsed+.article-form-actions{display:none}.import-zone{display:grid;gap:6px;margin-bottom:12px}.article-modal-content.is-import-mode .import-zone{width:100%;max-width:none;margin:0 auto}.drop-zone{border:2px dashed var(--color-info-border);border-radius:16px;padding:40px 20px;text-align:center;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;cursor:pointer}.drop-zone-floating{padding:0;border:none;background:transparent;box-shadow:none}.drop-zone:hover{background:transparent;border-color:transparent}.drop-zone.drag-over{background:var(--color-success-bg-translucent);border-color:var(--color-success-accent);border-style:solid}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.drop-zone-content--floating{align-items:stretch;gap:6px}.drop-icon{font-size:3rem}.drop-text{font-size:1.1rem;color:var(--color-text-primary);margin:0;font-weight:500}.drop-or{color:var(--color-text-meta);margin:5px 0;font-size:.9rem}.prompt-surface{display:flex;flex-direction:column;gap:5px;padding:10px 12px 6px;border-radius:20px;background:var(--modal-prompt-bg);box-shadow:var(--modal-prompt-shadow);border:1px solid var(--modal-prompt-border)}.prompt-surface:focus-within{border-color:var(--modal-prompt-focus-border);box-shadow:var(--focus-ring),var(--modal-prompt-focus-shadow)}.prompt-surface[data-status=success]{padding:0;gap:0;overflow:hidden;border-color:var(--modal-success-surface-border);background:var(--modal-success-surface-bg);box-shadow:var(--modal-success-surface-shadow)}.prompt-surface[data-status=success] .quick-import-entry{display:none}.prompt-surface[data-status=success] .quick-import-tools{margin-top:0;padding:8px 12px;align-items:center}#quickImport{width:100%;max-width:none;min-height:76px;max-height:180px;padding:2px 0;border:none;border-radius:0;font-size:1rem;text-align:left;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .2s ease;resize:none;overflow-y:auto;line-height:1.55;color:var(--color-text-primary);caret-color:var(--color-primary)}#quickImport:focus{outline:none;box-shadow:none}#quickImport::placeholder{color:var(--color-text-tertiary)}.quick-import-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;margin-top:0}.quick-import-entry{display:flex;align-items:flex-start;cursor:text;min-height:80px}.quick-import-shortcuts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.prompt-action-btn{width:40px;height:40px;flex-shrink:0;border:none;border-radius:50%;background:var(--color-primary);color:var(--color-text-on-color);box-shadow:0 4px 12px var(--backdrop-deeper);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s,background .2s;margin-left:auto}.prompt-action-btn:hover{transform:scale(1.04);box-shadow:0 6px 14px var(--backdrop-darker);background:var(--color-primary-hover)}.prompt-action-btn.is-ready{background:var(--color-success)}.prompt-action-btn.is-ready:hover{background:var(--color-success-hover)}.prompt-action-btn svg{stroke:currentColor}.manual-toggle-inline{margin:0;text-align:left}.prompt-chip-btn{min-height:30px;padding:0 10px;border:1px solid var(--modal-prompt-chip-border);border-radius:999px;background:var(--modal-prompt-chip-bg);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s,color .2s}.prompt-chip-btn:hover{background:var(--color-bg-primary-hover);border-color:var(--modal-prompt-chip-hover-border);color:var(--color-text-primary);transform:translateY(-1px)}.prompt-chip-btn svg{stroke:currentColor}#toggleManualBtn.is-active,.prompt-chip-btn.is-active{background:var(--color-primary);color:var(--color-text-on-color);border-color:var(--modal-prompt-chip-active-border);box-shadow:var(--modal-prompt-chip-active-shadow)}.manual-toggle{margin:20px 0;text-align:center}.toggle-manual-btn{background:transparent;border:none;color:var(--color-info-alt);cursor:pointer;font-size:1rem;padding:10px 20px;border-radius:6px;transition:all .2s}.toggle-manual-btn:hover{background:var(--color-info-bg)}.manual-form{max-height:2000px;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:1;padding:20px;border:1px solid var(--modal-section-border);border-radius:20px;background:var(--modal-manual-bg);box-shadow:inset 0 1px 0 var(--modal-manual-highlight)}.manual-form.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-width:0}.import-status{margin-top:0;min-height:0;padding:10px 12px;border-radius:14px;font-size:.8rem;display:none;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;justify-self:start;background:var(--modal-status-bg);border:1px solid var(--modal-status-border);line-height:1.4;font-weight:600}.import-status.show{display:block}.import-status.loading{color:var(--color-warning-text);background:var(--modal-status-loading-bg);border-color:var(--color-warning-border-translucent)}.import-status.success{color:var(--modal-status-success-text);background:var(--modal-status-success-bg);border-color:var(--color-success-border-translucent)}.import-status.error{color:var(--color-error-text);background:var(--modal-status-error-bg);border-color:var(--color-error-border-translucent)}.import-status.info{color:var(--color-text-secondary)}.prompt-surface[data-status=success] .import-status{display:flex;flex-direction:column;gap:8px;min-height:120px;margin:0;padding:24px 22px;border:none;border-radius:20px 20px 0 0;align-items:center;justify-content:center;text-align:center;font-size:.94rem;line-height:1.45;color:var(--modal-success-message-color);background:transparent}.import-status-title{font-size:1rem;font-weight:700;line-height:1.3;letter-spacing:-.02em}.import-status-subtitle{font-size:.86rem;font-weight:600;line-height:1.45;opacity:.9}.prompt-surface[data-status=success] .prompt-chip-btn{background:var(--modal-success-chip-bg);border-color:var(--modal-success-chip-border);color:var(--modal-success-chip-text)}.prompt-surface[data-status=success] .prompt-chip-btn:hover{background:var(--modal-success-chip-hover-bg);color:var(--modal-success-chip-text)}.prompt-surface[data-status=success] .prompt-action-btn{background:var(--color-success);box-shadow:var(--modal-success-button-shadow)}.multi-tag-modal{z-index:10001}.multi-tag-modal-content{width:max-content;min-width:0;max-width:calc(100vw - 32px);padding:20px;border:2px solid var(--tag-modal-outline);border-radius:12px;background:var(--tag-modal-bg);box-shadow:var(--tag-modal-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.multi-tag-modal-header{margin-bottom:15px}.multi-tag-modal-kicker{margin:0 0 6px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary)}.multi-tag-modal-header h2{margin:0;color:var(--color-text-primary);font-size:1.1rem;line-height:1.2;font-weight:700;letter-spacing:normal}.multi-tag-modal-meta{margin:0 0 15px;color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.multi-tag-field{margin-bottom:15px;width:max-content}.multi-tag-input{width:100%;min-width:260px;padding:10px;border:2px solid var(--tag-custom-input-border);border-radius:8px;font-size:.95rem;line-height:1.4;color:var(--color-text-primary);background:var(--tag-custom-input-bg);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.multi-tag-input:focus{outline:none;border-color:var(--color-primary-border);box-shadow:var(--focus-ring)}.multi-tag-input::placeholder{color:var(--color-text-tertiary)}.multi-tag-color-label{display:block;margin-bottom:8px;color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.multi-tag-warning{display:none;margin-top:8px;font-size:.82rem;line-height:1.45;color:var(--color-error-text);font-weight:600}.multi-tag-warning.show{display:block}.multi-tag-color-grid{display:grid;grid-template-columns:repeat(8,28px);gap:6px;width:max-content;justify-content:start}.multi-tag-color-option{width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:6px;background:var(--zone-color, var(--tag-option-bg));cursor:pointer;box-shadow:var(--tag-option-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.multi-tag-color-option:hover{transform:translateY(-1px);box-shadow:var(--tag-option-hover-shadow)}.multi-tag-color-option.is-selected{border-color:var(--tag-option-selected-border);box-shadow:var(--tag-option-selected-shadow)}.multi-tag-color-option--picker{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-on-color)}.multi-tag-color-option--picker svg{stroke:currentColor}.multi-tag-custom-picker{display:none;margin-top:12px;padding:12px;border:1px solid var(--tag-custom-picker-border);border-radius:8px;background:var(--tag-custom-picker-bg)}.multi-tag-custom-picker.show{display:block}.multi-tag-custom-picker-row{display:flex;align-items:center;gap:8px}.multi-tag-custom-picker input[type=color]{width:48px;height:48px;padding:0;border:1px solid var(--tag-custom-input-border);border-radius:4px;background:transparent;cursor:pointer}.multi-tag-custom-picker input[type=text]{flex:1;min-width:0;padding:8px;border:1px solid var(--tag-custom-input-border);border-radius:4px;font-size:.9rem;font-family:monospace;background:var(--tag-custom-input-bg);color:var(--color-text-primary);transition:all .2s ease}.multi-tag-custom-picker input[type=text]:focus{outline:none;border-color:var(--color-primary-border);box-shadow:var(--focus-ring)}.multi-tag-modal-actions{display:flex;gap:10px;margin-top:0}.multi-tag-modal-actions .btn-primary,.multi-tag-modal-actions .btn-secondary{flex:1}.multi-tag-modal-actions .btn-primary{background:var(--cta-primary-bg);border-color:var(--cta-primary-border);box-shadow:var(--cta-primary-shadow)}.multi-tag-modal-actions .btn-primary:hover{background:var(--cta-primary-hover-bg);box-shadow:var(--cta-primary-hover-shadow)}@media(max-width:768px){.article-modal-content{width:calc(100% - 24px);padding:22px 16px 18px}.article-modal-content.is-import-mode{width:min(100%,calc(100% - 24px));padding:12px}.prompt-surface{border-radius:18px}.quick-import-entry,.modal-actions,.article-form-actions{flex-direction:column;align-items:stretch}.quick-import-tools{align-items:center;flex-wrap:wrap}.quick-import-shortcuts{width:100%}.prompt-action-btn{margin-left:auto}.prompt-surface[data-status=success] .import-status{min-height:112px;border-radius:18px 18px 0 0;padding:20px 18px}.multi-tag-modal-content{width:min(100% - 24px,340px);min-width:0;padding:22px 18px 18px}.multi-tag-color-grid{grid-template-columns:repeat(6,28px)}.multi-tag-modal-actions{flex-direction:column}.article-form-actions .btn-danger{margin-right:0}.manual-form{padding:16px}}.zone-color-modal{background:var(--color-bg);border:2px solid var(--color-primary)}.zone-color-label{color:var(--color-text-secondary)}.zone-custom-picker{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.zone-color-hex-input{background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.zone-color-btn-cancel{background:var(--color-border);color:var(--color-text-primary)}.zone-color-btn-cancel:hover{background:var(--color-border-soft)}.zone-color-btn-apply{background:var(--color-primary);color:var(--color-text-on-color)}.zone-color-btn-apply:hover{background:var(--color-primary-hover)}.share-description{background:var(--color-bg-secondary);padding:12px 16px;border-radius:8px;margin-bottom:20px}.share-description p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.share-form{display:flex;flex-direction:column;gap:16px}.share-results{background:var(--color-bg-secondary);padding:12px;border-radius:8px;margin-top:12px}.share-result-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border)}.share-result-item:last-child{border-bottom:none}.share-result-success{color:#2ecc71}.share-result-error{color:var(--color-error)}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--color-bg-secondary);border-radius:8px}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--color-text-on-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.member-details{display:flex;flex-direction:column}.member-name{font-weight:600;color:var(--color-text-primary)}.member-email{font-size:.85rem;color:var(--color-text-secondary)}.member-actions{display:flex;align-items:center;gap:8px}.member-role{padding:4px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;color:var(--color-text-secondary)}.member-remove-btn{padding:6px 12px;background:transparent;border:1px solid var(--color-error);color:var(--color-error);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.member-remove-btn:hover{background:var(--color-error);color:var(--color-text-on-color)}.preferences-modal{max-width:980px;width:min(980px,calc(100% - 28px));height:min(760px,calc(100vh - 32px));padding:12px;overflow:hidden;border-radius:30px;background:var(--preferences-modal-bg);border:1px solid var(--preferences-modal-border);box-shadow:var(--preferences-modal-shadow);-webkit-backdrop-filter:var(--preferences-modal-backdrop);backdrop-filter:var(--preferences-modal-backdrop)}#preferencesModal.modal{z-index:10040}.preferences-shell{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;position:relative}.preferences-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:8px 64px 0 8px;flex:0 0 auto}.preferences-modal-heading{min-width:0}.preferences-modal-kicker{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary)}.preferences-modal-heading h2{margin:0;font-size:2rem;line-height:1.05;color:var(--color-text-primary)}.preferences-modal-subtitle{margin:8px 0 0;max-width:520px;color:var(--color-text-secondary);line-height:1.5;font-size:.95rem}.preferences-container{display:grid;grid-template-columns:minmax(200px,220px) minmax(0,1fr);gap:12px;min-height:0;height:100%;flex:1 1 auto}.preferences-sidebar{background:var(--preferences-sidebar-bg);border:1px solid var(--preferences-modal-border);border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px 0 var(--preferences-sidebar-highlight);min-height:0;overflow:auto}.preferences-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:18px;font-size:.95rem;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;text-align:left;font-weight:600}.preferences-tab:hover{background:var(--preferences-tab-hover-bg);border-color:var(--preferences-tab-hover-border);color:var(--color-text-primary);transform:translateY(-1px)}.preferences-tab.active{background:var(--preferences-tab-active-bg);color:var(--color-primary);border-color:var(--preferences-tab-active-border);box-shadow:var(--preferences-tab-active-shadow)}.preferences-tab svg{flex-shrink:0}.preferences-content{padding:24px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--preferences-modal-border);border-radius:24px;background:var(--preferences-panel-bg);box-shadow:inset 0 1px 0 var(--preferences-panel-highlight);min-height:0;height:100%}.preferences-panel{display:none}.preferences-panel.active{display:block}.preferences-panel h2{margin:0 0 24px;font-size:1.75rem;color:var(--color-text-primary);font-weight:700;letter-spacing:-.03em}.preferences-panel h3{margin:0 0 12px;font-size:1.1rem;color:var(--color-text-primary);font-weight:600}.preferences-section{margin-bottom:16px;padding:20px;background:var(--preferences-section-bg);border:1px solid var(--preferences-section-border);border-radius:22px;box-shadow:var(--preferences-section-shadow)}.preferences-section label{display:block;margin-bottom:12px;font-weight:700;color:var(--color-text-primary);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.preferences-input{width:100%;min-height:48px;padding:0 4px;border:none;border-radius:0;font-size:.95rem;background:transparent;transition:all .2s;color:var(--color-text-primary)}.preferences-input:focus{outline:none;box-shadow:none}.preferences-input:readonly{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text-primary);cursor:default;padding:0!important;font-weight:600;font-size:1rem}.preferences-display-value{font-size:1rem;font-weight:600;color:var(--color-text-primary);min-height:52px;padding:14px 18px;border-radius:18px;background:var(--preferences-display-bg);border:1px solid var(--preferences-section-border)}.preferences-input-group{display:flex;align-items:stretch;gap:10px}.preferences-input-shell{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:18px;border:1px solid var(--preferences-input-shell-border);background:var(--preferences-input-shell-bg);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.preferences-input-shell:focus-within{border-color:var(--preferences-input-shell-focus-border);box-shadow:var(--focus-ring);background:var(--preferences-input-shell-focus-bg)}.preferences-input-group .preferences-input,.preferences-input-shell .preferences-input{flex:1}.preferences-input-prefix{font-size:1rem;color:var(--color-text-muted);font-weight:500}.preferences-hint{display:block;margin-top:10px;color:var(--color-text-muted);font-size:.85rem;line-height:1.45}.btn-small{padding:8px 16px;font-size:.9rem;white-space:nowrap}.preferences-action-btn{align-self:stretch}.preferences-body-copy{margin:0 0 18px;color:var(--color-text-secondary);line-height:1.6}.connected-accounts{display:flex;flex-direction:column;gap:12px}.connected-account{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--preferences-connected-bg);border:1px solid var(--preferences-connected-border);border-radius:18px}.connected-account svg{flex-shrink:0}.connected-account-info{flex:1}.connected-account-name{font-weight:600;color:var(--color-text-primary);font-size:.95rem}.connected-account-email{font-size:.85rem;color:var(--color-text-muted);margin-top:2px}.danger-zone{border:1px solid var(--preferences-danger-border);border-radius:22px;padding:20px;background:var(--preferences-danger-bg)}.danger-zone h3{color:var(--color-error);margin-bottom:12px}.danger-zone p{color:var(--color-text-muted);margin-bottom:20px;line-height:1.6}.construction{text-align:center;padding:60px 40px}.construction svg{color:var(--color-text-faded);margin-bottom:24px}.construction h3{color:var(--color-text-body);margin-bottom:12px}.construction p{color:var(--color-text-muted);font-size:.95rem}.preferences-modal .close-modal{position:absolute;top:8px;right:8px;flex:0 0 auto;width:44px;height:44px;border-radius:999px;border:1px solid var(--preferences-close-border);background:var(--preferences-close-bg);color:var(--color-text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--preferences-close-shadow);z-index:2}.preferences-modal .close-modal:hover{background:var(--preferences-close-hover-bg);border-color:var(--preferences-close-hover-border);color:var(--color-text-primary);transform:translateY(-1px)}.share-settings-frame{width:min(760px,calc(100% - 28px))}.share-settings-modal{max-width:760px;width:min(760px,calc(100% - 28px));height:auto;min-height:0}.share-settings-shell{gap:14px}.share-settings-header{padding-right:72px}.share-settings-close-btn svg{stroke:currentColor}.share-settings-stack{display:flex;flex-direction:column;gap:0}.share-settings-section{margin-bottom:0}.share-settings-section--single{display:flex;flex-direction:column;gap:14px}.share-settings-section--expanded{gap:18px}.share-settings-toggle-row{display:flex;align-items:flex-start;gap:16px;min-width:0}.share-settings-toggle-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.share-settings-toggle-title{color:var(--color-text-primary);font-size:.98rem;font-weight:600;line-height:1.3}.share-settings-status{margin-top:0}.share-settings-actions{display:flex;flex-direction:column;gap:14px;max-height:180px;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height .24s ease,opacity .2s ease,transform .2s ease}.share-settings-actions.is-hidden{max-height:0;opacity:0;pointer-events:none;transform:translateY(-6px)}.share-settings-link-row{align-items:stretch;flex-wrap:nowrap}.share-settings-link-shell{min-width:0;flex:1 1 auto}.share-settings-link-input{min-height:48px;font-family:SF Mono,Monaco,monospace;font-size:.9rem;font-weight:500}.share-settings-link-input::placeholder{color:var(--color-text-muted);font-weight:400}.share-settings-copy-btn{align-self:stretch;white-space:nowrap;min-width:120px}.share-settings-regenerate-btn{align-self:stretch;white-space:nowrap;min-width:116px}.preferences-toggle-container{display:flex;align-items:center;gap:16px;min-height:54px;padding:12px 16px;border-radius:18px;background:var(--preferences-toggle-bg);border:1px solid var(--preferences-toggle-border)}.preferences-toggle{position:relative;display:inline-block;width:50px;height:26px}.preferences-toggle input{opacity:0;width:0;height:0}.preferences-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-disabled);transition:.3s;border-radius:26px}.preferences-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:var(--color-text-on-color);transition:.3s;border-radius:50%}.preferences-toggle input:checked+.preferences-toggle-slider{background-color:var(--color-primary)}.preferences-toggle input:checked+.preferences-toggle-slider:before{transform:translate(24px)}.preferences-toggle-label{font-size:.95rem;color:var(--color-text-body);font-weight:600}.preferences-warning{color:#c97a17!important;font-weight:500}@media(max-width:768px){.preferences-modal{width:calc(100% - 20px);max-width:none;height:min(760px,calc(100vh - 20px));padding:10px}.preferences-modal-header{padding:6px 56px 0 4px}.preferences-modal-heading h2{font-size:1.72rem}.preferences-container{grid-template-columns:1fr;min-height:auto;height:100%}.preferences-sidebar{width:100%;border-right:none;flex-direction:row;overflow-x:auto;padding:12px;gap:8px}.preferences-tab{padding:10px 16px;white-space:nowrap}.preferences-tab.active{border-bottom-color:transparent}.preferences-content{padding:24px}.preferences-input-group{flex-direction:column}.preferences-action-btn{width:100%}.preferences-panel h2{font-size:1.5rem;margin-bottom:24px}.share-settings-modal{height:auto}.share-settings-header{padding-right:56px}.share-settings-copy-btn,.share-settings-regenerate-btn{width:100%}.share-settings-toggle-row{gap:14px}.share-settings-link-row{flex-wrap:wrap}}.app-footer{position:fixed;bottom:0;right:0;height:40px;display:flex;justify-content:flex-end;align-items:center;padding:0 24px 0 0;background:transparent;z-index:850;font-size:.85rem;color:var(--color-text-secondary);pointer-events:none}.footer-date{color:var(--color-text-tertiary);font-size:.8rem}.footer-right{display:flex;align-items:center;gap:10px;pointer-events:auto;background:var(--color-glass);padding:8px 14px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.footer-github{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--color-text-primary);transition:all .2s;text-decoration:none}.footer-github:hover{background:var(--backdrop-soft);color:var(--color-text-primary)}.footer-github svg{transition:transform .2s}.footer-github:hover svg{transform:scale(1.1)}.app-version{padding:4px 12px;background:var(--color-primary-light);color:var(--color-primary);border-radius:12px;font-size:.75rem;font-weight:600}@media(max-width:800px){.app-footer{display:none}}.user-dropdown-container{position:relative}.user-avatar-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);width:44px;height:44px;overflow:hidden}.user-avatar-btn:hover{box-shadow:var(--shadow-hover);transform:scale(1.05)}.user-avatar-btn .pg-avatar{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--color-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--dropdown-menu-radius);box-shadow:var(--shadow-lg);padding:6px;display:none;opacity:0;transform:translateY(-8px);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--backdrop-separator);z-index:1200}.user-dropdown.active{display:block;opacity:1;transform:translateY(0)}.user-dropdown-header{display:flex;gap:12px;padding:12px;align-items:center}.user-dropdown-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{font-weight:600;font-size:var(--dropdown-font-size);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-username{font-weight:400;font-size:.8rem;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-dropdown-email{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-dropdown-provider{font-size:.8rem;color:var(--color-text-tertiary);margin-top:4px}.user-dropdown-divider{height:1px;background:var(--backdrop-dim);margin:6px 0}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:var(--dropdown-item-padding);border:none;background:transparent;border-radius:var(--dropdown-item-radius);cursor:pointer;transition:all .15s ease;font-size:var(--dropdown-font-size);color:var(--color-text-primary);text-align:left}.user-dropdown-item:hover{background:var(--backdrop-tint)}.user-dropdown-item svg{flex-shrink:0;opacity:.6}.user-dropdown-item-danger{color:var(--color-error-alt)}.user-dropdown-item-danger:hover{background:var(--color-error-tint)}.pg-header-buttons{display:flex;gap:12px;align-items:center}.editor-header-actions{position:fixed;top:32px;right:32px;z-index:1100;display:flex;align-items:center;gap:12px}.editor-user-dropdown{position:relative;z-index:1100;display:flex;align-items:center}@media(max-width:800px){.editor-header-actions{top:18px;right:12px}}.pg-floating-action{position:fixed;top:32px;right:120px;z-index:1100}.pg-gallery-auth-actions{position:fixed;top:32px;right:32px;z-index:1100;display:flex;align-items:center;gap:12px}@media(max-width:800px){.pg-gallery-auth-actions{top:18px;right:12px;gap:10px}}body.dark-theme .user-avatar-btn{background:color-mix(in srgb,var(--dark-bg-surface) 90%,transparent);border:1px solid var(--backdrop-separator);box-shadow:var(--shadow-md)}body.dark-theme .user-avatar-btn:hover{background:color-mix(in srgb,var(--dark-bg-surface-hover) 92%,transparent);box-shadow:var(--shadow-hover)}body.dark-theme .user-dropdown{background:color-mix(in srgb,var(--dark-bg-surface) 96%,transparent);border-color:var(--backdrop-separator);box-shadow:var(--shadow-lg)}body.dark-theme .user-dropdown-header{background:color-mix(in srgb,var(--dark-accent) 8%,transparent);border-radius:calc(var(--dropdown-menu-radius) - 4px)}body.dark-theme .user-dropdown-name{color:var(--color-text-primary)}body.dark-theme .user-dropdown-username,body.dark-theme .user-dropdown-email{color:var(--color-text-secondary)}body.dark-theme .user-dropdown-provider{color:var(--color-text-tertiary)}body.dark-theme .user-dropdown-divider{background:var(--backdrop-separator)}body.dark-theme .user-dropdown-item{color:var(--color-text-primary)}body.dark-theme .user-dropdown-item:hover{background:color-mix(in srgb,var(--dark-accent) 12%,transparent)}body.dark-theme .user-dropdown-item svg{opacity:.82;stroke:var(--color-text-tertiary)}body.dark-theme .user-dropdown-item:hover svg{stroke:var(--color-text-primary)}body.dark-theme .user-dropdown-item-danger{color:var(--color-error)}body.dark-theme .user-dropdown-item-danger:hover{background:color-mix(in srgb,var(--color-error) 12%,transparent)}