@font-face{font-family:BelleAllure;src:url(./fonts/BelleAllureCE-Gros.woff2) format("woff2"),url(./fonts/BelleAllureCE-Gros.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BorelFRTrad-Regular;src:url(./fonts/BorelFRTrad-Regular.woff2) format("woff2"),url(./fonts/BorelFRTrad-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BorelDisplay;src:url(./fonts/BorelDisplay-Regular.woff2) format("woff2"),url(./fonts/BorelDisplay-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/woff/OpenDyslexic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--panel-width: 280px;--bp-mobile-max: 599px;--bp-tablet-min: 600px;--bp-tablet-max: 1023px;--bp-desktop-min: 1024px;--primary-color: #5DA8CD;--primary-hover: #70B8DD;--primary-light: rgba(93, 168, 205, .12);--primary-dark: #4D98BD;--primary-text: #FFFFFF;--accent-coral: #CD8A5D;--accent-coral-hover: #DD9A6D;--accent-coral-light: rgba(205, 138, 93, .12);--danger-color: #CD6B6B;--danger-hover: #DD7B7B;--danger-light: rgba(205, 107, 107, .12);--warning-color: #CDAA5D;--warning-hover: #DDBA6D;--warning-light: rgba(205, 170, 93, .12);--soutien-color: #E879A0;--soutien-bg: rgba(232, 121, 160, .14);--soutien-bg-hover: rgba(232, 121, 160, .26);--success-color: #5DCD8A;--success-hover: #6DDD9A;--success-light: rgba(93, 205, 138, .12);--info-color: #5DC4CD;--info-hover: #6DD4DD;--info-light: rgba(93, 196, 205, .12);--accent-purple: #9D7DCD;--accent-purple-hover: #AD8DDD;--accent-purple-light: rgba(157, 125, 205, .12);--text-on-primary: #FFFFFF;--text-on-danger: #FFFFFF;--text-on-success: #1A1412;--text-on-warning: #1A1412;--text-on-info: #1A1412;--type-loto: #5299B8;--type-loto-light: rgba(82, 153, 184, .15);--type-loto-text: #FFFFFF;--type-memory: #52B87A;--type-memory-light: rgba(82, 184, 122, .15);--type-memory-text: #1A1412;--type-cartes: #9952B8;--type-cartes-light: rgba(153, 82, 184, .15);--type-cartes-text: #FFFFFF;--type-phrases: #B87352;--type-phrases-light: rgba(184, 115, 82, .15);--type-phrases-text: #FFFFFF;--type-etiquettes: #5159B8;--type-etiquettes-light: rgba(81, 89, 184, .15);--type-etiquettes-text: #FFFFFF;--type-dobble: #7CB851;--type-dobble-light: rgba(124, 184, 81, .15);--type-dobble-text: #1A1412;--type-dominos: #B851AF;--type-dominos-light: rgba(184, 81, 175, .15);--type-dominos-text: #FFFFFF;--type-puzzles: #51B8AF;--type-exercices: #B8A852;--type-puzzles-light: rgba(81, 184, 175, .15);--type-exercices-light: rgba(184, 168, 82, .15);--type-puzzles-text: #1A1412;--type-exercices-text: #1A1412;--type-pinces: #B85162;--type-pinces-light: rgba(184, 81, 98, .15);--type-pinces-text: #FFFFFF;--type-oie: #517CB8;--type-oie-light: rgba(81, 124, 184, .15);--type-oie-text: #FFFFFF;--type-projection: #3F8A70;--type-projection-light: rgba(63, 138, 112, .18);--type-projection-text: #FFFFFF;--type-liste: #9A8B7E;--type-liste-light: rgba(154, 139, 126, .18);--type-liste-text: #FFFFFF;--layer-0: #1A1412;--layer-1: #221E1A;--layer-2: #2D2722;--layer-3: #3A332C;--layer-4: #493F36;--layer-hover: var(--layer-3);--bg-sidebar: var(--layer-1);--bg-primary: var(--layer-1);--bg-secondary: var(--layer-0);--bg-tertiary: var(--layer-2);--bg-elevated: var(--layer-2);--bg-hover: var(--layer-3);--bg-input: var(--layer-2);--bg-input-hover: var(--layer-3);--bg-input-focus: var(--layer-4);--text-primary: #FFF8F0;--text-secondary: #D4C4B8;--text-tertiary: #A8988C;--text-disabled: #6E6157;--border-subtle: rgba(255, 232, 210, .08);--border-medium: rgba(255, 232, 210, .14);--border-strong: rgba(255, 232, 210, .22);--shadow-none: none;--shadow-subtle: 0 2px 4px rgba(26, 20, 18, .15);--shadow-sm: 0 4px 8px rgba(26, 20, 18, .18);--shadow-md: 0 8px 16px rgba(26, 20, 18, .22);--shadow-lg: 0 12px 24px rgba(26, 20, 18, .28);--shadow-xl: 0 20px 40px rgba(26, 20, 18, .35);--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 100px;--transition-fast: all .2s cubic-bezier(.34, 1.56, .64, 1);--transition: all .28s cubic-bezier(.34, 1.56, .64, 1);--transition-slow: all .4s cubic-bezier(.34, 1.56, .64, 1);--secondary-color: var(--text-secondary);--secondary-hover: var(--text-primary);--border-color: var(--border-subtle);--border-hover: var(--border-medium);--text-button: var(--primary-text);--bg-table: var(--bg-primary);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 300;--z-drawer: 400;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--z-notification: 1200;--z-max: 9999;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem}.icon-btn:hover,.nav-btn:hover,.toolbar-btn:hover:not(:disabled){transform:scale(1.02)}.icon-btn:active,.nav-btn:active,.toolbar-btn:active:not(:disabled){transform:scale(.98)}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0;box-shadow:0 0 0 2px var(--primary-light)}.modal:focus,.modal-backdrop:focus,[role=dialog]:focus{outline:none}.topbar-search input:focus-visible,.topbar-search button:focus-visible,.accueil-search-compact input:focus-visible,.accueil-search-compact button:focus-visible,.accueil-search-inline input:focus-visible,.accueil-search-inline button:focus-visible,.library-search-container input:focus-visible,.library-search-container button:focus-visible,.global-search-input-wrapper input:focus-visible,.global-search-input-wrapper button:focus-visible,.projects-modal-search input:focus-visible,.projects-modal-search button:focus-visible,.drawer-search-input input:focus-visible,.drawer-search-input button:focus-visible,.drawer-cards-search input:focus-visible,.drawer-cards-search button:focus-visible,.supports-search-wrapper input:focus-visible,.supports-search-wrapper button:focus-visible,.search-expandable input:focus-visible,.search-expandable button:focus-visible,.finder-search-expandable input:focus-visible,.finder-search-expandable button:focus-visible,.library-search input:focus-visible,.library-search button:focus-visible,.tag-popover-search input:focus-visible,.tag-popover-search button:focus-visible,.table-search-close:focus-visible,.finder-quick-input:focus-visible,.finder-quick-zone input:focus-visible,.finder-quick-zone button:focus-visible{outline:none;box-shadow:none}.topbar-search input,.accueil-search-compact input,.accueil-search-inline input,.library-search-container input,.global-search-input-wrapper input,.projects-modal-search input,.drawer-search-input input,.drawer-cards-search input,.supports-search-wrapper input,.search-expandable input,.finder-search-expandable input,.library-search input,.tag-popover-search input,.finder-quick-zone input,.finder-quick-input{border:none;outline:none;box-shadow:none;caret-color:var(--primary-color);line-height:1.4}.topbar-search input:focus,.topbar-search input:active,.accueil-search-compact input:focus,.accueil-search-compact input:active,.accueil-search-inline input:focus,.accueil-search-inline input:active,.library-search-container input:focus,.library-search-container input:active,.global-search-input-wrapper input:focus,.global-search-input-wrapper input:active,.projects-modal-search input:focus,.projects-modal-search input:active,.drawer-search-input input:focus,.drawer-search-input input:active,.drawer-cards-search input:focus,.drawer-cards-search input:active,.supports-search-wrapper input:focus,.supports-search-wrapper input:active,.search-expandable input:focus,.search-expandable input:active,.finder-search-expandable input:focus,.finder-search-expandable input:active,.library-search input:focus,.library-search input:active,.tag-popover-search input:focus,.tag-popover-search input:active,.finder-quick-zone input:focus,.finder-quick-zone input:active,.finder-quick-input:focus,.finder-quick-input:active{border:none;outline:none;box-shadow:none}.search-field{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.search-field:hover{background:var(--layer-3);border-color:var(--border-medium)}.search-field:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.search-field-icon,.search-field .lucide,.search-field svg:first-child{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.search-field input,.search-field-input{flex:1;min-width:0;padding:0 .125rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none;caret-color:var(--primary-color)}.search-field input::placeholder,.search-field-input::placeholder{color:var(--text-tertiary)}.search-field input:focus,.search-field input:focus-visible,.search-field-input:focus,.search-field-input:focus-visible{outline:none;box-shadow:none}.search-field-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:var(--transition-fast);flex-shrink:0}.search-field-clear:hover{background:var(--layer-4);color:var(--text-primary)}.search-field-clear:focus-visible{outline:none;box-shadow:none}.search-field-clear .lucide,.search-field-clear svg{width:12px;height:12px}.search-field--compact{padding:.375rem .625rem;gap:.375rem}.search-field--compact .lucide,.search-field--compact svg:first-child,.search-field--compact .search-field-icon{width:14px;height:14px}.search-field--compact input,.search-field--compact .search-field-input{font-size:.8125rem}.search-field--compact .search-field-clear{width:16px;height:16px}.search-field--compact .search-field-clear .lucide,.search-field--compact .search-field-clear svg{width:10px;height:10px}.search-field--large{padding:.875rem 1rem;gap:.75rem;border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent}.search-field--large:hover,.search-field--large:focus-within{background:transparent;border-color:var(--primary-color)}.search-field--large .lucide,.search-field--large svg:first-child,.search-field--large .search-field-icon{width:20px;height:20px}.search-field--large input,.search-field--large .search-field-input{font-size:1rem}.search-field--large .search-field-clear{width:20px;height:20px}.search-field--minimal{background:transparent;border:none;padding:.375rem .5rem}.search-field--minimal:hover,.search-field--minimal:focus-within{background:var(--layer-2);border:none}.search-field--expandable{width:180px;transition:width .2s ease,background .15s ease,border-color .15s ease}.search-field--expandable:focus-within{width:260px}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--primary-color);color:var(--primary-text);padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md);z-index:var(--z-modal);transition:top .2s ease}.skip-link:focus{top:10px}.sidebar{width:300px!important;min-width:300px!important;max-width:300px!important;box-sizing:border-box!important}*{margin:0;padding:0;box-sizing:border-box}html,body{border-radius:0!important}body.resizing *,body.resizing *:before,body.resizing *:after{transition:none!important;animation:none!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.65;overflow-x:hidden;font-size:15px}body.loading{visibility:hidden}body.loading .main-content,body.loading .sidebar,body.loading .cards-container,body.loading .games-container,body.loading .settings-container,body.loading .accueil-container{opacity:0}body:not(.loading) .main-content,body:not(.loading) .sidebar,body:not(.loading) .cards-container,body:not(.loading) .games-container,body:not(.loading) .settings-container,body:not(.loading) .accueil-container{opacity:1}body{visibility:visible}body.app-ready .main-content{animation:fadeInApp .2s ease-out}@keyframes fadeInApp{0%{opacity:0}to{opacity:1}}.lucide{width:16px;height:16px;stroke-width:1.75}.app-header{background-color:var(--layer-2);padding:.875rem 1.5rem;display:flex;align-items:center;position:sticky;top:0;z-index:100;height:64px;border-bottom:1px solid var(--border-color)}.main-nav{display:flex;gap:.25rem}.nav-btn-header{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition)}.nav-btn-header:hover{background-color:var(--layer-2);color:var(--text-primary)}.nav-btn-header.active{background-color:var(--primary-light);color:var(--primary-color)}.search-box{position:relative;width:240px}.search-box input{width:100%;padding:.625rem .875rem;border-radius:var(--radius-md);background-color:var(--layer-2);color:var(--text-primary);font-size:.875rem;transition:var(--transition);font-weight:500;height:36px;box-sizing:border-box;border:1px solid var(--border-subtle)}.search-box input:hover{background-color:var(--layer-3);border-color:var(--border-medium)}.search-box input:focus{outline:none;background-color:var(--layer-3);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.search-box input::placeholder{color:var(--text-tertiary);font-weight:400}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;width:100%;font-size:.875rem}.nav-btn .lucide{width:14px;height:14px;stroke-width:2;flex-shrink:0}.nav-btn:hover{background-color:var(--bg-input)}.nav-btn.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.btn-primary,.btn-secondary,.icon-btn,.icon-btn-small{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-xl);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;line-height:1.5;height:40px;box-sizing:border-box;box-shadow:none}.btn-primary{background-color:var(--primary-color);color:var(--primary-text);box-shadow:none;border:none}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:none}.btn-secondary{background-color:var(--layer-2);color:var(--text-primary);box-shadow:none;border:none}.btn-secondary:hover{background-color:var(--layer-3);box-shadow:none}.btn-secondary.danger{color:var(--danger-color)}.btn-secondary.danger:hover{background-color:var(--danger-light);color:var(--danger-hover)}#btnCropSetPrimary{display:flex;align-items:center;gap:.375rem}#btnCropSetPrimary.active{background-color:#f59e0b26;color:var(--warning-color);border-color:#f59e0b4d}#btnCropSetPrimary.active:hover{background-color:#f59e0b40}#btnCropSetPrimary i{width:16px;height:16px}#btnCropSetPrimary.active i{fill:var(--warning-color)}.icon-btn,.icon-btn-small{padding:.5rem;background-color:transparent;color:var(--text-secondary);border:none}.icon-btn:hover,.icon-btn-small:hover{background-color:var(--layer-2);color:var(--text-primary)}.icon-btn-small{padding:.25rem;font-size:1rem;font-weight:400}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%}.toolbar{background-color:var(--layer-2);padding:8px 16px;display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;min-height:48px;position:sticky;top:0;z-index:50}.toolbar-group{display:flex;gap:.375rem}.toolbar-separator{display:none}.toolbar-spacer{flex:1}.toolbar-btn{padding:.5rem .75rem;background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);font-size:.8125rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.375rem;line-height:1.5;white-space:nowrap;height:36px}.toolbar-btn .lucide{width:18px;height:18px;stroke-width:2}.toolbar-btn:hover:not(:disabled){background-color:var(--bg-input)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.danger{color:var(--danger-color)}.toolbar-btn.danger:hover:not(:disabled){background-color:var(--danger-light)}.sidebar{flex-shrink:0;background-color:var(--bg-sidebar);padding:.25rem;padding-bottom:42px;overflow-y:auto;position:sticky;top:0;height:100vh;transition:none;display:flex;flex-direction:column;z-index:1000;border-right:1px solid #000000}.mobile-menu-container{display:none}.sidebar.collapsed{width:52px;padding:.625rem .375rem;overflow:visible}.sidebar.collapsed .sidebar-section{display:flex;flex-direction:column;gap:0;margin-bottom:.375rem}.sidebar.collapsed .sidebar-section.sidebar-logo{display:flex;justify-content:center;margin-bottom:.25rem}.sidebar.collapsed .sidebar-section.sidebar-logo .logo{display:none}.sidebar.collapsed .sidebar-toggle{margin:0}.sidebar.collapsed .filter-item,.sidebar.collapsed .collection-item{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.sidebar.collapsed .filter-item span,.sidebar.collapsed .collection-item span{display:none}.sidebar.collapsed .filter-item .lucide,.sidebar.collapsed .collection-item .lucide{width:15px;height:15px;margin:0}.sidebar.collapsed .section-header{display:flex;justify-content:center;margin-bottom:.5rem}.sidebar.collapsed .section-header h3{display:none}.sidebar.collapsed .icon-btn-small{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .sidebar-nav-bottom{flex-direction:column;gap:.5rem;padding:.5rem}.sidebar.collapsed .nav-bottom-btn{width:36px;height:36px;padding:0}.sidebar.collapsed .nav-bottom-btn span{display:none}.sidebar.collapsed .nav-bottom-btn .lucide{width:15px;height:15px}.sidebar-toggle{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:none;width:20px;height:20px;min-width:20px;padding:0;border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0}.sidebar-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-toggle .lucide{width:14px;height:14px;stroke-width:2}.sidebar.collapsed .sidebar-toggle{width:36px;height:36px}.sidebar.collapsed .sidebar-toggle .lucide{width:15px;height:15px}.sidebar-section{margin-bottom:.125rem;overflow:visible}.sidebar-section.sidebar-logo{margin-bottom:.5rem;padding:.375rem .625rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;gap:.25rem;background:transparent}.sidebar .logo{font-size:1rem;font-weight:500;color:#fff;margin:0;letter-spacing:-.01em;display:flex;align-items:center;gap:.375rem;flex:1}.sidebar .logo .lucide{width:18px;height:18px;stroke-width:2;color:var(--primary-color);flex-shrink:0}.sidebar-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem;letter-spacing:.05em;padding:0 .625rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.25rem}.section-header h3{margin:0;flex:1}.sidebar-section-collections,.sidebar-section-tags{margin-top:.5rem}.sidebar-section-collections .section-header,.sidebar-section-tags .section-header{display:flex;align-items:center;gap:.25rem;margin-bottom:0;padding:.375rem 1rem;border-radius:var(--radius-md);cursor:default;background:transparent;font-size:.8125rem;font-weight:400;line-height:1.4;color:var(--text-secondary)}.sidebar-section-collections .section-header h3,.sidebar-section-tags .section-header h3{font-size:.8125rem;font-weight:400;text-transform:none;color:var(--text-secondary);margin:0;padding:0;letter-spacing:0;flex:1}.sidebar-section-collections .section-header .icon-btn-small{display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);padding:.375rem .625rem;width:auto;height:auto;border-radius:var(--radius-md);font-size:.8125rem;font-weight:400;line-height:1.4;transition:all .2s;flex-shrink:0;margin-left:auto;border:none;cursor:pointer}.sidebar-section-collections .section-header .icon-btn-small:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-section-collections .section-header .icon-btn-small svg{width:14px;height:14px}.section-header-actions{display:flex;gap:.25rem;align-items:center}.filter-list,.tag-list{display:flex;flex-direction:column;gap:0;padding:0 .375rem}.filter-item,.tag-item{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md);cursor:default;transition:none;text-align:left;width:100%;font-size:.8125rem;font-weight:400;line-height:1.4;font-family:inherit;position:relative}.tag-item{font-size:.5625rem}.tag-name{flex:1}.tag-name-input{background:var(--bg-primary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.875rem;color:var(--text-primary);font-family:inherit;outline:none;min-width:100px;max-width:200px}.inline-rename-input{background-color:var(--bg-input);outline:2px solid var(--primary-color);outline-offset:-2px;padding:4px 8px;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.875rem;color:var(--text-primary);font-family:inherit;width:100%;max-width:200px}.tag-menu-btn{display:none;position:absolute;right:.5rem;padding:.25rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;width:20px;height:20px;align-items:center;justify-content:center}.tag-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tag-menu-btn svg{width:12px;height:12px}.tag-item:hover .tag-menu-btn{display:flex}.tag-item:hover .count{display:none}.tag-menu-dropdown{display:none;position:fixed;background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);min-width:150px;padding:.25rem}.tag-menu-dropdown.active{display:block}.tag-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);font-size:.875rem;width:100%;text-align:left}.tag-menu-item:hover{background-color:var(--bg-input)}.tag-menu-item.danger{color:var(--danger-color)}.tag-menu-item.danger:hover{background-color:var(--danger-light);color:var(--danger-hover)}.tag-menu-item .lucide{width:14px;height:14px;flex-shrink:0}.icon-selector-tooltip{position:fixed;background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:520px;display:block}.icon-selector-tooltip-inner{max-height:240px;overflow-y:auto;overflow-x:hidden;padding:.375rem}.filter-item>.lucide,.tag-item>.lucide{width:12px;height:12px;stroke-width:2;flex-shrink:0}.filter-item:hover,.tag-item:hover{background-color:var(--layer-2)}.filter-item.active,.tag-item.active{background-color:var(--primary-light);color:var(--text-primary);font-weight:500}.filter-item.active>.lucide,.tag-item.active>.lucide{color:var(--primary-color)}.filter-item.filter-item-new-project{background-color:var(--primary-color);color:var(--text-on-primary)}.filter-item.filter-item-new-project:hover{background-color:var(--primary-dark, #4D98BD);color:var(--text-on-primary)}.filter-item.filter-item-new-project>.lucide{color:var(--text-on-primary)}.tag-item.selected{background-color:var(--primary-light);color:var(--text-primary);font-weight:500}.tag-item.selected>.lucide{color:var(--primary-color)}.filter-item span:not(.count),.tag-item span:not(.count){flex:1}.count{display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:500;line-height:1;background-color:var(--layer-3);padding:.1875rem .3125rem;border-radius:4px;color:var(--text-secondary);min-width:18px;height:18px;flex-shrink:0;margin-left:auto}.filter-item.active .count,.tag-item.active .count{background-color:var(--primary-color);color:var(--text-on-primary)}.filter-divider{height:1px;background:var(--border-subtle);margin:.5rem 0}.filter-item.filter-item-shop{background:linear-gradient(135deg,#9d7dcd1a,#5da8cd1a);border:1px solid rgba(157,125,205,.2)}.filter-item.filter-item-shop:hover{background:linear-gradient(135deg,#9d7dcd33,#5da8cd33);border-color:#9d7dcd4d}.filter-item.filter-item-shop>.lucide{color:var(--accent-purple)}.filter-item-badge{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .375rem;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--accent-purple) 0%,var(--primary-color) 100%);color:var(--text-on-primary);margin-left:auto}.category-list,.collection-list{display:flex;flex-direction:column;gap:0;padding:0 .375rem;max-height:300px;overflow-y:auto}.meta-category-item{border-radius:var(--radius-md)}.meta-category-header{display:flex;align-items:center;gap:.25rem;padding:.5rem;cursor:pointer;border-radius:var(--radius-md);transition:background-color .15s}.meta-category-header:hover{background-color:var(--layer-2)}.meta-category-item.selected>.meta-category-header{background-color:var(--primary-light)}.meta-category-header .category-name{font-weight:500;font-size:.8125rem}.meta-category-item.selected .category-count{background-color:var(--primary-color);color:var(--text-on-primary)}.category-list-nested{margin-left:1rem;border-left:2px solid var(--border-color);padding-left:.5rem;margin-top:.25rem;margin-bottom:.375rem}.category-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;height:100%;min-height:300px}.category-column{display:flex;flex-direction:column;background-color:var(--layer-1);border-radius:var(--radius-md);overflow:hidden}.category-column-header{padding:.5rem .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);background-color:var(--layer-2);border-bottom:1px solid var(--border-color);flex-shrink:0}.category-column-list{flex:1;overflow-y:auto;padding:.25rem}.category-column-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s}.category-column-item:hover{background-color:var(--bg-hover)}.category-column-item.selected{background-color:var(--primary-light)}.category-column-name{flex:1;font-size:.75rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-column-item.selected .category-column-name{font-weight:500;color:var(--primary-color)}.category-column-count{font-size:.625rem;color:var(--text-tertiary);background-color:var(--bg-secondary);padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;text-align:center}.category-column-item.selected .category-column-count{background-color:var(--primary-color);color:var(--text-on-primary)}.category-column-empty{padding:1rem;text-align:center;font-size:.75rem;color:var(--text-tertiary);font-style:italic}.subcat-letter-header{padding:.25rem .5rem;margin-top:.5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color);background-color:var(--layer-2);border-radius:var(--radius-sm);position:sticky;top:0;z-index:1}.subcat-letter-header:first-child{margin-top:0}@media(max-width:1023px){.category-columns{grid-template-columns:1fr;min-height:auto}.category-column{max-height:200px}}.category-item{border-radius:var(--radius-md)}.category-header{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;cursor:pointer;border-radius:var(--radius-md);transition:background-color .15s}.category-header:hover{background-color:var(--layer-2)}.category-item.selected>.category-header{background-color:var(--primary-light)}.category-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0}.category-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.category-toggle svg{width:14px;height:14px}.category-toggle-placeholder{width:18px;flex-shrink:0}.category-name{flex:1;font-size:.8125rem;font-weight:400;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count{font-size:.6875rem;color:var(--text-tertiary);background-color:var(--layer-1);padding:.125rem .375rem;border-radius:9999px;min-width:1.5rem;text-align:center}.category-item.selected .category-count{background-color:var(--primary-color);color:var(--text-on-primary)}.subcategory-list{margin-left:1.25rem;border-left:1px solid var(--border-color);padding-left:.5rem;margin-top:.125rem;margin-bottom:.25rem}.subcategory-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s}.subcategory-item:hover{background-color:var(--layer-2)}.subcategory-item.selected{background-color:var(--primary-light)}.subcategory-name{flex:1;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subcategory-item.selected .subcategory-name{color:var(--text-primary);font-weight:500}.subcategory-count{font-size:.625rem;color:var(--text-tertiary)}.subcategory-item.selected .subcategory-count{color:var(--primary-color)}.collection-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;cursor:pointer;border-radius:var(--radius-md);transition:background-color .15s;position:relative}.collection-item:hover{background-color:var(--layer-2)}.collection-item.selected{background-color:var(--primary-light)}.collection-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.collection-item.selected .collection-icon{color:var(--primary-color)}.collection-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.collection-name{flex:1;font-size:.8125rem;font-weight:400;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count{font-size:.6875rem;color:var(--text-tertiary);background-color:var(--layer-1);padding:.125rem .375rem;border-radius:9999px;min-width:1.5rem;text-align:center}.collection-item.selected .collection-count{background-color:var(--primary-color);color:var(--text-on-primary)}.collection-menu-btn{display:none;position:absolute;right:.375rem;padding:.25rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:20px;height:20px;align-items:center;justify-content:center}.collection-item:hover .collection-menu-btn{display:flex}.collection-item:hover .collection-count{display:none}.collection-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.collection-menu-btn svg{width:12px;height:12px}.collection-context-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem;min-width:140px}.collection-context-menu .context-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;width:100%;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s}.collection-context-menu .context-item:hover{background-color:var(--layer-2)}.collection-context-menu .context-item.danger{color:var(--color-danger)}.collection-context-menu .context-item.danger:hover{background-color:rgba(var(--color-danger-rgb),.1)}.collection-context-menu .context-item svg{width:14px;height:14px}.empty-message{padding:.75rem;text-align:center;color:var(--text-tertiary);font-size:.75rem}.sidebar-add-collection-btn{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:var(--radius-sm);transition:all .2s}.sidebar-add-collection-btn:hover{background:var(--layer-2);color:var(--primary-color)}.sidebar-add-collection-btn svg{width:16px;height:16px}.sidebar-collection-input-container{padding:.375rem}.sidebar-collection-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.8125rem;outline:none}.sidebar-collection-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.sidebar-nav-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:.25rem;background-color:var(--bg-sidebar)}.sidebar-nav-bottom .filter-item.active{background-color:transparent;color:var(--text-primary);font-weight:400}.nav-bottom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex:1;font-size:.75rem}.nav-bottom-btn .lucide{width:20px;height:20px;stroke-width:2}.nav-bottom-btn:hover{background-color:var(--bg-input);color:var(--text-primary)}.nav-bottom-btn.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.nav-bottom-btn span{display:none}.nav-bottom-btn{position:relative}.nav-bottom-btn:before{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-input);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:var(--shadow-lg);z-index:1000}.nav-bottom-btn:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border-top-color:var(--bg-tertiary);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.quick-add-sidebar{display:flex;align-items:center}.quick-add-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.sidebar-badges-container{position:relative;width:100%;min-width:200px;max-width:600px;display:flex;align-items:center;gap:6px;padding:.5rem 3rem .5rem .875rem;border-radius:var(--radius-lg);background-color:var(--bg-input);transition:all .2s ease;min-height:42px;box-sizing:border-box;flex-wrap:wrap}.sidebar-badges-container:hover{background-color:var(--bg-primary)}.sidebar-badges-container:focus-within{outline:none;background-color:var(--bg-primary)}.sidebar-word-badges{display:flex;flex-wrap:wrap;gap:4px}.sidebar-word-badge{display:inline-flex;align-items:center;gap:4px;background-color:var(--bg-input);color:var(--text-secondary);padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:500;animation:badgeSlideIn .15s ease;transition:all .15s ease}.sidebar-word-badge-remove{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;font-size:12px;line-height:1;font-weight:600}.sidebar-word-badge-remove:hover{background-color:var(--error-color);color:var(--text-on-primary)}.sidebar-quick-add-input{flex:1;min-width:100px;border:none;background:transparent;font-size:.875rem;color:var(--text-primary);font-weight:500;outline:none;padding:0}.sidebar-quick-add-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:8px;color:var(--text-on-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.sidebar-quick-add-btn:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 4px 8px #00000026}.sidebar-quick-add-btn:active{transform:translateY(-50%) scale(.95);box-shadow:0 1px 2px #0000001a}.sidebar-quick-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%)}.sidebar-quick-add-btn .lucide{width:18px;height:18px;stroke-width:2.5}.sidebar.collapsed .filter-item,.sidebar.collapsed .collection-item,.sidebar.collapsed .icon-btn-small,.sidebar.collapsed .nav-bottom-btn,.sidebar.collapsed .sidebar-toggle,.sidebar.collapsed .sidebar-create-btn{position:relative}.sidebar.collapsed .filter-item:after,.sidebar.collapsed .collection-item:after,.sidebar.collapsed .icon-btn-small:after,.sidebar.collapsed .sidebar-toggle:after,.sidebar.collapsed .sidebar-create-btn:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:#1e1e1e;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;z-index:var(--z-notification);font-weight:500;min-width:max-content}.sidebar.collapsed .filter-item:hover:after,.sidebar.collapsed .collection-item:hover:after,.sidebar.collapsed .icon-btn-small:hover:after,.sidebar.collapsed .sidebar-toggle:hover:after,.sidebar.collapsed .sidebar-create-btn:hover:after{opacity:1;visibility:visible}.sidebar.collapsed .nav-bottom-btn:before{bottom:auto;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background-color:#1e1e1e;color:#fff;padding:6px 12px;font-size:12px;line-height:1.4;transition:all .2s ease;font-weight:500;border-radius:6px;box-shadow:0 4px 12px #0000004d;visibility:hidden}.sidebar.collapsed .nav-bottom-btn:after{display:none}.sidebar.collapsed .nav-bottom-btn:hover:before{opacity:1;visibility:visible}.nav-bottom-btn:hover:before,.nav-bottom-btn:hover:after{opacity:1}.cards-container{flex:1;overflow-y:hidden;display:flex;flex-direction:column;padding:0;height:100%}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.table-controls .search-box,.table-controls .quick-add-sidebar{flex:1}.selection-actions{display:flex;align-items:center;gap:1rem}.selection-count{font-size:.9rem;font-weight:500;color:var(--text-tertiary);white-space:nowrap}.table-container-wrapper{background-color:var(--bg-secondary);border-radius:0;box-shadow:none;flex:1;min-height:0;display:flex;flex-direction:column;overflow:visible}.table-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.finder-toolbar{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:40px;z-index:20}.finder-central-zone{flex:1;min-width:0;display:flex;align-items:center}.finder-quick-zone{display:flex;align-items:center;flex:1;min-width:0;gap:.375rem;position:relative}.finder-quick-zone .finder-quick-input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--text-primary);font-size:.875rem}.finder-quick-zone .autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;display:none;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:min(400px,50vh);overflow-y:auto;z-index:100}.finder-quick-zone .autocomplete-dropdown.visible{display:block}.finder-quick-zone .input-clear-btn{display:flex!important;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;opacity:1!important;visibility:visible!important;transition:opacity .15s ease,background .15s ease}.finder-quick-zone .input-clear-btn:not(.visible){opacity:0!important;visibility:hidden!important;pointer-events:none}.finder-quick-zone .input-clear-btn:hover{background:var(--layer-3)}.finder-quick-zone .input-clear-btn svg,.finder-quick-zone .input-clear-btn .lucide{width:14px;height:14px;color:var(--text-tertiary);transition:color .15s ease}.finder-quick-zone .input-clear-btn:hover svg,.finder-quick-zone .input-clear-btn:hover .lucide{color:var(--text-primary)}.finder-filter-btn{display:none;align-items:center;justify-content:center;position:relative;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background .15s ease}body.library-view .finder-filter-btn{display:flex}.finder-filter-btn:hover{background:var(--layer-3)}.finder-filter-btn.active,.finder-filter-btn.has-filters{background:var(--primary-color)}.finder-filter-btn.active .lucide,.finder-filter-btn.has-filters .lucide{color:var(--text-on-primary)}.finder-filter-btn .lucide{width:18px;height:18px;color:var(--text-secondary);transition:color .15s ease}.finder-filter-btn:hover .lucide{color:var(--text-primary)}.filter-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--accent-color);color:#fff;font-size:.625rem;font-weight:600;border-radius:8px;display:none;align-items:center;justify-content:center;line-height:1}.finder-filter-btn.has-filters .filter-badge{background:#fff;color:var(--primary-color)}.filter-popover{position:fixed;width:300px;max-height:450px;background:var(--layer-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:filterPopoverIn .15s ease}@keyframes filterPopoverIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-popover-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.filter-popover-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.filter-popover-section{padding:.5rem 1rem .25rem}.filter-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem}.filter-popover-divider{height:1px;background:var(--border-subtle);margin:.25rem 0}.filter-source-options{display:flex;gap:.375rem;flex-wrap:wrap}.filter-source-item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:999px;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.filter-source-item:hover{background:var(--layer-3);border-color:var(--border-color);color:var(--text-primary)}.filter-source-item.active{background:var(--primary-color-soft);border-color:var(--primary-color);color:var(--primary-color)}.filter-source-item .lucide{width:14px;height:14px}.filter-popover-sort-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.filter-popover-sort-btn:hover{background:var(--layer-3)}.filter-popover-sort-btn .lucide{width:16px;height:16px;color:var(--text-secondary)}.filter-popover-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-subtle)}.filter-search-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.filter-popover-search input{flex:1;min-width:0;padding:.375rem 0;border:none;background:transparent;font-size:.8125rem;color:var(--text-primary)}.filter-popover-search input::placeholder{color:var(--text-tertiary)}.filter-popover-search input:focus{outline:none}.filter-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:var(--layer-3);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:background .15s ease}.filter-search-clear:hover{background:var(--layer-4)}.filter-search-clear .lucide{width:12px;height:12px;color:var(--text-secondary)}.filter-popover-list{flex:1;overflow-y:auto;padding:.5rem;max-height:280px}.filter-popover-empty{padding:2rem 1rem;text-align:center;color:var(--text-tertiary);font-size:.8125rem}.filter-popover-create{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;margin-bottom:.5rem;border:1px dashed var(--border-color);background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;color:var(--text-secondary);transition:all .15s ease}.filter-popover-create:hover{background:var(--layer-3);border-color:var(--primary-color);color:var(--primary-color)}.filter-popover-create .lucide{width:16px;height:16px}.filter-popover-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;color:var(--text-primary);transition:background .15s ease;text-align:left}.filter-popover-item:hover{background:var(--layer-3)}.filter-popover-item.active{background:var(--primary-color-soft)}.filter-popover-item.active .filter-item-checkbox{background:var(--primary-color);border-color:var(--primary-color)}.filter-popover-item.active .filter-item-checkbox .lucide{opacity:1}.filter-item-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-xs);flex-shrink:0;transition:all .15s ease}.filter-item-checkbox .lucide{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .15s ease}.filter-item-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.filter-popover-item.active .filter-item-icon{color:var(--primary-color)}.filter-popover-item-notags .filter-item-icon{color:var(--text-quaternary)}.filter-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-item-count{font-size:.75rem;color:var(--text-tertiary);flex-shrink:0}.filter-popover-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-subtle);background:var(--layer-1)}.filter-popover-clear-btn,.filter-popover-manage-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;color:var(--text-secondary);transition:all .15s ease}.filter-popover-clear-btn:hover,.filter-popover-manage-btn:hover{background:var(--layer-3);color:var(--text-primary)}.filter-popover-clear-btn .lucide,.filter-popover-manage-btn .lucide{width:14px;height:14px}.filter-popover-clear-btn{color:var(--accent-color)}.filter-popover-clear-btn:hover{background:var(--accent-color-soft);color:var(--accent-color)}@media(max-width:1023px){.filter-popover{position:fixed;bottom:0;left:0;right:0;top:auto!important;width:100%;max-height:70vh;max-height:70dvh;border-radius:1rem 1rem 0 0;animation:bottomSheetSlideUp .25s ease-out;padding-bottom:env(safe-area-inset-bottom,0);z-index:1200}.filter-popover-header{position:relative;justify-content:center;padding:1rem;min-height:56px}.filter-popover-title{font-size:1rem}.filter-popover-sort-btn{position:absolute;left:.75rem;top:50%;transform:translateY(-50%)}.filter-popover-close{display:flex;align-items:center;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--layer-3);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.filter-popover-close:hover,.filter-popover-close:active{background:var(--layer-hover);color:var(--text-primary)}.filter-popover-close .lucide{width:18px;height:18px}.filter-popover-list{max-height:50vh}.filter-popover-item{padding:.75rem 1rem;min-height:48px}.filter-popover-search input{min-height:44px;font-size:16px}.filter-popover-footer{flex-direction:column;gap:.5rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.filter-popover-clear-btn,.filter-popover-manage-btn{width:100%;justify-content:center;padding:.75rem;min-height:48px}.filter-popover-section{padding:.75rem 1rem .5rem}.filter-source-item{padding:.5rem .75rem;min-height:40px}}.filter-popover-close{display:none}.finder-project-name{display:flex;align-items:center;gap:.375rem;padding:0 .75rem 0 0;margin-right:.5rem;border-right:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8125rem;font-weight:500;white-space:nowrap;max-width:180px}.finder-project-name .lucide{width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary)}.finder-project-name span{overflow:hidden;text-overflow:ellipsis}.selection-toolbar{display:flex;flex-direction:column;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.selection-toolbar-row{display:flex;align-items:center;gap:.25rem;padding:.375rem 1rem;min-height:40px}.selection-toolbar-spacer{flex:1}.selection-checkbox-group{display:flex;align-items:center;position:relative}.selection-checkbox-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.selection-checkbox-btn:hover{background:var(--layer-3);color:var(--text-primary)}.selection-checkbox-btn .checkbox-box{position:relative;display:block;width:18px;height:18px;border:2px solid var(--border-subtle);border-radius:4px;background:transparent;transition:background-color .15s ease,border-color .15s ease}.selection-checkbox-btn:hover .checkbox-box{border-color:var(--primary-color);background:var(--primary-light)}.selection-checkbox-btn .checkbox-box.checked{background:var(--primary-color);border-color:var(--primary-color)}.selection-checkbox-btn:hover .checkbox-box.checked{background:var(--primary-hover);border-color:var(--primary-hover)}.selection-checkbox-btn .checkbox-box.checked:after{content:"";position:absolute;left:50%;top:45%;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.selection-checkbox-btn .checkbox-box.partial{background:var(--primary-color);border-color:var(--primary-color)}.selection-checkbox-btn:hover .checkbox-box.partial{background:var(--primary-hover);border-color:var(--primary-hover)}.selection-checkbox-btn .checkbox-box.partial:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;background:var(--text-on-primary);transform:translate(-50%,-50%)}.selection-dropdown-btn{display:flex;align-items:center;justify-content:center;width:20px;height:32px;background:none;border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;color:var(--text-tertiary);transition:var(--transition)}.selection-dropdown-btn:hover{background:var(--layer-3);color:var(--text-primary)}.selection-dropdown-btn i{width:14px;height:14px}.selection-dropdown-menu{position:absolute;top:100%;left:0;min-width:140px;background:var(--layer-2);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;display:none;padding:.25rem 0}.selection-dropdown-menu.active{display:block}.selection-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.selection-dropdown-item:hover{background:var(--layer-3)}.selection-dropdown-divider,.dropdown-divider{height:1px;background:var(--border-subtle);margin:.25rem 0}.active-filter-chip{display:none;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;background:var(--accent);color:var(--text-on-primary);border:none;border-radius:999px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-right:.5rem}.active-filter-chip.visible{display:inline-flex}.active-filter-chip:hover{background:var(--accent-hover)}.active-filter-chip .lucide{width:14px;height:14px}.active-filter-chip .chip-close{width:12px;height:12px;opacity:.7}.active-filter-chip:hover .chip-close{opacity:1}.selection-toolbar-row .view-toggle{margin:0;padding:0;border:none}.selection-toolbar-divider{width:1px;height:20px;background:var(--border-subtle);margin:0 .5rem}.selection-actions{display:flex;align-items:center;gap:.125rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--border-subtle)}.selection-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.selection-action-btn:hover{background:var(--layer-3);color:var(--text-primary)}.selection-action-btn.danger:hover{background:#cd6b6b1a;color:var(--danger-color)}.selection-action-btn.disabled,.selection-action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.selection-action-btn i{width:18px;height:18px}.selection-action-btn{position:relative}.selection-action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:.375rem .625rem;background-color:#1e1e1ef2;color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .2s ease .3s,transform .2s ease .3s;z-index:10001;border:1px solid var(--border-color);box-shadow:0 4px 12px #0006;backdrop-filter:blur(8px)}.selection-action-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-8px)}.selection-action-btn[data-tooltip=""]:after{display:none}.selection-nav-group{display:flex;align-items:center;gap:.25rem}.selection-count{font-size:.8125rem;color:var(--text-tertiary);min-width:70px;text-align:right}.selection-count .count-full{display:inline}.selection-count .count-compact{display:none}.selection-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.selection-nav-btn:hover:not(:disabled){background:var(--layer-3);color:var(--text-primary)}.selection-nav-btn:disabled{color:var(--text-tertiary);cursor:default;opacity:.5}.selection-nav-btn i{width:16px;height:16px}.selection-collection-wrapper{position:relative}.selection-collection-popover{position:absolute;top:100%;left:0;min-width:280px;max-height:350px;overflow-y:auto;background:var(--layer-2);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;display:none}.selection-collection-popover.active{display:block}.collection-popover-header{display:none}.collection-popover-list{padding:.25rem}.collection-popover-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-primary);transition:background .15s}.collection-popover-item:hover{background:var(--layer-3)}.collection-popover-item .lucide{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}.collection-popover-item .support-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-popover-item .support-type{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.collection-popover-empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.8125rem}.support-popover-section{padding:.5rem}.support-popover-section+.support-popover-section{border-top:1px solid var(--border-subtle)}.support-popover-section-title{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .375rem .5rem}.support-create-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}.support-create-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;border:1px solid var(--border-subtle);background:var(--layer-1);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.support-create-btn:hover{background:var(--layer-3);border-color:var(--border-color)}.support-create-btn .lucide{width:18px;height:18px;color:var(--text-secondary)}.support-create-btn span{font-size:.625rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.support-create-btn:hover .lucide,.support-create-btn:hover span{color:var(--text-primary)}.selection-tag-wrapper{position:relative}.selection-tag-popover{position:absolute;top:100%;left:0;min-width:240px;max-height:350px;background:var(--layer-2);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;display:none;overflow:hidden}.selection-tag-popover.active{display:block}.tag-popover-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em}.tag-popover-search{padding:.5rem;border-bottom:1px solid var(--border-subtle)}.tag-popover-search input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--layer-1);color:var(--text-primary);font-size:.8125rem;line-height:1.4}.tag-popover-search input:focus{outline:none;border-color:var(--primary-color)}.tag-popover-list{max-height:250px;overflow-y:auto}.tag-popover-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s}.tag-popover-item:hover{background:var(--layer-3)}.tag-popover-item.selected{background:var(--primary-light)}.tag-popover-item-checkbox{width:16px;height:16px;border:2px solid var(--border-medium);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tag-popover-item.selected .tag-popover-item-checkbox{background:var(--primary-color);border-color:var(--primary-color)}.tag-popover-item.selected .tag-popover-item-checkbox:after{content:"";width:8px;height:5px;border:2px solid white;border-top:none;border-right:none;transform:rotate(-45deg);margin-bottom:2px}.tag-popover-item-name{flex:1;font-size:.8125rem;color:var(--text-primary)}.tag-popover-item-count{font-size:.75rem;color:var(--text-tertiary)}.tag-popover-create{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-light);cursor:pointer;transition:background .15s;border-top:1px solid var(--border-subtle)}.tag-popover-create:hover{background:#5da8cd33}.tag-popover-create i{width:14px;height:14px;color:var(--primary-color)}.tag-popover-create span{font-size:.8125rem;color:var(--primary-color);font-weight:500}.tag-popover-item.partial .tag-popover-item-checkbox{background:var(--primary-color);border-color:var(--primary-color);opacity:.5}.tag-popover-item.partial .tag-popover-item-checkbox:after{content:"";width:8px;height:2px;background:var(--text-on-primary)}.tag-popover-empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.8125rem}.selection-extend-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-light);border-top:1px solid var(--border-color);font-size:.8125rem;color:var(--text-primary)}.selection-extend-banner .btn-link-accent{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:var(--transition)}.selection-extend-banner .btn-link-accent:hover{background:var(--primary-color);color:var(--text-on-primary)}.cards-list thead,.cards-list thead tr,.cards-list thead th,.checkbox-with-dropdown{overflow:visible}.quick-add-container{position:relative;display:flex;align-items:center;width:240px}.quick-add-input{width:100%;padding:.625rem 3rem .625rem .875rem;border-radius:var(--radius-lg);background-color:var(--bg-input);color:var(--text-primary);font-size:.875rem;transition:all .2s ease;font-weight:500;height:36px;box-sizing:border-box}.quick-add-input:hover{background-color:var(--bg-tertiary)}.quick-add-input:focus{outline:none;background-color:var(--bg-tertiary)}.quick-add-input::placeholder{color:var(--text-tertiary);font-weight:400}.quick-add-btn-inline{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;border-radius:var(--radius-md);background-color:var(--primary-color);color:var(--text-on-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.quick-add-btn-inline:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-50%) scale(1.05)}.quick-add-btn-inline:disabled{opacity:.4;cursor:not-allowed}.quick-add-btn-inline .lucide{width:18px;height:18px;stroke-width:2.5}.cards-count{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;display:flex;align-items:center;padding:0 .5rem;height:36px}.quick-add-prominent{background:var(--bg-primary);border-radius:10px;padding:12px 16px;margin:12px 12px 16px;transition:all .25s ease;display:none;align-items:center;gap:10px}.quick-add-prominent:hover,.quick-add-prominent:focus-within{background:var(--bg-tertiary);box-shadow:0 4px 16px #7b93b026;transform:translateY(-2px)}.quick-add-icon{width:20px;height:20px;color:var(--primary-color);flex-shrink:0;stroke-width:2}.quick-add-input-prominent{flex:1;border:none;background:transparent;font-size:16px;font-weight:500;color:var(--text-primary);padding:8px 0}.quick-add-input-prominent::placeholder{color:var(--text-tertiary);font-weight:400}.quick-add-input-prominent:focus{outline:none}.quick-add-btn-prominent{padding:10px 24px;background-color:var(--primary-color);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-add-btn-prominent:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7b93b04d}.quick-add-btn-prominent:disabled{opacity:.5;cursor:not-allowed}.quick-add-prominent:focus-within .quick-add-btn-prominent:not(:disabled){transform:scale(1.05)}.quick-add-prominent.success{animation:addSuccess .4s ease}@keyframes addSuccess{0%{transform:translateY(-2px) scale(1)}to{transform:translateY(-2px) scale(1)}}.cards-list{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}.cards-list thead{background-color:var(--layer-2);height:auto;border-bottom:none;padding:0;position:sticky;top:0;z-index:10}.cards-list thead tr{padding:0;margin:0;height:auto;line-height:1;background-color:var(--layer-2)}.cards-list thead th{padding:2px 3px;height:28px;line-height:24px;box-sizing:border-box;background-color:var(--layer-2)}.cards-list th{padding:6px 5px;text-align:left;font-weight:600;font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;user-select:none;background-color:transparent;height:36px}.cards-list th:first-child{padding-left:.75rem}.cards-list th:last-child{padding-right:.75rem}.cards-list th.sortable{cursor:pointer;transition:color .15s ease}.cards-list th.sortable:hover{color:var(--text-primary)}.cards-list th .th-content{display:inline-flex;align-items:center;gap:4px}.cards-list th .sort-chevron{width:14px;height:14px;opacity:0;transition:opacity .15s ease,transform .15s ease;color:var(--text-tertiary)}.cards-list th.sortable:hover .sort-chevron{opacity:.5}.cards-list th.sortable.sort-active .sort-chevron{opacity:1;color:var(--text-secondary)}.cards-list th.sortable.sort-desc .sort-chevron{transform:rotate(180deg)}.sort-icon{display:inline-block;margin-left:.25rem;font-size:.75rem;color:var(--text-secondary);opacity:1;transition:var(--transition)}.cards-list th.sortable:hover .sort-icon{opacity:1}.cards-list th.sort-asc .sort-icon{opacity:1;color:var(--text-secondary)}.cards-list th.sort-asc .sort-icon:before{content:"\2191"}.cards-list th.sort-desc .sort-icon{opacity:1;color:var(--text-secondary)}.cards-list th.sort-desc .sort-icon:before{content:"\2193"}.cards-list th.sort-asc .sort-icon,.cards-list th.sort-desc .sort-icon{font-weight:700}.cards-list th.col-checkbox,.cards-list td.col-checkbox{width:36px;text-align:center;padding:0;box-sizing:border-box;vertical-align:middle}.cards-list th.col-word,.cards-list td.col-word{width:25%}.cards-list th.col-images,.cards-list td.col-images{width:20%}.cards-list th.col-tags,.cards-list td.col-tags{width:auto}.cards-list th.col-actions,.cards-list td.col-actions{width:50px;text-align:center}.table-filter-toggle-compact{background:none;border:none;color:#ffffff40;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm);flex-shrink:0}.table-filter-toggle-compact:hover{color:var(--text-secondary);background-color:#ffffff0d}.table-filter-toggle-compact svg{width:14px;height:14px}.header-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;width:16px;height:16px;border-radius:3px;cursor:pointer;position:relative;background-color:#ffffff1a;border:none;transition:background-color .1s ease;flex-shrink:0;margin:0 auto;vertical-align:middle}.header-checkbox:hover{background-color:#ffffff26}.header-checkbox:checked{background-color:var(--primary-color)}.header-checkbox:checked:hover{background-color:var(--primary-hover)}.header-checkbox:checked:after{content:"";position:absolute;left:50%;top:50%;width:3.5px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-58%) rotate(45deg)}.header-checkbox:indeterminate{background-color:var(--primary-color)}.header-checkbox:indeterminate:hover{background-color:var(--primary-hover)}.header-checkbox:indeterminate:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:2px;background-color:var(--text-on-primary);border-radius:1px}.word-header-wrapper{width:100%;position:relative;padding:0}.word-header-default{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;transition:opacity .2s ease}.word-header-default.hiding{opacity:0}.word-header-left{display:flex;align-items:center;gap:.25rem;flex:1}.word-header-text{white-space:nowrap}.word-header-count{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;text-align:right;display:block;width:100%}.word-header-count:empty{display:none}.table-search-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:.6;flex-shrink:0;position:relative}.table-search-toggle:hover{background-color:var(--bg-input);color:var(--text-primary);opacity:1}.table-search-toggle svg{width:16px;height:16px}.table-search-toggle:before{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);padding:.375rem .625rem;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .05s ease,transform .05s ease;z-index:1000;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.table-search-toggle:hover:before{opacity:1;transform:translate(-50%) translateY(8px);transition-delay:0s}.word-header-actions{display:flex;align-items:center;gap:.25rem}.filter-dropdown-container{position:relative;display:flex}.table-filter-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:.6;flex-shrink:0;position:relative}.table-filter-toggle:hover{background-color:var(--bg-input);color:var(--text-primary);opacity:1}.table-filter-toggle.active{background-color:var(--primary-light);color:var(--primary-color);opacity:1}.table-filter-toggle svg{width:16px;height:16px}.table-filter-toggle:before{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);padding:.375rem .625rem;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .05s ease,transform .05s ease;z-index:1000;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.table-filter-toggle:hover:before{opacity:1;transform:translate(-50%) translateY(8px);transition-delay:0s}.filter-dropdown{position:absolute;top:calc(100% + .25rem);left:0;background:var(--bg-tertiary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem;min-width:160px;z-index:1000;animation:fadeInScale .15s ease-out}.filter-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);width:100%;text-align:left;font-size:.8125rem}.filter-dropdown-item:hover{background:var(--bg-hover)}.filter-dropdown-item.active{background:var(--primary-light);color:var(--primary-color)}.filter-dropdown-item svg{width:14px;height:14px}.word-header-search{display:flex;align-items:center;gap:.375rem;width:100%;justify-content:space-between;padding:0}.table-search-input{flex:1;padding:.25rem;border:none;border-radius:0;background-color:transparent;color:var(--text-primary);font-size:14px;line-height:1.4;transition:var(--transition);min-width:0}.table-search-input:focus{outline:none;background-color:#ffffff08;box-shadow:none}.table-search-input::placeholder{color:#ffffff4d}.word-header-separator{width:1px;height:20px;background-color:var(--border-color);margin:0 .5rem;opacity:.5}.word-header-edit-actions{display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.word-edit-separator{width:1px;height:16px;background-color:var(--border-color);margin:0 .25rem;opacity:.4}.word-edit-action{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.375rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:.7;position:relative}.word-edit-action:hover{background-color:var(--bg-tertiary);color:var(--text-primary);opacity:1}.word-edit-action svg{width:16px;height:16px}.word-edit-action#btnDeleteSelected:hover,.word-edit-action#btnArchiveSelected:hover{color:var(--danger-color);background-color:#cd6b6b1a}.word-edit-action#btnAddToCollectionSelected:hover,.word-edit-action#btnRemoveFromCollectionSelected:hover{color:var(--primary-color);background-color:var(--primary-light)}[data-tooltip]:not(.selection-action-btn){position:relative}[data-tooltip]:not(.selection-action-btn):before{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);padding:.375rem .625rem;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .05s ease,transform .05s ease;z-index:1000;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d}[data-tooltip]:not(.selection-action-btn):hover:before{opacity:1;transform:translate(-50%) translateY(8px);transition-delay:0s}.table-search-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.table-search-close:hover{background-color:var(--bg-input);color:var(--text-primary)}.table-search-close svg{width:16px;height:16px}.selected-count{color:var(--text-secondary);font-weight:400;margin-left:4px;font-size:.65rem}.cards-list tbody tr{background-color:var(--bg-primary);cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;content-visibility:auto;contain-intrinsic-size:auto 44px;-ms-user-select:none;border-bottom:none}.cards-list tbody tr:nth-child(2n){background-color:#ffffff06}.cards-list tbody tr.new-card{animation:cardFlash 1s ease-out forwards}.cards-list tbody tr:nth-child(2n).new-card{animation:cardFlashEven 1s ease-out forwards}.cards-list tbody tr.new-card.selected{animation:cardFlashSelected 1s ease-out forwards}@keyframes cardFlash{0%,20%{background-color:#5da8cd4d}to{background-color:var(--bg-primary)}}@keyframes cardFlashEven{0%,20%{background-color:#5da8cd4d}to{background-color:#ffffff06}}@keyframes cardFlashSelected{0%,20%{background-color:#5da8cd73}to{background-color:#5da8cd4d}}.cards-list tbody tr.highlight-flash{animation:highlightFlash 1.5s ease-out forwards}@keyframes highlightFlash{0%,30%{background-color:#5da8cd59}to{background-color:transparent}}.cards-list tbody tr .col-checkbox{cursor:default}.cards-list tbody tr:hover{background-color:#5da8cd26}.cards-list tbody tr.selected{background-color:#5da8cd4d}.cards-list tbody tr.selected:hover{background-color:#5da8cd66}.cards-list tbody tr.empty-row{pointer-events:none;cursor:default;height:28px}.cards-list tbody tr.empty-row:hover{background-color:inherit}.cards-list tbody tr.empty-row td{height:28px;padding:0 3px;box-sizing:border-box;line-height:28px}.grid-pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;grid-column:1 / -1;background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px}.pagination-info{font-size:.75rem;color:var(--text-tertiary);min-width:auto;text-align:center}.grid-pagination-controls .pagination-btn{width:32px;height:32px;background:var(--layer-1);border:1px solid var(--border-color);color:var(--text-primary)}.grid-pagination-controls .pagination-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.grid-pagination-controls .pagination-btn svg{width:18px;height:18px}.grid-pagination-controls .pagination-info{font-size:.875rem;color:var(--text-secondary);min-width:120px}.cards-list td{padding:0 3px;color:var(--text-primary);vertical-align:middle;height:auto}.card-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0 auto;border:2px solid var(--border-subtle);border-radius:4px;background:transparent;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease}.cards-list tbody tr:hover .card-checkbox{opacity:1}.card-checkbox:hover{border-color:var(--primary-color);background:var(--primary-light)}.cards-list tbody tr.selected .card-checkbox{opacity:1;background:var(--primary-color);border-color:var(--primary-color)}.cards-list tbody tr.selected .card-checkbox:after{content:"";position:absolute;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.cards-list tbody tr.selected .card-checkbox:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.cards-list.has-selection tbody tr .card-checkbox{opacity:1}.cards-list td.col-word{white-space:nowrap;vertical-align:middle;padding:2px 3px 2px 8px;overflow:hidden;text-overflow:ellipsis}.cards-list td.col-images,.cards-list th.col-tags,.cards-list td.col-tags{padding:2px 3px;vertical-align:middle;overflow:hidden}.card-row-tags{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;overflow:hidden;min-width:0;max-width:100%;color:var(--text-secondary);font-size:.75rem;padding:0;contain:layout style}.card-row-tags .tag-badge{flex-shrink:0;cursor:pointer}.card-row-tags .tag-badge:hover{background-color:var(--primary-light)}.card-row-tags .add-tag-btn{flex-shrink:0}.card-row-checkbox{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.7rem;background-color:#ffffff1a;border:none;transition:background-color .1s ease;margin:0;opacity:1;cursor:pointer;position:relative}.card-row-checkbox:after{content:""}.card-row-checkbox:hover{background-color:#ffffff26}.selected .card-row-checkbox{background-color:var(--primary-color);color:var(--text-on-primary);opacity:1}.selected .card-row-checkbox:hover{background-color:var(--primary-hover)}.selected .card-row-checkbox:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:5px;border:solid white;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-58%) rotate(45deg)}.card-row-images{display:flex;gap:.375rem;flex-wrap:nowrap;align-items:center;padding:0;overflow:hidden;min-width:0;max-width:100%;contain:layout style}.card-row-image{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:4px;object-fit:cover;background-color:#f0f0f0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.card-row-image:hover{transform:scale(1.2);box-shadow:0 6px 16px #00000040;z-index:10;position:relative}.card-row-word-container{display:inline-flex;align-items:center;gap:.375rem;position:relative}.card-row-word{font-weight:400;font-size:14px;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2;vertical-align:middle;white-space:nowrap}.editable-word{cursor:text;padding:2px 4px;margin:-2px -4px;border-radius:var(--radius-sm);transition:background-color .15s ease}.editable-word:hover{background-color:#ffffff0d}.inline-edit-input{width:auto;min-width:80px;background:var(--bg-input);border:2px solid var(--primary-color);border-radius:var(--radius-sm);padding:2px 6px;font-size:14px;color:var(--text-primary);outline:none;font-weight:400;letter-spacing:-.01em}.cancel-edit-btn{width:20px;height:20px;min-width:20px;min-height:20px;border-radius:var(--radius-sm);border:none;background-color:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.cancel-edit-btn:hover{background-color:#cd6b6b26;color:var(--danger-color)}.cancel-edit-btn .lucide{width:14px;height:14px;stroke-width:2.5}.add-item-btn{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:var(--radius-sm);border:1px dashed rgba(255,255,255,.08);background-color:transparent;color:#fff3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);padding:0;opacity:1;flex-shrink:0}.add-item-btn:hover{opacity:1;background-color:var(--bg-input);border-color:#fff3;color:var(--text-secondary)}.add-item-btn .lucide{width:12px;height:12px;stroke-width:2.5}.add-item-btn.overflow-indicator{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-weight:400;opacity:.7;cursor:pointer;transition:var(--transition)}.add-item-btn.overflow-indicator:hover{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);opacity:1}.col-images .overflow-indicator{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:4px;font-size:.65rem;padding:0}.col-tags .overflow-indicator{padding:.15rem .4rem;border-radius:4px;font-size:.7rem;height:auto;min-height:auto}.tag-overflow-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background-color:var(--layer-2);border:1px solid var(--border-color);border-radius:4px;font-size:.7rem;color:var(--text-secondary);flex-shrink:0;min-width:26px;height:24px}.adaptive-hidden{display:none!important}.add-tag-btn{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;font-size:.7rem}.add-tag-btn .lucide{width:12px;height:12px}.tag-badge{display:inline-flex;align-items:center;gap:0;padding:2px 8px;background-color:var(--layer-2);border:none;border-radius:10px;color:var(--text-secondary);font-size:.6875rem;font-weight:500;transition:var(--transition);height:auto;cursor:default;flex-shrink:0;position:relative}.tag-badge>span{white-space:nowrap}.tag-badge:hover{background-color:var(--layer-3);color:var(--text-primary)}.tag-badge-remove{display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:width .15s ease,opacity .15s ease;width:0;height:12px;overflow:hidden;flex-shrink:0;opacity:0}.tag-badge:hover .tag-badge-remove{width:12px;margin-left:.25rem;opacity:.7}.tag-badge-remove:hover{opacity:1!important;color:var(--danger-color)}.tag-badge-remove .lucide{width:10px;height:10px}.inline-tag-input-container{display:inline-flex;align-items:center}.inline-tag-input{width:100px;height:24px;padding:.15rem .4rem;border:1px solid var(--primary-color);border-radius:4px;font-size:.7rem;background-color:var(--bg-primary);color:var(--text-primary);outline:none}.inline-tag-input:focus{box-shadow:0 0 0 2px var(--primary-light)}.empty-tags-message{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.sidebar-tags-container{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem .625rem}.sidebar-tag{display:inline-flex;align-items:center;gap:.375rem;padding:2px 8px;background-color:var(--layer-2);border-radius:10px;font-size:.6875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border:none;max-width:150px;user-select:none;-webkit-user-select:none}.sidebar-tag:hover{background-color:var(--layer-3);color:var(--text-primary)}.sidebar-tag.selected{background-color:var(--primary-color);color:var(--text-on-primary)}.sidebar-tag.selected:hover{background-color:var(--primary-hover)}.sidebar-tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tag-count{font-size:.5rem;background-color:#ffffff26;padding:.05rem .25rem;border-radius:var(--radius-sm);min-width:.875rem;text-align:center}.sidebar-tag.selected .sidebar-tag-count{background-color:#ffffff40;color:var(--text-on-primary)}.sidebar-tag-menu-btn{display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:auto;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);opacity:.6}.sidebar-tag:hover .sidebar-tag-menu-btn{display:flex}.sidebar-tag:hover .sidebar-tag-count{display:none}.sidebar-tag-menu-btn:hover{opacity:1;background-color:#ffffff1a}.sidebar-tag.selected .sidebar-tag-menu-btn{color:var(--text-on-primary)}.sidebar-tag.selected .sidebar-tag-menu-btn:hover{background-color:#fff3}.sidebar-tag-menu-btn .lucide{width:14px;height:14px}.sidebar-tag-rename-input{flex:1;min-width:0;padding:0;background:transparent;border:none;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit}.sidebar-tag-rename-input::placeholder{color:var(--text-tertiary)}.sidebar-tag-input-container{padding:.25rem 1rem .5rem}.sidebar-tag-input{width:100%;padding:.5rem .75rem;background-color:var(--layer-2);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;font-family:inherit;outline:none;transition:var(--transition)}.sidebar-tag-input:focus{background-color:var(--layer-3)}.sidebar-tag-input::placeholder{color:var(--text-tertiary)}.sidebar-tag-search-container{display:flex;align-items:center;gap:.5rem;padding:.25rem 1rem .5rem;position:relative}.sidebar-tag-search-icon{position:absolute;left:1.5rem;width:14px;height:14px;color:var(--text-tertiary);pointer-events:none}.sidebar-tag-search{width:100%;padding:.5rem .75rem .5rem 2rem;background-color:var(--layer-2);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem;font-family:inherit;outline:none;transition:var(--transition)}.sidebar-tag-search:focus{background-color:var(--layer-3)}.sidebar-tag-search::placeholder{color:var(--text-tertiary)}.tag-delete-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center}.tag-delete-modal-backdrop{position:absolute;inset:0;background-color:#0009}.tag-delete-modal-content{position:relative;background-color:var(--layer-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000080;width:340px;max-width:90%;overflow:hidden}.tag-delete-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.tag-delete-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.tag-delete-modal-body{padding:1.25rem}.tag-delete-modal-body p{margin:0 0 .5rem;color:var(--text-primary);font-size:.9rem;line-height:1.5}.tag-delete-modal-body p:last-child{margin-bottom:0}.tag-delete-warning{color:var(--danger-color);font-size:.85rem}.tag-delete-modal-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);justify-content:flex-end}.tag-delete-modal-actions button{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.tag-delete-modal-actions .btn-cancel{background-color:var(--layer-2);border:1px solid var(--border-color);color:var(--text-primary)}.tag-delete-modal-actions .btn-cancel:hover{background-color:var(--layer-3)}.tag-delete-modal-actions .btn-confirm-delete{background-color:var(--danger-color);border:none;color:var(--text-on-primary)}.tag-delete-modal-actions .btn-confirm-delete:hover{background-color:var(--danger-hover)}.section-header-actions{display:flex;align-items:center;gap:.25rem}.sidebar-sort-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.sidebar-sort-btn:hover{background-color:var(--layer-2);color:var(--primary-color)}.sidebar-sort-btn .lucide{width:14px;height:14px}.sidebar-add-tag-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);opacity:0}.sidebar-section-tags:hover .sidebar-add-tag-btn{opacity:1}.sidebar-add-tag-btn:hover{background-color:var(--layer-2);color:var(--primary-color)}.sidebar-add-tag-btn .lucide{width:14px;height:14px}.tag-popover{position:fixed;background-color:var(--layer-2);border:none;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;width:280px;max-height:340px;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;user-select:none;-webkit-user-select:none}.tag-popover-input-container{padding:.75rem}.tag-popover-input{width:100%;padding:.625rem .875rem;background-color:var(--layer-3);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:var(--transition)}.tag-popover-input:focus{background-color:var(--layer-4)}.tag-popover-input::placeholder{color:var(--text-tertiary)}.tag-popover-list{flex:1;overflow-y:auto;padding:0 .75rem .75rem;max-height:260px;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start}.tag-popover-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--layer-3);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.8125rem;color:var(--text-secondary);max-width:100%}.tag-popover-item:hover{background-color:var(--layer-4);color:var(--text-primary)}.tag-popover-item.active{background-color:var(--primary-color);color:var(--text-on-primary)}.tag-popover-item.active:hover{background-color:var(--primary-hover)}.tag-popover-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tag-popover-item-check{width:14px;height:14px;flex-shrink:0}.tag-popover-item.partial{background-color:var(--layer-4);border:1px dashed var(--primary-color);color:var(--text-primary);cursor:default}.tag-popover-item-count{font-size:.6875rem;color:var(--text-tertiary);background-color:#0003;padding:.125rem .375rem;border-radius:var(--radius-sm)}.tag-popover-partial-actions{display:flex;gap:.25rem;margin-left:.25rem}.tag-partial-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.tag-partial-btn .lucide{width:12px;height:12px}.tag-partial-btn.add{background-color:var(--primary-color);color:var(--text-on-primary)}.tag-partial-btn.add:hover{background-color:var(--primary-hover)}.tag-partial-btn.remove{background-color:var(--layer-3);color:var(--text-secondary)}.tag-partial-btn.remove:hover{background-color:var(--danger-color);color:var(--text-on-primary)}.tag-popover-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem;width:100%;line-height:1.6}.tag-popover-hint{color:var(--text-tertiary);font-size:.75rem}.tag-popover-header,.tag-popover-close{display:none}@media(max-width:1023px){.tag-popover{position:fixed;bottom:0;left:0;right:0;top:auto!important;width:100%;max-width:100%;max-height:70vh;max-height:70dvh;border-radius:1rem 1rem 0 0;animation:bottomSheetSlideUp .25s ease-out;padding-bottom:env(safe-area-inset-bottom,0);z-index:1200}.tag-popover-header{display:block;position:relative;padding:1rem;min-height:56px;font-size:1rem;font-weight:600;text-align:center;border-bottom:1px solid var(--border-subtle)}.tag-popover-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.tag-popover-close{display:flex;align-items:center;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--layer-3);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.tag-popover-close:hover,.tag-popover-close:active{background:var(--layer-hover);color:var(--text-primary)}.tag-popover-close .lucide{width:18px;height:18px}.tag-popover-input-container{padding:1rem;border-bottom:1px solid var(--border-subtle)}.tag-popover-input{font-size:16px;padding:.75rem 1rem;min-height:44px}.tag-popover-list{max-height:50vh;max-height:50dvh;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0)) 1rem}.tag-popover-item{min-height:44px;padding:.625rem .875rem}.tag-popover-empty{padding:2.5rem 1rem}}@media(max-width:1023px){.subcategory-popover{position:fixed;bottom:0;left:0;right:0;top:auto!important;width:100%;max-width:100%;max-height:70vh;max-height:70dvh;border-radius:1rem 1rem 0 0;animation:bottomSheetSlideUp .25s ease-out;padding-bottom:env(safe-area-inset-bottom,0);z-index:1200}}.tag-context-menu{background-color:var(--layer-2);border:none;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;padding:.25rem;min-width:140px}.tag-context-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition);text-align:left}.tag-context-item:hover{background-color:var(--layer-3)}.tag-context-item.danger:hover{background-color:#cd6b6b1a;color:var(--danger-color)}.tag-context-item .lucide{width:14px;height:14px}.tag-merge-popover{background-color:var(--layer-2);border:none;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;min-width:220px;max-width:280px;overflow:hidden}.tag-merge-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.8125rem;color:var(--text-secondary)}.tag-merge-search{padding:.5rem;border-bottom:1px solid var(--border-color)}.tag-merge-search-input{width:100%;padding:.5rem .75rem;background:var(--layer-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.tag-merge-search-input:focus{outline:none;border-color:var(--accent)}.tag-merge-list{max-height:200px;overflow-y:auto;padding:.25rem}.tag-merge-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition);text-align:left}.tag-merge-item:hover{background-color:var(--layer-3)}.tag-merge-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-merge-item-count{font-size:.75rem;color:var(--text-tertiary);margin-left:.5rem}.tag-merge-empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.875rem}.tag-merge-footer{padding:.5rem .75rem;border-top:1px solid var(--border-color);background:var(--layer-1)}.tag-merge-keep-name{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer}.tag-merge-keep-name input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent)}.card-row-actions{display:flex;gap:.25rem;justify-content:center}.card-action-btn{padding:.25rem .5rem;background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:var(--transition)}.card-action-btn:hover{background-color:var(--bg-input)}.empty-state{display:none;text-align:center;padding:4rem 2rem;flex-direction:column;align-items:center;justify-content:center;flex:1}.empty-state.active{display:flex}.empty-state h2{color:var(--text-primary);margin-bottom:.75rem;font-size:1.375rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:2rem;font-size:.9375rem;line-height:1.6;max-width:320px}.empty-state-icon{width:64px;height:64px;margin-bottom:1.5rem;color:var(--text-tertiary);opacity:.7}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:.5rem}.games-header{margin-bottom:1.5rem}.games-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.games-list{display:flex;flex-direction:column;gap:1rem}.game-category{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1rem}.game-category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.025em}.game-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:var(--radius-md);margin-bottom:.5rem;transition:var(--transition)}.game-item:last-child{margin-bottom:0}.game-item:hover{background-color:var(--bg-tertiary)}.game-info{flex:1}.game-title{font-weight:500;color:var(--text-primary);margin-bottom:.125rem;font-size:.875rem}.game-meta{font-size:.75rem;color:var(--text-secondary)}.game-actions{display:flex;gap:.375rem}.game-action-btn{padding:.375rem .75rem;border:none;background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-lg);font-size:.8125rem;cursor:pointer;transition:var(--transition);box-shadow:none}.game-action-btn:hover{background-color:var(--bg-hover);box-shadow:none}.game-action-btn.danger{color:var(--danger-color)}.game-action-btn.danger:hover{background-color:var(--danger-light)}.settings-header{margin-bottom:1.5rem}.settings-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.settings-section p{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0}.storage-info{display:flex;flex-direction:column;gap:.75rem}.storage-bar{width:100%;height:8px;background-color:var(--bg-input);border-radius:var(--radius-sm);overflow:hidden}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group select,.form-group input[type=text]{padding:.5rem .75rem;border-radius:var(--radius-md);background-color:var(--layer-2);color:var(--text-primary);font-size:.875rem;transition:var(--transition);border:1px solid var(--border-subtle)}.form-group select:focus,.form-group input[type=text]:focus{outline:none;background-color:var(--layer-3);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.modal.active{display:flex}.modal.modal-confirmation{z-index:2000}.confirm-modal-content{display:flex;align-items:flex-start;gap:1rem}.confirm-modal-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.confirm-modal-icon.warning{background:#cd6b6b1a;color:var(--danger-color)}.confirm-modal-icon.info{background:#3b82f61a;color:var(--info-color)}.confirm-modal-icon.success{background:#22c55e1a;color:var(--success-color)}.confirm-modal-icon svg{width:20px;height:20px}.confirm-modal-text{flex:1}.confirm-message{margin:0 0 .25rem;font-weight:600;color:var(--text-primary);line-height:1.4}.confirm-description{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.confirm-description:empty{display:none}.btn-primary.danger,#modalConfirm .btn-primary.danger{background:var(--danger-color);border-color:var(--danger-color)}.btn-primary.danger:hover,#modalConfirm .btn-primary.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.modal-content{background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:90%;max-width:480px}.modal-content:not(.modal-small):not(.modal-large):not(.modal-settings){width:90%;max-width:640px}.modal-large{width:95%;max-width:1100px}.modal-confirm-content{width:90%;max-width:400px;padding:1.5rem;text-align:center}.modal-confirm-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-confirm-message{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.modal-confirm-actions{display:flex;gap:.75rem;justify-content:center}.modal-confirm-btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.modal-confirm-btn.cancel{background:var(--layer-3);color:var(--text-primary)}.modal-confirm-btn.cancel:hover{background:var(--layer-4)}.modal-confirm-btn.primary{background:var(--primary-color);color:var(--text-on-primary)}.modal-confirm-btn.primary:hover{filter:brightness(1.1)}.modal-confirm-btn.danger{background:var(--danger-color);color:var(--text-on-primary)}.modal-confirm-btn.danger:hover{filter:brightness(1.1)}.import-progress-info{padding:1rem 0}.import-progress-bar{height:8px;background:var(--layer-3);border-radius:4px;overflow:hidden;margin-bottom:1rem}.import-progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .2s ease;width:0%}.import-progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-bottom:.5rem}.import-progress-count{font-size:.8125rem;color:var(--text-tertiary);text-align:center;font-variant-numeric:tabular-nums}.modal-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:transparent;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition)}.close-btn:hover{background-color:var(--bg-input);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=color],.form-group textarea,.form-group select{width:100%;padding:.625rem 1rem;border-radius:var(--radius-md);background-color:var(--layer-2);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:var(--transition);border:1px solid var(--border-subtle)}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;background-color:var(--layer-3);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.form-group textarea{resize:vertical;min-height:100px}#wordsInput{resize:none;overflow:hidden;min-height:100px;max-height:400px;transition:height .1s ease}.form-group input[type=checkbox]{margin-right:.375rem}.radio-group{display:flex;flex-direction:column;gap:.375rem}.radio-group label{display:flex;align-items:center;font-weight:400;font-size:.875rem;cursor:pointer;padding:.25rem 0}.radio-group input[type=radio]{margin-right:.5rem;cursor:pointer}.color-picker{display:flex;gap:.75rem;align-items:center}.color-picker input[type=color]{width:50px;height:36px;border:none;border-radius:var(--radius-md);cursor:pointer}.icon-selector-wrapper{max-height:400px;overflow-y:auto;border-radius:var(--radius-md);padding:.75rem;background-color:var(--bg-input)}.icon-category{margin-bottom:.625rem}.icon-category:last-child{margin-bottom:0}.icon-category-header{font-size:.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;padding:.125rem .375rem;background-color:var(--bg-input);border-radius:var(--radius-sm);display:inline-block}.icon-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:.25rem;max-width:100%}.icon-option{padding:.5rem;background-color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative}.icon-option:hover{background-color:var(--bg-input);color:var(--text-primary);transform:scale(1.05)}.icon-option.active{background-color:var(--primary-light);color:var(--primary-color)}.icon-option .lucide{width:16px;height:16px}.menu-list{display:flex;flex-direction:column;gap:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);background-color:var(--bg-primary);cursor:pointer;transition:var(--transition);text-align:left}.menu-item:hover:not(.disabled){background-color:var(--bg-input)}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-text{flex:1}.menu-title{font-weight:500;font-size:.9375rem;color:var(--text-primary);margin-bottom:.125rem}.menu-desc{font-size:.8125rem;color:var(--text-secondary)}.edit-card-modern{display:flex;flex-direction:column;gap:1.25rem}.edit-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-weight:600;font-size:.75rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.section-header-row{display:flex;justify-content:space-between;align-items:center}.word-input{width:100%;padding:.625rem .875rem;border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:500;transition:var(--transition)}.word-input:focus{outline:none}.add-image-buttons{display:flex;gap:.5rem}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.image-card{background-color:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.image-card:hover{box-shadow:var(--shadow-sm)}.image-card-preview{position:relative;width:100%;aspect-ratio:1;background-color:var(--bg-input);overflow:hidden}.image-card-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background-color:var(--text-on-primary)}.image-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.5) 100%);opacity:0;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.image-card:hover .image-card-overlay{opacity:1}.image-overlay-btn{background-color:var(--bg-primary);color:var(--text-primary);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.125rem}.image-overlay-btn i[data-lucide]{width:18px;height:18px}.image-overlay-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.image-overlay-btn.danger{background-color:var(--danger-color);color:var(--bg-primary)}.btn-set-primary{position:absolute;bottom:.5rem;right:.5rem;background-color:#0009;color:#9ca3af;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);backdrop-filter:blur(4px);z-index:10}.btn-set-primary:hover{background-color:#000c;color:#fbbf24;transform:scale(1.1)}.btn-set-primary.active{background-color:#fbbf2433;color:#fbbf24}.btn-set-primary .lucide{width:16px;height:16px}.image-card-controls{padding:.5rem;display:flex;flex-direction:column;gap:.375rem;background-color:var(--bg-input)}.crop-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--success-color);color:var(--bg-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-top:.25rem}.empty-images-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary);border-radius:var(--radius-lg);display:none}.empty-images-state.active{display:block}#modalEditCard .modal-edit-card{width:94%;max-width:880px;max-height:88vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-edit-card .modal-header{padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.modal-edit-card .modal-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-edit-card .close-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.modal-edit-card .close-btn:hover{background:var(--layer-hover);color:var(--text-primary)}.modal-edit-card .close-btn i,.modal-edit-card .close-btn svg{width:16px;height:16px}.modal-edit-card .modal-body{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.modal-edit-card .modal-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary)}.edit-card-layout{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.edit-card-col{min-width:0;min-height:0;padding:.125rem 1.25rem;overflow-y:auto;overscroll-behavior:contain}.edit-card-col-media{background:var(--bg-secondary);border-right:1px solid var(--border-color)}.edit-card-section{padding:1.125rem 0;border-top:1px solid var(--border-light, var(--border-color))}.edit-card-col>.edit-card-section:first-child{border-top:none}.edit-card-voice{display:contents}.edit-card-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem .5rem;min-height:28px;margin-bottom:.5rem}.edit-card-support-scope{margin-top:.5rem}.edit-card-support-scope .edit-card-revert{margin:.125rem 0 0 -.5rem}.edit-card-label{display:flex;align-items:center;gap:.375rem;margin:0;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.edit-card-label i,.edit-card-label svg{width:13px;height:13px;opacity:.6}.edit-card-section-count{min-width:20px;margin-left:.125rem;padding:.0625rem .4rem;border-radius:var(--radius-full, 999px);background:var(--layer-2);color:var(--text-tertiary);font-size:.6875rem;font-weight:600;letter-spacing:0;text-align:center}.edit-card-section-count:empty{display:none}.edit-card-hint{margin:.5rem 0 0;font-size:.75rem;line-height:1.4;color:var(--text-tertiary)}.edit-card-empty{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.8125rem;text-align:center}.edit-card-empty small{font-size:.75rem;line-height:1.4}.edit-card-input{width:100%;padding:.625rem .875rem;font-size:1rem;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.edit-card-input-sm,.edit-card-tags-input{padding:.5rem .75rem;font-size:.8125rem;font-weight:400}.edit-card-input:hover,.edit-card-tags-input:hover{border-color:var(--text-tertiary)}.edit-card-input:focus,.edit-card-tags-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5da8cd1a}.edit-card-input::placeholder,.edit-card-tags-input::placeholder{font-weight:400;color:var(--text-tertiary)}.edit-card-syllable-formats{display:flex;flex-direction:column;gap:.5rem}.syllable-format-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .15s ease}.syllable-format-item:hover{border-color:var(--text-tertiary)}.syllable-format-item-content{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.syllable-format-item-head{display:flex;flex-direction:column;gap:.125rem;min-width:90px;flex-shrink:0}.syllable-format-item-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.syllable-format-item-meta{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap}.syllable-format-item-preview{flex:1;min-width:0;padding:.375rem .625rem;font-size:1rem;font-weight:600;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid var(--border-light, var(--border-color));border-radius:var(--radius-sm)}.syllable-sep{color:var(--text-tertiary);font-weight:400;margin:0 .125em}.syllable-format-item-actions{display:flex;align-items:center;gap:.125rem;flex-shrink:0}.syllable-format-item-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.syllable-format-item-actions button:hover{background:var(--layer-2);color:var(--text-primary)}.syllable-format-item-actions button svg,.syllable-format-item-actions button i{width:15px;height:15px}.syllable-format-item-actions .btn-delete-format:hover{background:#ef44441a;color:#ef4444}.syllable-format-item.disabled .syllable-format-item-preview{opacity:.5;filter:grayscale(1)}.syllable-format-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.125rem}.syllable-format-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.syllable-format-toggle .toggle-switch{transform:scale(.8);transform-origin:left center;margin-right:-.5rem}.syllable-format-toggle .toggle-label{font-size:.75rem;color:var(--text-secondary)}.syllable-format-footer .btn-clear-all-formats:hover{color:#ef4444;background:#ef444414}.edit-card-audio-chips{display:flex;flex-wrap:wrap;gap:.375rem}.edit-card-audio-chip{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:999px;background:transparent;overflow:hidden}.edit-card-audio-chip.is-selected{border-color:var(--border-strong, var(--border-color));background:var(--layer-2)}.edit-card-audio-choose,.edit-card-audio-icon{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer}.edit-card-audio-chip.is-selected .edit-card-audio-choose{color:var(--text-primary);font-weight:500}.edit-card-audio-choose{padding:.35rem .4rem .35rem .6rem}.edit-card-audio-icon{padding:.35rem .45rem;color:var(--text-secondary)}.edit-card-audio-icon:hover{color:var(--text-primary)}.edit-card-audio-icon svg{width:13px;height:13px}.edit-card-audio-radio{width:12px;height:12px;border:1.5px solid var(--text-tertiary);border-radius:50%;box-sizing:border-box}.edit-card-audio-chip.is-selected .edit-card-audio-radio{border-color:var(--text-primary);background:radial-gradient(circle,var(--text-primary) 40%,transparent 46%)}.edit-card-audio-chip:only-child .edit-card-audio-radio{display:none}.edit-card-voice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.edit-card-voice-btn.is-disabled{opacity:.4;pointer-events:none}.edit-card-voice-btn.is-recording{color:#fff;background:#dc2626;border-color:#dc2626}.edit-card-voice-live{display:inline-flex;align-items:center;gap:.4rem;color:#dc2626;font-size:.75rem;font-weight:500}.edit-card-voice-dot{width:8px;height:8px;border-radius:50%;background:#dc2626;animation:edit-card-voice-blink 1s ease-in-out infinite}@keyframes edit-card-voice-blink{50%{opacity:.25}}.edit-card-images{border-radius:var(--radius-md);outline:1px dashed transparent;outline-offset:4px;transition:outline-color .15s ease,background .15s ease}.edit-card-images.dragover{outline-color:var(--primary-color);background:#5da8cd14}.edit-card-images-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;aspect-ratio:1;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary)}.edit-card-images-empty i,.edit-card-images-empty svg{width:32px;height:32px;opacity:.35}.edit-card-images-empty span{font-size:.8125rem}.edit-card-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem}.edit-card-images-grid:empty{display:none}.edit-card-images-empty:has(+.edit-card-images-grid:not(:empty)){display:none}.edit-card-image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--border-light, var(--border-color));cursor:pointer;transition:box-shadow .15s ease}.edit-card-image-item:hover{box-shadow:inset 0 0 0 2px var(--text-tertiary)}.edit-card-image-item.is-primary{order:-1;grid-column:span 2;grid-row:span 2;cursor:default;box-shadow:inset 0 0 0 2px var(--primary-color)}.edit-card-image-item.is-primary:only-child{grid-column:1 / -1}.edit-card-image-item img{width:100%;height:100%;padding:8%;object-fit:contain;display:block}.edit-card-image-item:hover .edit-card-image-overlay{opacity:1}.edit-card-image-overlay{position:absolute;top:.25rem;right:.25rem;opacity:0;transition:opacity .15s ease}.edit-card-image-btn{width:22px;height:22px;border-radius:var(--radius-sm);background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.edit-card-image-btn:hover{background:var(--danger-color);transform:scale(1.1)}.edit-card-image-btn i,.edit-card-image-btn svg{width:12px;height:12px}.edit-card-image-star{position:absolute;bottom:.25rem;right:.25rem;width:20px;height:20px;border-radius:50%;background:#00000073;color:#ffffffbf;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:5}.edit-card-image-star:hover{color:#fbbf24;background:#000000b3}.edit-card-image-star.active{color:#fff;background:var(--primary-color)}.edit-card-image-star i,.edit-card-image-star svg{width:11px;height:11px}.edit-card-image-item.is-primary .edit-card-image-star{width:24px;height:24px;bottom:.375rem;right:.375rem}.edit-card-image-star.active svg{fill:currentColor}.edit-card-image-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem;margin-top:.5rem}.edit-card-image-sources .btn-import-source{justify-content:center;padding:.45rem .25rem}.edit-card-tags-wrapper{display:none;position:relative;margin-bottom:.5rem}.edit-card-tags-wrapper.is-open{display:block}.edit-card-tags-input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.edit-card-tags-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:180px;overflow-y:auto;z-index:100;display:none;margin-top:.25rem}.edit-card-tags-dropdown.active{display:block}.edit-card-tags-dropdown.is-above{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem}.edit-card-tags-dropdown-item{padding:.5rem .75rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:background .15s ease}.edit-card-tags-dropdown-item:hover{background:var(--layer-hover)}.edit-card-tags-dropdown-item.create{color:var(--primary-color);border-top:1px solid var(--border-color);font-weight:500}.edit-card-tags-dropdown-item i,.edit-card-tags-dropdown-item svg{width:14px;height:14px;opacity:.6}.edit-card-tags-selected{display:flex;flex-wrap:wrap;gap:.375rem}.edit-card-tags-selected:empty:before{content:"Aucun tag";font-size:.8125rem;color:var(--text-tertiary)}.edit-card-tags-wrapper.is-open+.edit-card-tags-selected:empty{display:none}.edit-card-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .375rem .25rem .625rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;font-size:.75rem;color:var(--text-secondary)}.edit-card-tag-remove{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.edit-card-tag-remove:hover{background:var(--danger-color);color:#fff}.edit-card-tag-remove i,.edit-card-tag-remove svg{width:10px;height:10px}.modal-edit-card .modal-footer-actions{display:flex;gap:.5rem;width:100%;justify-content:flex-end}.modal-edit-card .modal-footer-actions .btn-secondary{padding:.5rem .875rem;font-size:.8125rem}.modal-edit-card .modal-footer-actions .btn-primary{padding:.5rem 1rem;font-size:.8125rem}.modal-edit-card .btn-primary i,.modal-edit-card .btn-primary svg{width:14px;height:14px}.modal-edit-card .modal-footer-actions .btn-secondary i,.modal-edit-card .modal-footer-actions .btn-secondary svg{display:none}@media(max-width:1023px){#modalEditCard{align-items:flex-end}#modalEditCard .modal-edit-card{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;max-height:92dvh}.modal-edit-card .modal-footer-actions{flex-wrap:wrap}.modal-edit-card .modal-footer-actions>button{flex:1 1 auto;min-height:44px;justify-content:center}}@media(max-width:719px){.modal-edit-card .modal-body{display:block;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.edit-card-layout{display:flex;flex-direction:column}.edit-card-col{display:contents}.edit-card-word-section{order:1}.edit-card-images-section{order:2}.edit-card-syllables-section{order:3}.edit-card-audio-section{order:4}.edit-card-tags-section{order:5}.edit-card-col>.edit-card-section:first-child{border-top:1px solid var(--border-light, var(--border-color))}.edit-card-col>.edit-card-section.edit-card-word-section{padding-top:0;border-top:none}.edit-card-col>.edit-card-section:last-child{padding-bottom:0}.edit-card-images-grid{grid-template-columns:repeat(4,1fr)}.edit-card-image-item.is-primary:only-child{grid-column:span 2}.edit-card-images-empty{aspect-ratio:auto;min-height:90px}}.btn-syllables{padding:.25rem .5rem;font-size:.75rem;gap:.25rem;border-radius:var(--radius-sm);transition:all .15s ease}.btn-syllables i,.btn-syllables svg{width:14px;height:14px}.btn-syllables.has-syllables{background:var(--primary-light);color:var(--primary-color)}.btn-syllables.has-syllables:hover{background:var(--primary-color);color:#fff}.btn-text{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-text:hover{color:var(--primary-color);background:#5da8cd1a}.btn-text i,.btn-text svg{width:14px;height:14px}.btn-import-source{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-import-source:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover, var(--border-color))}.btn-import-source i,.btn-import-source svg{width:13px;height:13px;flex-shrink:0}.import-source-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.btn-icon-sm{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:var(--layer-1);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-icon-sm:hover{background:var(--layer-hover);color:var(--text-primary)}.btn-icon-sm.primary{background:var(--primary-color);color:#fff}.btn-icon-sm.primary:hover{background:var(--primary-hover)}.btn-icon-sm i,.btn-icon-sm svg{width:16px;height:16px}.edit-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.option-item{display:flex;flex-direction:column;gap:.5rem}.color-picker-inline{display:flex;gap:.5rem;align-items:center}.color-picker-inline input[type=color]{width:50px;height:36px;border-radius:var(--radius-sm);cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.crop-help-text{text-align:center;padding:.75rem 1rem;background-color:var(--primary-light);border-radius:var(--radius-md);margin-bottom:1rem;color:var(--text-primary);font-size:.875rem}.crop-help-text strong{color:var(--primary-color)}.crop-container{display:flex;justify-content:center;align-items:center;background-color:var(--bg-input);border-radius:var(--radius-lg);padding:1rem;min-height:600px}#cropCanvas{max-width:100%;border-radius:var(--radius-md);cursor:grab;box-shadow:0 4px 12px #0000004d}#cropCanvas:active{cursor:grabbing}.crop-controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.crop-controls .btn-secondary{display:flex;align-items:center;gap:.5rem}.card-preview-container{position:sticky;top:0}.card-preview{background-color:var(--bg-input);border-radius:var(--radius-lg);overflow:hidden;margin-top:.375rem}.card-preview-image{width:100%;aspect-ratio:1;background-color:#fff;position:relative;overflow:hidden}.card-preview-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.card-preview-text{padding:.75rem;text-align:center;font-weight:500;font-size:1rem;background-color:var(--bg-primary);text-transform:uppercase}.loto-config{margin-bottom:1.5rem}.selected-cards-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-input);border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.loto-preview{padding-top:1.5rem}.loto-preview h3{margin-bottom:.75rem;font-size:1rem;font-weight:600}.boards-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.board-preview{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:.75rem}.board-title{text-align:center;font-weight:500;margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.board-grid{display:grid;gap:.375rem}.board-grid-2x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.board-grid-3x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.board-cell{aspect-ratio:1;background-color:var(--bg-input);border-radius:var(--radius-sm);position:relative;overflow:hidden}.board-cell-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}.board-cell-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transform:scale(1.15)}.board-cell-text{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);z-index:2;font-size:.625rem;font-weight:600;text-align:center;text-transform:uppercase;background:#ffffffe6;padding:.125rem .375rem;border-radius:var(--radius-xs);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-cards-container{max-height:60vh;overflow-y:auto}.cards-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.selection-card{background-color:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition)}.selection-card-image{width:100%;aspect-ratio:1;background-color:var(--bg-input);position:relative;overflow:hidden}.selection-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.selection-card-text{padding:.375rem;text-align:center;font-size:.75rem;font-weight:500;text-transform:uppercase}.settings-section h3{margin-bottom:.75rem;color:var(--text-primary);font-size:1rem;font-weight:600}.settings-section p{font-size:.875rem}.storage-info{padding:.75rem 1rem;background-color:var(--bg-input);border-radius:var(--radius-md);font-size:.875rem}.storage-bar{width:100%;height:6px;background-color:var(--bg-input);border-radius:3px;overflow:hidden;margin-top:.5rem}.storage-bar-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}.settings-data-summary{color:var(--text-tertiary);font-size:.8125rem;margin:-.5rem 0 1.25rem}.settings-data-summary span{color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.button-group{display:flex;flex-direction:column;gap:.5rem}.modal-syllable-editor{width:90%;max-width:540px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-syllable-editor .modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.syllable-editor-format-name{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.syllable-editor-format-name label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.syllable-editor-format-name input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.syllable-editor-format-name input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.syllable-editor-word{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-align:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.syllable-editor-step{display:flex;flex-direction:column;gap:.5rem}.syllable-editor-step-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.syllable-editor-step-num{width:20px;height:20px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.syllable-editor-count{margin-left:auto;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-tertiary)}.syllable-editor-toggle{margin-left:auto}.syllable-editor-step.disabled .syllable-editor-syllables{opacity:.55}.syllable-editor-letters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:.5rem;padding:1rem .5rem;background:var(--layer-1);border-radius:var(--radius-md);min-height:60px}.syllable-letter{min-width:34px;height:44px;padding:0 .25rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;user-select:none;transition:box-shadow .15s ease,border-color .15s ease}.syllable-letter.colored{border-color:currentColor;box-shadow:inset 0 -4px 0 currentColor}.syllable-letter.separator{min-width:22px;background:transparent;border-style:dashed;color:var(--text-tertiary)}.syllable-letter.selected{outline:3px solid var(--primary-color);outline-offset:1px}.syllable-gap{width:16px;height:44px;padding:0;margin:0 1px;border:none;background:transparent;cursor:pointer;position:relative;flex-shrink:0}.syllable-gap:before{content:"";position:absolute;left:50%;top:15%;height:70%;width:2px;transform:translate(-50%);border-radius:2px;background:var(--text-tertiary);opacity:0;transition:opacity .15s ease,background .15s ease}.syllable-gap:hover:before{opacity:.5}.syllable-gap.active:before{width:3px;top:5%;height:90%;opacity:1;background:var(--text-primary)}.syllable-gap.active:hover:before{background:var(--danger-color, #EF4444)}.syllable-editor-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.syllable-editor-tools .btn-text{font-size:.8125rem;gap:.375rem}.syllable-editor-tools .btn-text i,.syllable-editor-tools .btn-text svg{width:14px;height:14px}.syllable-editor-syllables{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:36px}.syllable-chip{padding:.25rem .75rem;border-radius:999px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.syllable-chip:disabled{cursor:default}.syllable-chip.colored{border-color:currentColor}.syllable-chip:not(:disabled):hover{box-shadow:0 0 0 2px var(--primary-light)}.syllable-chip.selected{outline:3px solid var(--primary-color);outline-offset:1px}.syllable-color-btn.current{border-color:var(--text-primary);transform:scale(1.1)}.syllable-editor-preview{font-size:1.125rem;font-weight:700;color:#333;padding:.25rem .75rem;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syllable-editor-characters{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;padding:1rem .5rem;background:var(--layer-1);border-radius:var(--radius-md);min-height:60px}.syllable-char-btn{width:40px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;text-transform:lowercase;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;color:var(--text-primary)}.syllable-char-btn:hover{border-color:var(--primary-color);background:var(--primary-light)}.syllable-char-btn.selected{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 2px var(--primary-color)}.syllable-char-btn.colored{font-weight:700}.syllable-editor-palette{display:flex;gap:.5rem;justify-content:center;padding:.75rem;background:var(--layer-1);border-radius:var(--radius-md)}.syllable-color-btn{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.syllable-color-btn:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.syllable-color-btn:active{transform:scale(1.05)}.syllable-color-none{background:var(--bg-primary);border:2px solid var(--border-color)}.syllable-color-none i,.syllable-color-none svg{width:16px;height:16px;color:var(--text-tertiary)}.syllable-color-none:hover{background:var(--layer-hover)}.syllable-editor-hint{font-size:.75rem;color:var(--text-tertiary);text-align:center;line-height:1.4}.modal-syllable-editor .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.modal-syllable-editor .modal-footer-actions{display:flex;gap:.5rem}.syllable-colored{font-weight:inherit}@media(max-width:599px){.modal-syllable-editor{width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.syllable-char-btn{width:36px;height:40px;font-size:1.125rem}.syllable-letter{min-width:30px;height:40px;font-size:1.125rem}.syllable-gap{width:14px;height:40px}.syllable-color-btn{width:32px;height:32px}.modal-syllable-editor .modal-footer{flex-direction:column;gap:.75rem}.modal-syllable-editor .modal-footer-actions{width:100%}.modal-syllable-editor .modal-footer-actions .btn-secondary,.modal-syllable-editor .modal-footer-actions .btn-primary{flex:1;justify-content:center}}.print-view{position:absolute;left:-9999px;top:0;width:100%}@media print{@page{size:A4 landscape;margin:1cm}body>*:not(#printView){display:none!important}body{margin:0;padding:0}.print-view{display:block!important;position:static!important;left:auto!important;top:auto!important;width:100%!important}.print-page{page-break-after:always;page-break-inside:avoid;width:100%;min-height:100vh;display:flex!important;flex-direction:column;align-items:center;justify-content:center;position:relative}.print-page:last-child{page-break-after:auto}.print-board{width:100%;max-width:95%;margin:0 auto;display:block!important}.print-board>*{display:block!important}.board-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.board-grid{width:90%;margin:0 auto;gap:.5rem;display:grid!important}.board-grid-2x3{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important}.board-grid-3x4{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,1fr)!important}.board-grid-4x5{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(4,1fr)!important}.board-cell{position:relative!important;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;background:#f5f5f5;border-radius:12px;overflow:hidden;aspect-ratio:1;padding-bottom:8px}.board-cell-image{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1;display:block!important}.board-cell-image img{width:100%;height:100%;object-fit:cover;display:block!important;border-radius:12px;transform:scale(1.15)}.board-cell-text{position:relative!important;z-index:2;padding:6px 10px;background:#fffffff2;backdrop-filter:blur(4px);border-radius:6px;margin:0 auto;font-size:.9rem;font-weight:600;color:#000;text-align:center;width:fit-content;max-width:90%;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important}.board-grid-2x3 .board-cell-text{font-size:1rem;padding:5px 9px}.board-grid-3x4 .board-cell-text{font-size:.85rem;padding:4px 7px}.board-grid-4x5 .board-cell-text{font-size:.7rem;padding:3px 6px}}@media(max-width:599px){.logo{font-size:1.125rem}.toolbar{padding:.5rem .75rem}.cards-container{padding:0}.cards-list{font-size:.8125rem}.cards-list th,.cards-list td{padding:.375rem .5rem}.card-row-image,.col-images .overflow-indicator{width:24px;height:24px;min-width:24px;min-height:24px}.modal{align-items:flex-end;justify-content:flex-end;padding:0}.modal-content{width:100%;height:auto;max-height:70vh;max-height:70dvh;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;animation:bottomSheetSlideUp .25s ease-out;z-index:1200;padding-bottom:env(safe-area-inset-bottom,0)}.modal-content:not(.modal-settings) .modal-header{position:relative;flex-shrink:0}.modal-content .modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;overscroll-behavior:contain}.modal-content .modal-footer{flex-shrink:0;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--bg-primary);border-top:1px solid var(--border-subtle)}.modal-content .close-btn{width:32px;height:32px;min-width:32px;min-height:32px;background:var(--layer-3);border-radius:50%;font-size:1.25rem}.modal-content .close-btn:hover,.modal-content .close-btn:active{background:var(--layer-hover)}.modal-content .modal-header{min-height:56px;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-content .modal-header h2{font-size:1rem;font-weight:600}.boards-preview{grid-template-columns:1fr}}.text-center{text-align:center}.hidden{display:none!important}.font-cursive{font-family:BorelFRTrad-Regular,cursive}.font-uppercase{text-transform:uppercase}.font-lowercase{text-transform:lowercase}.drag-drop-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#7b93b0eb;z-index:2000;pointer-events:none}.drag-drop-overlay.active{display:none}.drag-drop-content{text-align:center;color:var(--text-primary);pointer-events:none}.drag-drop-content svg{margin:0 auto 1.5rem;opacity:.9;animation:floatUpDown 2s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drag-drop-content h2{font-size:2rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.drag-drop-content p{font-size:1.125rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.drag-drop-overlay.local-mode{opacity:0}.cards-list tbody tr.drop-target-active{background-color:var(--primary-light)!important}.cards-list tbody tr.drop-target-active td{border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color)}.cards-list tbody tr.drop-target-active td:first-child{border-left:2px solid var(--primary-color)}.cards-list tbody tr.drop-target-active td:last-child{border-right:2px solid var(--primary-color)}.collection-item.drop-target-active{background-color:var(--primary-light)!important;outline:2px solid var(--primary-color);outline-offset:-2px}.multi-drop-zone{display:none;background-color:#ffffff05;border:2px dashed var(--text-tertiary);border-radius:var(--radius-lg);cursor:pointer;padding:1rem}.multi-drop-zone.visible{display:block;padding:1.25rem 1rem;margin:0 .5rem .75rem;animation:dropZoneFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropZoneFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.multi-drop-content{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.multi-drop-content .lucide{width:20px;height:20px;opacity:.7}.multi-drop-zone:hover{border-color:var(--text-secondary);background-color:var(--bg-tertiary)}.multi-drop-zone:hover .multi-drop-content{color:var(--text-primary)}.multi-drop-zone:hover .multi-drop-content .lucide{opacity:1}.multi-drop-zone.drag-over{border-color:var(--primary-color);border-style:solid;background-color:var(--primary-light)}.multi-drop-zone.drag-over .multi-drop-content{color:var(--primary-color)}.multi-drop-zone.drag-over .multi-drop-content .lucide{opacity:1}@media(max-width:1023px){.multi-drop-zone,.multi-drop-zone.visible{display:none!important}}.pdf-spinner{animation:spin .8s linear infinite;display:inline-block}.preview-spinner{animation:spin .8s linear infinite}.pdf-generation-overlay{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#000000eb;z-index:99999999;display:flex;flex-direction:column;gap:12px;padding:16px 24px;border-radius:12px;color:#fff;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 8px 32px #00000080;min-width:280px;backdrop-filter:blur(8px);animation:pdfOverlayFadeIn .2s ease-out}@keyframes pdfOverlayFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pdf-overlay-content{display:flex;align-items:center;gap:12px}.pdf-overlay-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.pdf-overlay-info{display:flex;flex-direction:column;gap:2px}.pdf-overlay-title{font-size:14px;font-weight:600}.pdf-overlay-details{font-size:12px;opacity:.7}.pdf-overlay-progress{height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.pdf-overlay-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#fff,#e0e0e0);border-radius:3px;transition:width .3s ease}.image-preview-tooltip{position:fixed;z-index:var(--z-max);display:none;pointer-events:none;background-color:#fff;border:none;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0009;padding:4px;max-width:300px;max-height:300px}.image-preview-tooltip.active{display:block}.image-preview-tooltip img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);max-width:300px;max-height:300px}.modal-crop{max-width:96vw;width:96vw;max-height:96vh;height:96vh;display:flex;flex-direction:column}.modal-crop .modal-header,.modal-crop .modal-footer{flex-shrink:0;padding:.75rem 1.25rem}.modal-body-crop{padding:0;display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden}.crop-canvas-container{background-color:var(--bg-input);flex:1;display:flex;align-items:center;justify-content:center;padding:0;position:relative;min-height:0;overflow:hidden}#cropCanvasNew{max-width:100%;max-height:100%;cursor:grab;display:block;border-radius:0}#cropCanvasNew:active{cursor:grabbing}.crop-upload-zone{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-input);color:var(--text-secondary);padding:2rem;text-align:center}.crop-upload-zone.active{display:flex}.crop-upload-icon{width:80px;height:80px;background-color:var(--bg-input);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.crop-upload-icon .lucide{width:40px;height:40px;color:var(--primary-color)}.crop-upload-zone h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.crop-upload-zone p{font-size:.875rem;margin-bottom:0;color:var(--text-secondary)}.crop-upload-actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap;justify-content:center}.crop-toolbar{background-color:var(--bg-input);padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;justify-content:center;flex-shrink:0}.crop-toolbar-spacer{flex:1}.crop-toolbar-separator{width:1px;height:24px;background-color:var(--border-color);margin:0 .5rem}.crop-tool-btn{padding:.5rem .75rem;background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.crop-tool-btn:hover{background-color:var(--bg-input)}.crop-tool-btn .lucide{width:18px;height:18px}.crop-zoom-info{text-align:center;padding:.375rem .75rem;background-color:var(--bg-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--primary-color);min-width:70px;transition:all .2s ease;user-select:none}.btn-sm{padding:.5rem .875rem;font-size:.8125rem}@media(max-width:1023px){.modal-crop{width:98vw;max-height:95vh;max-height:95dvh}.crop-canvas-container{padding:1rem}.crop-toolbar{flex-wrap:wrap;justify-content:space-between;padding:.75rem}.modal-crop .modal-footer{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.modal-crop .modal-footer .btn{min-height:44px;padding:.625rem 1rem}}@media(max-height:700px){.modal-crop{max-height:95vh}.crop-canvas-container{padding:1rem}.crop-toolbar{padding:.5rem 1rem}}.checkbox-with-dropdown{display:flex;align-items:center;gap:3px;position:relative;justify-content:flex-start;margin:0;max-width:100%;width:100%;padding-left:13px}.dropdown-toggle-btn{appearance:none;-webkit-appearance:none;background:transparent;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition);opacity:.6;flex-shrink:0}.dropdown-toggle-btn:hover{background-color:var(--bg-input);opacity:1}.dropdown-toggle-btn .lucide{width:12px;height:12px;color:var(--text-secondary)}.dropdown-toggle-btn:hover .lucide{color:var(--text-primary)}.bulk-actions-dropdown{position:absolute;top:calc(100% + 4px);left:0;background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:1000;min-width:220px;padding:4px;display:none;max-height:none;overflow:visible}.bulk-actions-dropdown.active{display:block}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-align:left;font-size:.875rem;font-weight:500}.dropdown-item:hover{background-color:var(--bg-input)}.dropdown-item.danger{color:var(--danger-color)}.dropdown-item.danger:hover{background-color:var(--danger-light)}.dropdown-item .lucide{width:16px;height:16px;stroke-width:2}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item:disabled:hover{background-color:transparent}.snackbar-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:var(--z-modal);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}.snackbar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--layer-2);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);pointer-events:auto;animation:snackbarSlideUp .25s cubic-bezier(.4,0,.2,1);max-width:90vw;position:relative;overflow:hidden}.snackbar-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.snackbar-icon svg{width:18px;height:18px}.snackbar-success .snackbar-icon{color:var(--success-color)}.snackbar-error .snackbar-icon{color:var(--danger-color)}.snackbar-warning .snackbar-icon{color:var(--warning-color)}.snackbar-info .snackbar-icon{color:var(--primary-color)}.snackbar-message{font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.snackbar-action{padding:.375rem .75rem;background:transparent;color:var(--primary-color);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;margin-left:.375rem;flex-shrink:0}.snackbar-action:hover{background:var(--primary-light)}.snackbar-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--primary-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:.6}.snackbar.snackbar-hiding{animation:snackbarSlideDown .2s cubic-bezier(.4,0,.2,1) forwards}.snackbar.snackbar-replacing{animation:snackbarReplace .15s cubic-bezier(.4,0,1,1) forwards}.snackbar.snackbar-paused{box-shadow:var(--shadow-xl)}@keyframes snackbarSlideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes snackbarSlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(1rem);opacity:0}}@keyframes snackbarReplace{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.floating-word-input{position:fixed;bottom:2rem;left:calc(20vw + 2rem);right:2rem;transform:translateY(150px);z-index:500;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-word-input.active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.floating-word-input-container{background:var(--bg-primary);border-radius:24px;padding:8px 16px;box-shadow:0 8px 32px #00000080;display:flex;align-items:center;gap:8px;width:100%}.floating-word-badges{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.floating-word-badge{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-input);color:var(--text-secondary);padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500;animation:badgeSlideIn .15s ease;transition:all .15s ease}.floating-word-badge:hover{background-color:var(--bg-input)}@keyframes badgeSlideIn{0%{opacity:0;transform:scale(.9) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-word-badge-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background-color:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;font-size:14px;line-height:1;font-weight:600}.floating-word-badge-remove:hover{background-color:var(--error-color);color:var(--text-on-primary)}.floating-word-field{flex:1;min-width:200px;max-width:500px;width:280px;border:none;background:transparent;color:var(--text-primary);font-size:.9375rem;padding:8px 12px;outline:none;font-weight:500;transition:width .15s ease}.floating-word-field::placeholder{color:var(--text-tertiary);font-weight:400}.floating-word-btn{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);border:none;color:var(--text-on-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-word-btn:hover{background-color:var(--primary-hover);transform:scale(1.1)}.floating-word-btn .lucide{width:20px;height:20px;stroke-width:2.5}.floating-word-close{width:32px;height:32px;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-word-close:hover{background-color:var(--bg-input);color:var(--text-primary)}.floating-word-close .lucide{width:18px;height:18px}body.sidebar-collapsed .floating-word-input{left:calc(60px + (100vw - 60px)/2)}@media(max-width:1023px){.floating-word-input-container{min-width:320px;max-width:calc(100vw - 2rem)}}.delete-choice-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.delete-choice-btn{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.delete-choice-btn:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.delete-choice-btn i{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.delete-choice-btn .choice-text{display:flex;flex-direction:column;gap:4px}.delete-choice-btn strong{color:var(--text-primary);font-size:1rem;font-weight:600}.delete-choice-btn span{color:var(--text-secondary);font-size:.875rem}#deleteChoiceMessage{color:var(--text-primary);font-size:.9375rem;margin-bottom:8px}.game-drawer{width:0;min-width:0;flex-shrink:0;height:100%;background:var(--bg-primary);z-index:var(--z-drawer);display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;pointer-events:none}body.in-collection .game-drawer{width:100%;min-width:100%;max-width:100%;opacity:1;pointer-events:auto;border-left:none}body.in-collection .main-content-wrapper{display:none}body.skip-drawer-transition .game-drawer,body.skip-drawer-transition .main-content-wrapper,body.skip-drawer-transition .view,body.skip-drawer-transition .game-drawer *,body.skip-drawer-transition .topbar-save-status,body.skip-drawer-transition .global-save-status{transition:none!important;animation:none!important}body.opening-support-from-accueil .main-content-wrapper,body.opening-support-from-accueil #supportDrawer,body.initializing-drawer #supportDrawer,body.switching-to-library .library-content-zone{visibility:hidden!important}.game-drawer-header-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);min-height:40px}body.has-word-selection .drawer-create-section{background:linear-gradient(135deg,#5da8cd0a,#9d7dcd0a)}body.support-selected .word-row.in-support{background:var(--primary-light);border-left:3px solid var(--primary-color)}body.support-selected .word-row:not(.in-support){opacity:.6}body.support-selected .word-row:not(.in-support):hover{opacity:1}.game-drawer-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.game-drawer-body{flex:1;min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column}.drawer-title-actions-bar{display:flex;gap:.375rem;align-items:center;margin-bottom:.625rem;min-width:0;overflow:hidden;flex-shrink:0}.drawer-title-input-container{flex:1;min-width:0;display:flex;align-items:center;gap:.375rem;padding:0 .625rem;height:36px;border:none;border-radius:var(--radius-md);background-color:var(--toolbar-item-bg, rgba(255, 255, 255, .04));transition:var(--transition)}.drawer-header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.drawer-btn-compact{display:flex;align-items:center;justify-content:center;gap:.375rem;height:36px;padding:0 .75rem;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.drawer-btn-compact:hover{background:var(--layer-3)}.drawer-btn-compact i{width:16px;height:16px}.drawer-btn-compact.drawer-btn-accent{background:var(--primary-color);color:var(--text-on-primary)}.drawer-btn-compact.drawer-btn-accent:hover{background:var(--primary-dark)}@media(max-width:599px){.drawer-btn-compact span{display:none}.drawer-btn-compact{padding:0;width:36px}.drawer-header-actions{gap:.25rem}}@media(max-width:599px){.drawer-btn-compact,.drawer-close-btn{width:32px;height:32px}.drawer-title-input-container{height:32px;padding:0 .5rem}.drawer-title-input{font-size:.75rem}}.drawer-title-input-container:hover{background-color:var(--toolbar-item-hover, rgba(255, 255, 255, .08))}.drawer-title-input-container:focus-within{border:none;background-color:var(--toolbar-item-hover, rgba(255, 255, 255, .08));box-shadow:none}.drawer-title-input{flex:1;min-width:120px;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;outline:none;padding:0;font-weight:500}.drawer-title-input::placeholder{color:var(--text-tertiary)}.drawer-save-btn{display:none!important}.drawer-save-btn .lucide{width:16px;height:16px}.drawer-save-btn:not(.dirty):not(.saved){opacity:.4;cursor:not-allowed}.drawer-save-btn:not(.dirty):not(.saved):hover{background:transparent;color:var(--text-tertiary)}.drawer-save-btn.dirty:hover{background:#ffffff1a;color:var(--text-primary)}.drawer-save-btn.dirty{opacity:1;cursor:pointer;color:var(--warning-color, #f59e0b)}.drawer-save-btn.dirty:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--warning-color, #f59e0b);border-radius:50%}.drawer-save-btn.dirty:hover{background:#f59e0b26;color:var(--warning-color, #f59e0b)}.drawer-save-btn.saved{color:var(--success-color, #22c55e)}.drawer-save-btn.saved:after{display:none}.drawer-close-btn{width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--layer-2);color:var(--text-secondary);position:relative}.drawer-close-btn:hover{background:var(--layer-3);color:var(--text-primary)}.drawer-close-btn .lucide{width:14px;height:14px;stroke-width:2}.drawer-close-btn[title]:after{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);padding:.375rem .625rem;background-color:#1e1e1ef2;color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .2s ease .4s,transform .2s ease .4s;z-index:10001;border:1px solid var(--border-color);box-shadow:0 4px 12px #0006;backdrop-filter:blur(8px)}.drawer-close-btn[title]:hover:after{opacity:1;transform:translate(-50%) translateY(8px)}.drawer-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition);flex-shrink:0;border:none}.drawer-icon-btn:hover{background:var(--bg-hover)}.drawer-icon-btn i{width:16px;height:16px}.drawer-btn-with-text#btnDrawerPrint{background:var(--bg-tertiary);color:var(--text-primary)}.drawer-btn-with-text#btnDrawerPrint:hover{background:var(--bg-hover)}.drawer-close-icon{background:var(--bg-tertiary);color:var(--text-primary)}.drawer-close-icon:hover{background:var(--bg-hover)}.drawer-btn-with-text{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 8px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition);flex-shrink:0;font-size:.75rem;font-weight:500;border:none}.drawer-btn-with-text:hover{background:var(--bg-hover)}.drawer-btn-with-text i{width:16px;height:16px}.drawer-btn-with-text span{white-space:nowrap}.drawer-action-buttons{display:flex;gap:.5rem;margin-bottom:.625rem;padding:0}.drawer-btn-accent{flex:1;height:32px;font-size:.8125rem;background:var(--primary-color);color:var(--text-on-primary);border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.375rem;position:relative}.drawer-btn-accent:hover{background:var(--primary-hover)}.drawer-btn-accent .lucide{width:14px;height:14px;stroke-width:2}.drawer-btn-accent[title]:after{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);padding:.375rem .625rem;background-color:#1e1e1ef2;color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .2s ease .4s,transform .2s ease .4s;z-index:10001;border:1px solid var(--border-color);box-shadow:0 4px 12px #0006;backdrop-filter:blur(8px)}.drawer-btn-accent[title]:hover:after{opacity:1;transform:translate(-50%) translateY(8px)}.drawer-btn-normal{flex:1;height:32px;font-size:.8125rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.375rem;position:relative}.drawer-btn-normal:hover{background:var(--bg-hover)}.drawer-btn-normal .lucide{width:14px;height:14px;stroke-width:2}.drawer-btn-normal[title]:after{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);padding:.375rem .625rem;background-color:#1e1e1ef2;color:var(--text-primary);font-size:.75rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .2s ease .4s,transform .2s ease .4s;z-index:10001;border:1px solid var(--border-color);box-shadow:0 4px 12px #0006;backdrop-filter:blur(8px)}.drawer-btn-normal[title]:hover:after{opacity:1;transform:translate(-50%) translateY(8px)}.selected-words-compact{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.selected-words-compact:empty{display:none}.selected-words-compact+.helper-text-compact{display:flex}.selected-words-compact:not(:empty)+.helper-text-compact{display:none}.word-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-tertiary);border-radius:12px;font-size:.75rem;color:var(--text-primary);transition:var(--transition)}.word-badge:hover{background:var(--bg-hover)}.word-badge-remove{background:none;border:none;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition);border-radius:50%}.word-badge-remove:hover{background:var(--danger-color);color:var(--text-on-primary)}.word-badge-remove i{width:10px;height:10px}.helper-text-compact{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);margin-bottom:16px;padding:8px;background:var(--bg-primary);border-radius:var(--radius-md)}.helper-text-compact i{width:14px;height:14px;flex-shrink:0}.params-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:10px;overflow:visible}.params-bar .param-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1875rem;min-width:0}.params-bar .param-label{font-size:.625rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.015em;text-align:center;line-height:1.1;white-space:nowrap}.params-bar .param-btn-compact{display:flex;align-items:center;justify-content:center;width:100%;max-width:60px;height:28px;padding:0 .375rem;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--transition);border:none}.params-bar .param-btn-compact:hover{background:var(--bg-hover)}.params-bar .param-btn-icon,.param-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex-shrink:0}.params-bar .param-btn-icon:hover,.param-btn-icon:hover{background:var(--layer-3);color:var(--text-primary)}.params-bar .param-btn-icon:active,.param-btn-icon:active{background:var(--bg-hover);transform:translateY(0)}.params-bar .param-btn-icon.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.params-bar .param-btn-icon.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.params-bar .param-btn-icon i,.param-btn-icon i{width:14px;height:14px}.params-bar .boards-control,.boards-control{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%}.params-bar .boards-value,.boards-value{min-width:24px;font-size:.75rem;font-weight:600;text-align:center;color:var(--text-primary)}.param-select-compact{width:100%;max-width:100%;height:30px;padding:0 1.5rem 0 .5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ECECF1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .375rem center;background-size:12px}.param-select-compact:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.param-select-compact:focus{outline:none;background-color:var(--bg-tertiary);border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff1a}.select-hidden,.checkbox-hidden{display:none}@media(max-width:1023px){.params-bar{gap:.375rem;padding:.5rem}.params-bar .param-btn-icon{width:28px;height:28px}.params-bar .param-btn-icon i{width:15px;height:15px}.params-bar .param-btn-compact{height:26px;max-width:56px}.param-select-compact{height:28px;font-size:.625rem}}@media(max-width:1023px){.params-bar{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media(max-width:599px){.params-bar{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.params-bar .param-label{font-size:.5625rem}}.preview-cell-interactive{position:relative;transform:translateZ(0);backface-visibility:hidden}.preview-cell-interactive:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:10;opacity:0;transition:opacity .1s ease}.preview-cell-interactive:after{content:"";position:absolute;inset:0;border-radius:inherit;border:4px solid transparent;pointer-events:none;z-index:20;transition:border-color .1s ease}.preview-cell-interactive:hover:after{border-color:var(--primary-color)}.preview-cell-interactive:hover:before{background:#00000040;opacity:1}.cell-hover-overlay{position:absolute;inset:0;background:#00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10;border-radius:inherit}.preview-cell-interactive:hover .cell-hover-overlay{opacity:1;pointer-events:auto}.cell-hover-word{color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:4px 12px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5);background:#00000040;border-radius:4px}.cell-delete-btn{position:absolute;top:0;right:0;width:44px;height:44px;border-radius:0 0 0 16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#dc3545e6;color:#fff;opacity:0;pointer-events:none;transition:all .15s ease;z-index:15}.cell-delete-btn .lucide{width:24px;height:24px}.preview-cell-interactive:hover .cell-delete-btn{opacity:1;pointer-events:auto}.cell-delete-btn:hover{background:#c82333}.drawer-params-organized{display:flex;margin-bottom:.625rem}.params-section{background:transparent;border:none;border-radius:var(--radius-md);padding:.625rem .75rem;flex:1}.params-section-header{display:none}.params-grid{display:flex;gap:.625rem;align-items:flex-end}.param-item{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;flex:1;min-width:0}.param-item .param-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:none;letter-spacing:0;text-align:center;padding:0;margin-bottom:.375rem}.param-segmented{display:inline-flex;background:var(--layer-2);border:none;border-radius:var(--radius-md);padding:2px;gap:2px}.param-segmented input[type=radio]{display:none}.param-segmented label{display:flex;align-items:center;justify-content:center;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;color:var(--text-secondary);background:transparent;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all .2s ease;white-space:nowrap;user-select:none;min-width:32px}.param-segmented label:hover{color:var(--text-primary);background:var(--bg-hover)}.param-segmented input[type=radio]:checked+label{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.param-segmented label i{width:16px;height:16px}.drawer-params-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;flex-shrink:0}.param-inline{display:flex;flex-direction:column;gap:.375rem}.param-inline-label{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.025em}.param-inline>*:not(.param-inline-label):not(input[type=hidden]){height:32px;width:100%}.param-segmented-compact{display:flex;background:var(--layer-2);border-radius:var(--radius-md);padding:3px;gap:2px;height:32px;box-sizing:border-box}.seg-btn-compact{display:flex;align-items:center;justify-content:center;flex:1;gap:.25rem;padding:0;height:100%;background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--text-tertiary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.seg-btn-compact:hover{color:var(--text-secondary);background:#ffffff0f}.seg-btn-compact.active{background:var(--primary-color);color:var(--text-on-primary)}.seg-btn-compact.active:hover{background:var(--primary-color)}.seg-btn-compact:disabled{opacity:.4;cursor:not-allowed}.seg-btn-compact svg{width:14px;height:14px;flex-shrink:0}.seg-btn-compact i{width:12px;height:12px;flex-shrink:0}.param-inline .param-select-compact{width:100%;height:32px;padding:0 2rem 0 .75rem;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.param-inline .param-select-compact:hover{background:var(--layer-3)}.param-inline .param-select-compact:focus{outline:none;background:var(--layer-3)}.param-color-swatches{display:flex;align-items:center;gap:4px;height:32px;padding:0 8px;background:var(--layer-2);border-radius:var(--radius-md);box-sizing:border-box}.param-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;background-color:var(--swatch-color);cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.param-color-swatch:hover{transform:scale(1.15)}.param-color-swatch.active{border-color:var(--text-on-primary);box-shadow:0 0 0 2px var(--swatch-color)}.param-writings .seg-btn-compact{opacity:1;color:var(--text-tertiary);background:var(--layer-2);border:1px solid var(--border-subtle);font-weight:500;transition:all .15s ease}.param-writings .seg-btn-compact:hover:not(.active){background:var(--layer-3);color:var(--text-secondary)}.param-writings .seg-btn-compact.active{opacity:1;background:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color)}.param-writings .seg-btn-compact .font-cursive{font-family:"Cursive",cursive}.param-inline.param-inline-wide{flex:2;min-width:200px}.param-input-wide{width:100%;height:28px;padding:0 .5rem;background:var(--layer-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem}.param-input-wide::placeholder{color:var(--text-tertiary)}.param-input-wide:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #5da8cd4d}.param-stepper-compact{display:flex;align-items:center;justify-content:space-between;background:var(--layer-2);border-radius:var(--radius-md);padding:3px;height:32px;box-sizing:border-box}.stepper-btn-compact{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.stepper-btn-compact:hover{background:#ffffff14;color:var(--text-primary)}.stepper-btn-compact:active{transform:scale(.92)}.stepper-btn-compact i{width:12px;height:12px}.stepper-input{flex:1;min-width:0;height:26px;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;font-weight:600;text-align:center;-moz-appearance:textfield}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{outline:none}.toggle-btn-compact{display:flex;height:24px;background:var(--layer-2);border-radius:var(--radius-sm);padding:2px;cursor:pointer;position:relative}.toggle-btn-compact input{opacity:0;width:0;height:0;position:absolute}.toggle-btn-compact .toggle-options{display:flex;width:100%;position:relative}.toggle-btn-compact .toggle-option{flex:1;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:500;color:var(--text-tertiary);border-radius:calc(var(--radius-sm) - 1px);transition:color .2s ease;z-index:1}.toggle-btn-compact .toggle-slider{position:absolute;top:0;left:0;width:50%;height:100%;background:var(--primary-color);border-radius:calc(var(--radius-sm) - 1px);transition:transform .2s ease}.toggle-btn-compact input:not(:checked)~.toggle-options .toggle-slider{transform:translate(0)}.toggle-btn-compact input:not(:checked)~.toggle-options .toggle-option:first-of-type{color:var(--text-on-primary)}.toggle-btn-compact input:checked~.toggle-options .toggle-slider{transform:translate(100%)}.toggle-btn-compact input:checked~.toggle-options .toggle-option:last-of-type{color:var(--text-on-primary)}.toggle-compact input:checked+.toggle-track-compact:hover{background:var(--primary-dark)}@media(max-width:599px){.drawer-params-compact{flex-direction:column}.param-inline{width:100%;justify-content:space-between}}.drawer-params-section{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:.75rem}.drawer-param-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .625rem;background:var(--bg-secondary);border-radius:var(--radius-sm);transition:var(--transition)}.drawer-param-item:hover{background:var(--bg-hover)}.drawer-param-label{flex:1;min-width:0}.drawer-param-label strong{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:0;line-height:1.3}.drawer-param-description{font-size:.6875rem;color:var(--text-secondary);margin:0;line-height:1.2;display:none}.drawer-param-select{min-width:110px;padding:.375rem 2rem .375rem .5rem;background:var(--layer-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.drawer-param-select:hover{background-color:var(--layer-3);border-color:var(--border-medium)}.drawer-param-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.drawer-param-control{display:flex;align-items:center;gap:.375rem}.drawer-param-btn-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.drawer-param-btn-icon:hover{background:var(--layer-3);color:var(--text-primary)}.drawer-param-btn-icon:active{transform:scale(.95)}.drawer-param-btn-icon i{width:14px;height:14px}.drawer-param-value{min-width:24px;font-size:.8125rem;font-weight:600;color:var(--text-primary);text-align:center}.drawer-param-divider{height:1px;background:var(--border-color);margin:.125rem 0}.drawer-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.drawer-toggle-switch input{opacity:0;width:0;height:0}.drawer-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--layer-2);border:none;transition:var(--transition-slow);border-radius:12px}.drawer-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-tertiary);transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0003}.drawer-toggle-switch input:checked+.drawer-toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.drawer-toggle-switch input:checked+.drawer-toggle-slider:before{transform:translate(18px);background-color:var(--text-on-primary)}.drawer-toggle-slider:hover{border-color:var(--primary-color);background-color:var(--bg-hover)}.drawer-toggle-switch input:checked+.drawer-toggle-slider:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.config-section{margin-bottom:16px}.config-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.form-group-compact{margin-bottom:12px}.form-group-compact label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.input-sm,.select-sm{width:100%;padding:7px 10px;background:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;transition:var(--transition)}.input-sm:focus,.select-sm:focus{outline:none;background:var(--bg-tertiary)}.select-sm{cursor:pointer}.radio-group-inline{display:flex;gap:12px}.radio-group-inline label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.8125rem;color:var(--text-primary)}.radio-group-inline input[type=radio]{cursor:pointer}.checkbox-label-inline{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.8125rem;color:var(--text-primary)}.checkbox-label-inline input[type=checkbox]{cursor:pointer}.preview-section{margin-top:8px}.section-label-small{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.drawer-preview-container{background:var(--bg-primary);border-radius:var(--radius-md);padding:12px;min-height:150px}.drawer-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:var(--text-tertiary);text-align:center}.drawer-preview-empty i,.drawer-preview-empty svg{width:36px;height:36px;margin-bottom:8px;opacity:.4}.drawer-preview-empty p{font-size:.75rem}.drawer-preview-board{background:transparent;border:none;padding:0;display:flex;flex-direction:column;gap:2px;width:100%;max-width:95%;margin:0 auto}.drawer-preview-board-title{font-size:.32rem;font-weight:600;color:#000;text-align:center;margin-bottom:1px}.drawer-preview-grid{display:grid;gap:2.4px;width:90%;margin:0 auto}.drawer-preview-grid.grid-2x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.drawer-preview-grid.grid-3x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.drawer-preview-grid.grid-4x5{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr)}.drawer-preview-cell{aspect-ratio:1;background:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2.5px;overflow:hidden;position:relative}.drawer-preview-cell img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:4px;clip-path:inset(0 round 4px);transform:scale(1.15)}.drawer-preview-cell .word{position:relative;z-index:2;font-size:.24rem;color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 2px;background:#fffffff2;backdrop-filter:blur(4px);border-radius:2px;margin:0 auto;width:fit-content;max-width:90%;line-height:1.2;text-transform:uppercase;font-weight:600;letter-spacing:.01em}.drawer-preview-grid.grid-2x3 .word{font-size:.27rem;padding:1px 2px}.drawer-preview-grid.grid-3x4 .word{font-size:.23rem;padding:1px 2px}.drawer-preview-grid.grid-4x5 .word{font-size:.19rem;padding:1px 2px}.preview-section-top{margin-bottom:12px;display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden}.drawer-preview-wrapper{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-lg, 12px);padding:16px;box-sizing:border-box;width:100%;height:100%}.drawer-preview-a4{background:#fff;overflow:hidden;width:1050px;height:742px;flex-shrink:0;transform-origin:center center;position:relative;border-radius:var(--radius-lg, 12px);box-shadow:0 4px 16px #00000026}.drawer-preview-a4.drawer-preview-portrait{width:742px;height:1050px;transform-origin:top center}.drawer-preview-a4:not(.drawer-preview-empty-page):not(:has(.drawer-preview-empty)):after{content:var(--license-text, "Lexikit \a9  2025 \2022  Pictogrammes ARASAAC \2022  Licence CC BY-NC-SA");position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:10px;font-family:system-ui,-apple-system,sans-serif;color:#777;opacity:.9;pointer-events:none;z-index:10}.preview-section-full .drawer-preview-a4:not(.drawer-preview-empty-page):not(:has(.drawer-preview-empty)):after{font-size:clamp(5px,calc(12px * var(--preview-zoom, .65)),12px);bottom:clamp(.5px,calc(2px * var(--preview-zoom, .65)),2px)}.drawer-preview-a4 .drawer-preview-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:var(--text-tertiary)}.drawer-preview-a4 .drawer-preview-empty i,.drawer-preview-a4 .drawer-preview-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.5}.drawer-preview-a4 .drawer-preview-empty span{font-size:.875rem;text-align:center;opacity:.7}.drawer-preview-a4 .drawer-preview-board{width:100%;height:100%}.loto-word-cards-page{width:100%;height:100%;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;border-radius:24px}.loto-word-cards-title{text-align:center;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;flex-shrink:0}.loto-word-cards-grid{flex:1;display:grid;gap:12px;align-content:center;justify-content:center}.loto-word-cards-grid-2x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.loto-word-cards-grid-3x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.loto-word-card{display:flex;align-items:center;justify-content:center;background:#fff;border:1px dashed;border-radius:24px;font-size:1.5rem;font-weight:600;text-transform:uppercase;text-align:center;padding:12px;aspect-ratio:1;box-sizing:border-box}.loto-word-card-empty{background:transparent;border-color:transparent}.preview-sheet{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px}.preview-sheet.sheet-layout-1col{flex-direction:column}.preview-sheet.sheet-layout-2col{flex-direction:row}.preview-sheet.sheet-layout-2col .drawer-preview-board{flex:1;max-width:48%}.preview-sheet.sheet-layout-landscape{padding:12px}.preview-sheet.sheet-layout-landscape .drawer-preview-board{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-sheet.sheet-layout-landscape .drawer-preview-board-title{font-size:.32rem;margin-bottom:1px;text-align:center}.preview-sheet.sheet-layout-landscape .drawer-preview-grid{width:90%;max-width:90%;margin:0 auto}.preview-sheet.sheet-layout-landscape .drawer-preview-grid.grid-2x3{gap:2.4px}.preview-sheet.sheet-layout-landscape .drawer-preview-grid.grid-2x3 .word{font-size:.27rem;padding:1px 2px}.preview-sheet.sheet-layout-landscape .drawer-preview-grid.grid-3x4{gap:2.4px}.preview-sheet.sheet-layout-landscape .drawer-preview-grid.grid-3x4 .word{font-size:.23rem;padding:1px 2px}.preview-sheet.sheet-layout-landscape .drawer-preview-grid.grid-4x5{gap:2.4px}.preview-sheet.sheet-layout-landscape .drawer-preview-grid.grid-4x5 .word{font-size:.19rem;padding:1px 2px}.selected-words-section{margin-top:12px}.selected-words-header{display:flex;align-items:center;margin-bottom:8px}.selected-words-count-text{font-size:.6875rem;font-weight:500;color:var(--text-tertiary)}.params-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.param-item{display:flex;flex-direction:column;gap:4px}.param-item-full{margin-top:4px}.param-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.select-simple{width:100%;padding:6px 8px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;transition:var(--transition);cursor:pointer}.select-simple:focus{outline:none;background:var(--bg-tertiary)}.preview-carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;z-index:10;backdrop-filter:blur(8px)}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-btn:hover:not(:disabled){background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-btn:disabled{opacity:.25;cursor:not-allowed;background:#0000004d}.carousel-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);text-align:center;font-size:.75rem;font-weight:500;color:#fff;background:#0009;padding:6px 14px;border-radius:16px;backdrop-filter:blur(8px);z-index:10}.custom-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:.8125rem;color:var(--text-primary)}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:18px;height:18px;border-radius:4px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;position:relative}.custom-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color)}.custom-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;width:5px;height:9px;border-width:0 2px 2px 0;transform:rotate(45deg);top:2px;left:5px}.checkbox-label-text{flex:1}.drawer-step{display:flex;flex-direction:column;flex:1;min-height:0}.drawer-step-config{padding:0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;position:relative}.drawer-toolbar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1rem;background:var(--layer-1);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative;z-index:50}.drawer-toolbar-left{display:flex;align-items:center;gap:.5rem;position:absolute;left:1rem}.drawer-toolbar-center{display:flex;align-items:center;gap:.75rem}.drawer-toolbar-right{display:flex;align-items:center;gap:.5rem;position:absolute;right:1rem}.sidebar-search-zone{padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-search-zone .drawer-quick-zone{display:flex;align-items:center;gap:.375rem;height:36px;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 .5rem;position:relative}.sidebar-search-zone .drawer-quick-zone:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #5da8cd26}.sidebar-search-zone .finder-quick-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;outline:none}.sidebar-search-zone .finder-quick-input::placeholder{color:var(--text-tertiary)}.sidebar-search-zone .finder-icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;flex-shrink:0}.sidebar-search-zone .finder-icon-btn:hover{background:var(--layer-3);color:var(--text-primary)}.sidebar-search-zone .finder-icon-btn .lucide{width:14px;height:14px}.sidebar-search-zone .input-clear-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:var(--layer-3);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all .15s ease;flex-shrink:0}.sidebar-search-zone .input-clear-btn:hover{background:var(--text-tertiary);color:var(--bg-primary)}.sidebar-search-zone .input-clear-btn .lucide{width:12px;height:12px}.sidebar-search-zone .drawer-autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:280px;max-height:300px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:300}.drawer-toolbar-params-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative}.drawer-toolbar-params-btn:hover{background:var(--layer-3);color:var(--text-primary)}.drawer-toolbar-params-btn.active{background:var(--primary-bg);color:var(--primary-color)}.drawer-toolbar-params-btn .lucide{width:18px;height:18px}.drawer-toolbar-btn-pdf{display:flex;align-items:center;gap:.375rem;height:36px;padding:0 .75rem;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:var(--text-on-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.drawer-toolbar-btn-pdf:hover{background:var(--primary-dark)}.drawer-toolbar-btn-pdf:disabled{opacity:.5;cursor:not-allowed}.drawer-toolbar-btn-pdf .lucide{width:16px;height:16px}.drawer-toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.drawer-toolbar-btn:hover{background:var(--layer-2);color:var(--text-primary)}.drawer-toolbar-btn .lucide{width:18px;height:18px}.drawer-toolbar-btn-primary{background:var(--primary-color);color:var(--text-on-primary)}.drawer-toolbar-btn-primary:hover{background:var(--primary-dark);color:var(--text-on-primary)}.drawer-toolbar-btn-primary:disabled{opacity:.5;cursor:not-allowed}.drawer-toolbar-title{flex:1;min-width:0}.drawer-toolbar-input{width:100%;height:36px;padding:0 .75rem;border:1px solid transparent;border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-primary);font-size:.875rem;font-weight:500;transition:all .15s ease}.drawer-toolbar-input:hover{border-color:var(--border-subtle)}.drawer-toolbar-input:focus{outline:none;border-color:var(--primary-color);background:var(--layer-1)}.drawer-toolbar-input::placeholder{color:var(--text-tertiary)}.drawer-toolbar-separator{width:1px;height:24px;background:var(--border-subtle);flex-shrink:0}.drawer-toolbar-params-wrapper{position:relative}.drawer-params-popover{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0003,0 4px 12px #0000001a;width:300px}.drawer-params-popover.active{display:block}.params-popover-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.params-popover-content .param-inline{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;min-height:36px}.params-popover-content .param-inline-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-transform:none;letter-spacing:normal;flex-shrink:0;width:70px}.params-popover-content .param-inline>*:not(.param-inline-label):not(input[type=hidden]){height:32px;flex:1;min-width:0}.params-popover-content .param-stepper-compact{display:flex;align-items:center;background:var(--layer-2);border-radius:var(--radius-md);height:32px;padding:0;overflow:hidden}.params-popover-content .stepper-btn-compact{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.params-popover-content .stepper-btn-compact:hover{background:var(--layer-3);color:var(--text-primary)}.params-popover-content .stepper-btn-compact .lucide{width:14px;height:14px}.params-popover-content .stepper-input{width:40px;height:32px;text-align:center;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:600}.params-popover-content .stepper-input::-webkit-outer-spin-button,.params-popover-content .stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.params-popover-content .param-segmented-compact{display:flex;align-items:center;background:var(--layer-2);border-radius:var(--radius-md);height:32px;padding:3px;gap:2px;flex:1}.params-popover-content .seg-btn-compact{display:flex;align-items:center;justify-content:center;flex:1;height:100%;padding:0 .5rem;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.params-popover-content .seg-btn-compact:hover{background:var(--layer-3);color:var(--text-primary)}.params-popover-content .seg-btn-compact.active{background:var(--primary-color);color:var(--text-on-primary)}.params-popover-content .param-select-compact{height:32px;min-width:110px;padding:0 1.75rem 0 .75rem;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:all .15s ease}.params-popover-content .param-select-compact:hover{background-color:var(--layer-3)}.params-popover-content .param-select-compact:focus{outline:none;background-color:var(--layer-3)}.params-popover-content .param-color-swatches{display:flex;align-items:center;justify-content:flex-end;gap:4px;height:32px;padding:0 6px;background:var(--layer-2);border-radius:var(--radius-md);flex:1}.params-popover-content .param-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;background-color:var(--swatch-color);cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.params-popover-content .param-color-swatch:hover{transform:scale(1.1)}.params-popover-content .param-color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.params-popover-content .param-writings .seg-btn-compact{opacity:.5;background:transparent}.params-popover-content .param-writings .seg-btn-compact.active{opacity:1;background:var(--primary-color);color:var(--text-on-primary)}.params-popover-content .param-writings .seg-btn-compact .font-cursive{font-family:"Cursive",cursive}.drawer-search-zone{padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative;z-index:10}.drawer-quick-zone{position:relative;display:flex;align-items:center;gap:.375rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 .5rem;height:40px;transition:all .15s ease}.drawer-quick-zone:hover{background:var(--layer-3);border-color:var(--border-medium)}.drawer-quick-zone:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.drawer-quick-zone .finder-icon-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.drawer-quick-zone .finder-icon-btn:hover{background:var(--layer-1);color:var(--primary-color)}.drawer-quick-zone .finder-icon-btn .lucide{width:16px;height:16px}.drawer-quick-zone .finder-quick-input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}.drawer-quick-zone .finder-quick-input::placeholder{color:var(--text-tertiary)}.drawer-word-badges{display:flex;flex-wrap:nowrap;gap:.25rem;overflow:hidden}.drawer-word-badges .word-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:var(--primary-bg);border-radius:var(--radius-sm);font-size:.75rem;color:var(--primary-color);white-space:nowrap}.drawer-word-badges .word-badge button{background:none;border:none;padding:0;cursor:pointer;color:var(--primary-color);display:flex;align-items:center;opacity:.7;transition:opacity .15s ease}.drawer-word-badges .word-badge button:hover{opacity:1}.drawer-word-badges .word-badge button .lucide{width:10px;height:10px}.drawer-main-content{--sidebar-width: 340px;--sidebar-padding: 1rem;flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.drawer-sidebar-zone{position:absolute;left:0;top:0;bottom:0;width:var(--sidebar-width);padding:var(--sidebar-padding);box-sizing:border-box;z-index:20;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.drawer-sidebar-zone.sidebar-collapsed{width:0;padding:0;overflow:hidden}.drawer-sidebar-zone.sidebar-collapsed .drawer-words-sidebar{opacity:0;transform:translate(-100%)}.drawer-words-sidebar,.library-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:var(--layer-1);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a;border:1px solid var(--border-medium);overflow:hidden}.drawer-words-sidebar{pointer-events:auto}.drawer-params-zone{position:absolute;right:0;top:0;bottom:0;width:var(--sidebar-width);padding:var(--sidebar-padding);box-sizing:border-box;z-index:20;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.drawer-params-zone.sidebar-collapsed{width:0;padding:0;overflow:hidden}.drawer-params-zone.sidebar-collapsed .drawer-params-sidebar{opacity:0;transform:translate(100%)}.sidebar-collapse-btn{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-collapse-btn i,.sidebar-collapse-btn svg{width:16px;height:16px}.drawer-params-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a;border:1px solid var(--border-subtle);overflow:hidden;pointer-events:auto}.params-sidebar-title-header{background:var(--layer-1);padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;min-height:48px}.params-sidebar-title-header .params-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.drawer-params-sidebar .params-sidebar-header{background:var(--layer-1);border-bottom:1px solid var(--border-subtle);padding:.5rem;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:0}.params-sidebar-title-header+.params-sidebar-header{border-radius:0}.params-sidebar-toggle{display:flex;background:var(--layer-2);border-radius:var(--radius-md);padding:.1875rem;gap:.125rem;width:100%}.params-sidebar-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);font-size:.8125rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.params-sidebar-toggle-btn:hover:not(.active){color:var(--text-secondary);background:var(--layer-3)}.params-sidebar-toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.params-sidebar-toggle-btn i{width:14px;height:14px}.params-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.params-sidebar-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.params-group{display:flex;flex-direction:column;gap:.375rem}.params-group-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding-bottom:.25rem;border-bottom:1px solid var(--border-subtle)}.params-sidebar-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.params-sidebar-row.params-sidebar-row-stacked{flex-direction:column;align-items:stretch;gap:.5rem}.params-sidebar-row.params-sidebar-row-stacked .params-sidebar-label{text-align:left}.params-sidebar-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.params-sidebar-control{width:140px;flex-shrink:0}.params-sidebar-stepper{display:flex;align-items:center;gap:.25rem;background:var(--layer-2);border-radius:var(--radius-md);padding:.125rem;width:140px;justify-content:center}.params-sidebar-stepper .stepper-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.params-sidebar-stepper .stepper-btn:hover:not(:disabled){background:var(--layer-3);color:var(--text-primary)}.params-sidebar-stepper .stepper-btn:disabled{opacity:.4;cursor:not-allowed}.params-sidebar-stepper .stepper-btn i{width:14px;height:14px}.params-sidebar-stepper .stepper-value{min-width:32px;text-align:center;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.boards-feedback{font-size:.75rem;color:var(--text-tertiary);line-height:1.4;display:flex;flex-direction:column;gap:.25rem;margin-top:auto;padding:.75rem 1rem;background:var(--layer-1);border-top:1px solid var(--border-color);text-align:center}.boards-feedback:empty{display:none;padding:0;margin:0;border:none}.boards-feedback-line{display:block}.boards-feedback-line:first-child{font-weight:600;color:var(--text-secondary);font-size:.8125rem}.boards-feedback.warning,.boards-feedback.warning .boards-feedback-line:first-child{color:var(--warning-color, #f59e0b)}.boards-feedback.balanced{color:var(--text-secondary)}.boards-feedback .ideal-hint{opacity:.7;font-style:italic}.boards-feedback .feedback-action{color:var(--primary-color);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.boards-feedback .feedback-action:hover{text-decoration:none}.params-sidebar-segmented{display:flex;background:var(--layer-2);border-radius:var(--radius-md);padding:.125rem;gap:.125rem;width:140px;flex-shrink:0}.params-sidebar-segmented.params-sidebar-segmented-full{width:100%}.params-segmented-stack{display:flex;flex-direction:column;gap:4px;width:100%}.params-sidebar-segmented.params-sidebar-segmented-wrap{flex-wrap:wrap;gap:4px}.params-sidebar-segmented.params-sidebar-segmented-wrap .seg-btn-compact{flex:0 0 auto}.params-sidebar-segmented .seg-btn{flex:1;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.params-sidebar-segmented .seg-btn:hover:not(.active){color:var(--text-secondary);background:var(--layer-3)}.params-sidebar-segmented .seg-btn.active{background:var(--primary-color);color:#fff}.params-sidebar-select{width:140px;flex-shrink:0;height:32px;padding:0 1.75rem 0 .625rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ECECF1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.params-sidebar-select:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.params-sidebar-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff1a}.params-sidebar-input{flex:1;min-width:0;height:32px;padding:0 .625rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:500;transition:var(--transition)}.params-sidebar-input:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.params-sidebar-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff1a}.params-sidebar-input::placeholder{color:var(--text-tertiary)}.params-sidebar-colors{display:flex;gap:.375rem}.params-sidebar-colors .color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:var(--transition);background-color:var(--swatch-color)}.params-sidebar-colors .color-swatch:hover{transform:scale(1.1)}.params-sidebar-colors .color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.params-sidebar-writings{display:flex;gap:.25rem}.params-sidebar-writings .writing-btn{flex:1;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.params-sidebar-writings .writing-btn:hover:not(.active){background:var(--layer-3);color:var(--text-secondary)}.params-sidebar-writings .writing-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.params-sidebar-footer{padding:1rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.params-sidebar-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none}.params-sidebar-btn i{width:16px;height:16px}.params-sidebar-btn-primary{background:var(--primary-color);color:#fff}.params-sidebar-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.params-sidebar-btn-primary:disabled{opacity:.5;cursor:not-allowed}.params-sidebar-btn-secondary{background:var(--layer-2);color:var(--text-primary);border:1px solid var(--border-subtle)}.params-sidebar-btn-secondary:hover{background:var(--layer-3)}.params-sidebar-segmented .seg-btn-compact{flex:1;padding:.375rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.params-sidebar-segmented .seg-btn-compact:hover:not(.active){color:var(--text-secondary);background:var(--layer-3)}.params-sidebar-segmented .seg-btn-compact.active{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #3b82f640}.params-checkboxes-row{display:flex;gap:.5rem}.params-checkbox-label{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:var(--text-secondary);padding:.375rem .625rem;background:var(--layer-2);border-radius:var(--radius-md);border:none;transition:all .15s ease;flex:1}.params-checkbox-label:hover{background:var(--layer-3);color:var(--text-primary)}.params-checkbox-label.active{background:var(--primary-color);color:#fff}.params-checkbox-label input[type=checkbox]{display:none}.params-sidebar-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.params-sidebar-slider-value{font-size:.75rem;font-weight:600;color:var(--primary-color);background:var(--primary-color-alpha-10, rgba(59, 130, 246, .1));padding:.125rem .5rem;border-radius:var(--radius-sm)}.params-sidebar-slider-container{position:relative;padding-bottom:1rem}.params-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--layer-2);border-radius:var(--radius-full);outline:none;cursor:pointer}.params-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:transform .15s ease,box-shadow .15s ease}.params-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000040}.params-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:transform .15s ease,box-shadow .15s ease}.params-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000040}.params-slider-ticks{display:flex;justify-content:space-between;position:absolute;bottom:0;left:9px;right:9px;pointer-events:none}.params-slider-ticks span{width:4px;height:4px;background:var(--border-medium);border-radius:50%}.drawer-params-sidebar .param-color-swatches{display:flex;gap:.375rem}.drawer-params-sidebar .param-color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:var(--transition);background-color:var(--swatch-color)}.drawer-params-sidebar .param-color-swatch:hover{transform:scale(1.1)}.drawer-params-sidebar .param-color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.drawer-params-sidebar .param-writings .seg-btn-compact{opacity:1;background:var(--layer-2);border:1px solid var(--border-subtle);color:var(--text-tertiary);font-weight:500;transition:all .15s ease}.drawer-params-sidebar .param-writings .seg-btn-compact:hover:not(.active){background:var(--layer-3);color:var(--text-secondary);border-color:var(--border-color)}.drawer-params-sidebar .param-writings .seg-btn-compact.active{opacity:1;background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 1px 3px #3b82f64d}.params-tab-panel{display:none;flex:1;overflow-y:auto;padding:1rem;flex-direction:column;gap:.375rem}.params-tab-panel.active{display:flex}.style-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.style-preset{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.style-preset:hover{border-color:var(--border-subtle);transform:scale(1.02)}.style-preset.active{border-color:var(--primary-color)}.style-preset-preview{width:70%;height:70%;border-radius:var(--radius-sm);display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:4px}.style-preset-cell{border-radius:2px}.color-palettes-grid{display:flex;flex-wrap:wrap;gap:.5rem}.color-palette{display:flex;gap:2px;padding:4px;background:var(--layer-2);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.color-palette:hover{border-color:var(--border-subtle);transform:scale(1.05)}.color-palette.active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.palette-swatch{width:20px;height:20px;border-radius:4px;box-sizing:border-box}.color-picker-btn{position:relative}.color-picker-btn .picker-icon{position:absolute;bottom:2px;right:2px;color:var(--text-secondary);background:var(--layer-2);border-radius:50%;padding:2px}.custom-color-pickers{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;padding:.5rem;background:var(--layer-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.custom-color-row{display:flex;flex-direction:column;align-items:center;gap:.25rem}.custom-color-row label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.custom-color-row input[type=color]{width:100%;height:28px;padding:0;border:2px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:transparent}.custom-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.custom-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.custom-palette-editor{display:flex;align-items:flex-end;gap:.5rem;margin-top:.75rem;padding:.625rem;background:var(--layer-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.custom-palette-editor .custom-color-pickers{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:0;padding:0;background:transparent;border:none}.custom-palette-actions{display:flex;align-items:center}.btn-save-palette{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all .15s ease}.btn-save-palette:hover{background:var(--primary-hover);transform:scale(1.05)}.color-palette.saved-palette{position:relative}.color-palette .delete-palette{position:absolute;top:-7px;right:-7px;width:18px;height:18px;padding:0;background:var(--error-color);border:none;border-radius:50%;color:#fff;font-size:13px;font-weight:600;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.color-palette.saved-palette:hover .delete-palette{opacity:1}.font-selector{display:flex;gap:.5rem}.font-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--layer-2);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.font-btn span{font-size:1rem;font-weight:600;color:var(--text-primary)}.font-btn:hover{border-color:var(--border-subtle);transform:scale(1.05)}.font-btn.active{border-color:var(--primary-color);background:var(--layer-3)}.params-range-row{display:flex;flex-direction:column;gap:.5rem}.params-range-header{display:flex;justify-content:space-between;align-items:center}.params-range-value{font-size:.75rem;font-weight:600;color:var(--text-primary);background:var(--layer-2);padding:.125rem .375rem;border-radius:var(--radius-sm)}.params-range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--layer-2);outline:none;cursor:pointer}.params-range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 1px 3px #0003}.params-range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 1px 3px #0003}.params-color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.params-color-swatch{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .15s ease;background-color:var(--swatch-color)}.params-color-swatch:hover{transform:scale(1.1)}.params-color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.params-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.125rem;margin-top:.5rem}.params-group>.params-section-title:first-child,.params-tab-panel>.params-group:first-child>.params-section-title:first-child{margin-top:0}.cards-writing-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem 0}.writing-toggle{display:flex;align-items:center;gap:.625rem;cursor:pointer;flex:1;padding:.375rem .5rem;border-radius:var(--radius-md);transition:background-color .15s ease}.writing-toggle:hover{background:var(--layer-2)}.writing-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-medium);border-radius:5px;background:var(--layer-1);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}.writing-toggle input[type=checkbox]:hover{border-color:var(--primary-color);background:var(--primary-light)}.writing-toggle input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.writing-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.writing-toggle-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);user-select:none;transition:color .15s ease}.writing-toggle input[type=checkbox]:checked+.writing-toggle-label{color:var(--text-primary)}.params-sidebar-select-sm{width:110px;height:26px;padding:0 .375rem;font-size:.6875rem;flex-shrink:0}.params-section-box{background:var(--layer-2);border-radius:var(--radius-md);overflow:hidden;margin-bottom:.75rem}.params-section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--layer-3);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.params-section-header i{width:14px;height:14px;opacity:.7}.params-section-content{padding:.625rem .75rem;display:flex;flex-direction:column;gap:.5rem}.params-inline-row{display:flex;align-items:center;gap:.5rem}.params-inline-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);width:50px;flex-shrink:0}.params-color-grid.compact{display:flex;gap:.25rem;flex:1}.params-color-grid.compact .params-color-swatch{width:24px;height:24px}.params-slider-compact{display:flex;align-items:center;gap:.5rem;flex:1}.params-slider-compact .params-range-slider{flex:1;height:4px}.params-slider-compact .params-range-value{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);min-width:28px;text-align:right}.drawer-params-sidebar .param-writings .seg-btn-compact .font-cursive{font-family:"Cursive",cursive}.drawer-words-sidebar .words-sidebar-header,.library-sidebar-header{background:var(--layer-1);border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;min-height:48px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0}.drawer-words-sidebar .words-sidebar-list{flex:1;overflow-y:auto;padding:.5rem}.words-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.words-sidebar-count{font-size:.75rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-2);padding:.125rem .5rem;border-radius:var(--radius-full)}.drawer-autocomplete-dropdown,.topbar-autocomplete-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:min(480px,60vh);overflow-y:auto;z-index:200;contain:layout style paint}.drawer-autocomplete-dropdown.active,.topbar-autocomplete-dropdown.active{display:block}.drawer-autocomplete-tags-bar{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem;border-bottom:1px solid var(--border-subtle);background:var(--layer-1);position:sticky;top:0;z-index:5}.drawer-autocomplete-tag-chip{display:inline-flex;align-items:center;padding:2px 8px;background:var(--layer-2);color:var(--text-secondary);border:none;border-radius:10px;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.drawer-autocomplete-tag-chip:hover{background:var(--primary-color);color:#fff}.drawer-autocomplete-tags-bar-primary{background:var(--layer-2);border-bottom:1px solid var(--border-subtle);padding:.5rem}.drawer-autocomplete-tags-bar-primary .drawer-autocomplete-tag-chip{gap:.375rem}.drawer-autocomplete-tag-chip .tag-name{font-weight:500}.drawer-autocomplete-tag-chip .tag-count{font-size:.625rem;color:var(--text-tertiary);background:var(--layer-3);padding:.125rem .375rem;border-radius:var(--radius-full);font-weight:400}.drawer-autocomplete-tag-chip:hover .tag-count{background:#fff3;color:#fff}.drawer-autocomplete-tag-chip.active{background:var(--primary-color);color:#fff}.drawer-autocomplete-tag-chip.active .tag-count{background:#fff3;color:#fff}.drawer-autocomplete-tags-more{font-size:.6875rem;color:var(--text-tertiary);padding:.25rem .5rem}.drawer-autocomplete-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-tertiary)}.drawer-autocomplete-empty i{width:24px;height:24px;opacity:.5}.drawer-autocomplete-empty span{font-size:.875rem}.drawer-autocomplete-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;transition:background .1s ease}.drawer-autocomplete-item:hover,.drawer-autocomplete-item.selected{background:var(--layer-3)}.autocomplete-item-images{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.autocomplete-item-thumb{width:28px;height:28px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;cursor:pointer;border:2px solid transparent;transition:all .15s ease;background:var(--layer-1)}.autocomplete-item-thumb:hover{border-color:var(--primary-color);transform:scale(1.08)}.autocomplete-item-thumb img{width:100%;height:100%;object-fit:cover}.autocomplete-item-no-image{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--layer-1);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.autocomplete-item-no-image .lucide{width:14px;height:14px;color:var(--text-tertiary)}.drawer-autocomplete-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.drawer-autocomplete-item-word{font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-row-kind{margin-left:.375rem;font-size:.6875rem;font-style:italic;color:var(--text-tertiary);white-space:nowrap}.drawer-autocomplete-item-word mark{background:var(--primary-light);color:var(--primary-color);padding:0 2px;border-radius:2px}.drawer-autocomplete-item-tags{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.drawer-autocomplete-item-tags .autocomplete-tag{font-size:.625rem;color:var(--text-tertiary);white-space:nowrap}.drawer-autocomplete-item-status{font-size:.6875rem;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.drawer-autocomplete-item-status.selected{background:var(--success-bg);color:var(--success-color)}.drawer-autocomplete-tag-header{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:var(--layer-1);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:600}.drawer-autocomplete-tag-header .lucide{width:12px;height:12px;color:var(--primary-color)}.drawer-autocomplete-tag-count{background:var(--layer-3);color:var(--text-tertiary);font-size:.625rem;padding:2px 6px;border-radius:var(--radius-full)}.drawer-autocomplete-tag-add-all{margin-left:auto;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.drawer-autocomplete-tag-add-all:hover{background:var(--primary-hover);transform:scale(1.02)}.drawer-autocomplete-tag-add-all .lucide{width:12px;height:12px}.drawer-autocomplete-item-tag{background:var(--layer-1)}.drawer-autocomplete-item-tag:hover{background:var(--layer-2)}.drawer-autocomplete-create{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;color:var(--primary-color);border-top:1px solid var(--border-subtle)}.drawer-autocomplete-create:first-child{border-top:none}.drawer-autocomplete-create:hover{background:var(--primary-bg)}.drawer-autocomplete-create .lucide{width:16px;height:16px}.drawer-autocomplete-show-more{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem;background:var(--layer-1);border:none;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.drawer-autocomplete-show-more:hover{background:var(--layer-2);color:var(--primary-color)}.drawer-autocomplete-show-more .lucide{width:14px;height:14px}.words-sidebar-list{flex:1;overflow-y:auto;padding:.5rem}.word-list-item{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem;border-radius:var(--radius-md);transition:background .15s ease;box-sizing:border-box;height:64px;content-visibility:auto;contain-intrinsic-size:0 64px}.word-list-item:hover{background:var(--layer-2)}.word-list-item.word-just-added{animation:wordAddedPulse 1.5s ease-out}@keyframes wordAddedPulse{0%{background:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}to{background:transparent;box-shadow:0 0 0 2px transparent}}.preview-cell-interactive.cell-just-added{animation:cellAddedPulse 1.5s ease-out}@keyframes cellAddedPulse{0%{outline:3px solid var(--primary-color);outline-offset:-3px}to{outline:3px solid transparent;outline-offset:-3px}}.word-image-preview{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--layer-2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 3px #0000001a}.word-image-preview.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.word-image-preview.clickable:hover{transform:scale(1.04);box-shadow:0 3px 10px #00000026,0 0 0 2px var(--primary-color)}.word-image-preview img{width:100%;height:100%;object-fit:cover}.word-image-preview .lucide{width:22px;height:22px;color:var(--text-tertiary)}.word-list-item-text{flex:1;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-list-item-remove{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.word-list-item-edit{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;flex-shrink:0;transition:all .15s ease}.word-list-item:hover .word-list-item-remove,.word-list-item:hover .word-list-item-edit{opacity:1}.word-list-item-remove:hover{background:var(--danger-bg);color:var(--danger-color)}.word-list-item-edit:hover{background:var(--primary-light);color:var(--primary-color)}.word-list-item-remove .lucide,.word-list-item-remove svg,.word-list-item-edit svg{width:14px;height:14px}.image-count-badge{position:absolute;bottom:2px;right:2px;font-size:.625rem;font-weight:600;background:var(--primary-color);color:#fff;padding:1px 5px;border-radius:var(--radius-sm);line-height:1.3;box-shadow:0 1px 2px #0003}.preview-section-full{--preview-zoom: .65;--left-sidebar-width: var(--sidebar-width);--right-sidebar-width: var(--sidebar-width);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:0;overflow-y:auto;overflow-x:auto;background-color:#3a332c;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12px 12px;padding:1.5rem;padding-left:calc(var(--left-sidebar-width) + 1rem);padding-right:calc(var(--right-sidebar-width) + 1rem);position:relative;transition:padding .3s ease}.sidebar-expand-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:24px;height:64px;background:var(--bg-primary);border:1px solid var(--border-subtle);display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.sidebar-expand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-expand-btn i,.sidebar-expand-btn svg{width:14px;height:14px}.sidebar-expand-btn.expand-left{left:0;border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.sidebar-expand-btn.expand-right{right:0;border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.drawer-sidebar-zone.sidebar-collapsed~.preview-section-full .sidebar-expand-btn.expand-left,.drawer-main-content:has(.drawer-sidebar-zone.sidebar-collapsed) .sidebar-expand-btn.expand-left{display:flex}.drawer-params-zone.sidebar-collapsed~.preview-section-full .sidebar-expand-btn.expand-right,.drawer-main-content:has(.drawer-params-zone.sidebar-collapsed) .sidebar-expand-btn.expand-right{display:flex}.preview-section-full .preview-pages-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;min-height:min-content;padding-bottom:4rem}.preview-section-full .drawer-preview-a4{width:calc(1050px * var(--preview-zoom))!important;height:calc(742px * var(--preview-zoom))!important;flex-shrink:0;position:relative;background:#fff;box-shadow:0 2px 8px #00000040,0 8px 24px #0003;border-radius:var(--radius-lg);overflow:hidden;transition:width .2s ease,height .2s ease}.preview-section-full .drawer-preview-a4:not(.drawer-preview-empty-page):not(.drawer-preview-portrait)>div{position:absolute!important;top:0!important;left:0!important;width:1050px!important;height:742px!important;transform-origin:top left!important;transform:scale(var(--preview-zoom))!important;transition:transform .2s ease!important}.preview-section-full .drawer-preview-a4.drawer-preview-portrait{width:calc(742px * var(--preview-zoom))!important;height:calc(1050px * var(--preview-zoom))!important}.preview-section-full .drawer-preview-a4.drawer-preview-portrait>div{position:absolute!important;top:0!important;left:0!important;width:742px!important;height:1050px!important;transform-origin:top left!important;transform:scale(var(--preview-zoom))!important;transition:transform .2s ease!important}.preview-section-full .drawer-preview-empty-page{display:flex;align-items:center;justify-content:center;background:#fff}.preview-section-full .drawer-preview-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#999}.preview-section-full .drawer-preview-empty i,.preview-section-full .drawer-preview-empty svg{width:48px;height:48px;opacity:.5}.preview-section-full .drawer-preview-empty span{font-size:.9375rem}.sidebar-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:25;width:32px;height:56px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:0 2px 8px #00000026;transition:all .2s ease}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-toggle-btn i,.sidebar-toggle-btn svg{width:18px;height:18px}.sidebar-toggle-btn.toggle-left{left:0;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.sidebar-toggle-btn.toggle-right{right:0;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}@media(max-width:1439px){.drawer-main-content{--sidebar-width: 300px}}@media(max-width:1279px){.drawer-main-content{--sidebar-width: 260px}}@media(max-width:1099px){.drawer-sidebar-zone,.drawer-params-zone{position:fixed;top:56px;bottom:0;background:#0000004d;width:100%;padding:0;display:flex;opacity:0;pointer-events:none;z-index:200}.drawer-sidebar-zone{left:0;justify-content:flex-start}.drawer-params-zone{right:0;justify-content:flex-end}.drawer-words-sidebar,.drawer-params-sidebar{width:300px;max-width:85vw;height:100%;border-radius:0;transform:translate(-100%);transition:transform .3s ease}.drawer-params-sidebar{transform:translate(100%)}.drawer-sidebar-zone.sidebar-visible,.drawer-params-zone.sidebar-visible{opacity:1;pointer-events:auto}.drawer-sidebar-zone.sidebar-visible .drawer-words-sidebar,.drawer-params-zone.sidebar-visible .drawer-params-sidebar{transform:translate(0)}.preview-section-full{padding-left:1rem;padding-right:1rem}.sidebar-toggle-btn{display:flex}.drawer-main-content .sidebar-expand-btn,.drawer-main-content .sidebar-collapse-btn{display:none!important}}@media(max-width:1023px){.drawer-main-content{--sidebar-width: 320px}.drawer-sidebar-zone,.drawer-params-zone{position:fixed;top:56px;bottom:0;background:#0000004d;width:100%;padding:0}.drawer-sidebar-zone{left:0;justify-content:flex-start}.drawer-params-zone{right:0;justify-content:flex-end}.drawer-sidebar-zone,.drawer-params-zone{display:flex;opacity:0;pointer-events:none}.drawer-words-sidebar,.drawer-params-sidebar{width:300px;max-width:85vw;height:100%;border-radius:0;transform:translate(-100%);transition:transform .3s ease}.drawer-params-sidebar{transform:translate(100%)}.drawer-sidebar-zone.sidebar-visible,.drawer-params-zone.sidebar-visible{opacity:1;pointer-events:auto}.drawer-sidebar-zone.sidebar-visible .drawer-words-sidebar,.drawer-params-zone.sidebar-visible .drawer-params-sidebar{transform:translate(0)}.preview-section-full{padding-left:1rem;padding-right:1rem}.sidebar-toggle-btn{display:flex}.drawer-main-content:has(.drawer-sidebar-zone.sidebar-visible) .sidebar-toggle-btn.toggle-left{display:none}.drawer-main-content:has(.drawer-params-zone.sidebar-visible) .sidebar-toggle-btn.toggle-right{display:none}.drawer-main-content .sidebar-expand-btn,.drawer-main-content .sidebar-collapse-btn{display:none!important}}@media(max-width:1023px){.drawer-words-sidebar,.drawer-params-sidebar{width:300px;max-width:85vw}.preview-section-full{padding:.75rem;--preview-zoom: .45}.sidebar-toggle-btn{width:28px;height:48px}}@media(max-width:1023px){.drawer-sidebar-zone,.drawer-params-zone{top:96px}.sidebar-toggle-btn{height:40px}}@media(max-width:599px){.preview-section-full{--preview-zoom: .38;padding:.5rem .5rem 3.5rem;max-height:calc(100vh - 96px);overflow-y:auto}.drawer-main-content:has(.sidebar-visible) .preview-section-full{max-height:55vh}.preview-pages-container{justify-content:center}.drawer-sidebar-zone,.drawer-params-zone{position:fixed;top:auto!important;bottom:0;left:0;right:0;width:100%;height:auto;max-height:70vh;max-height:70dvh;background:transparent;justify-content:flex-end;flex-direction:column;z-index:1200}.drawer-sidebar-zone:before,.drawer-params-zone:before{content:"";position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;pointer-events:none;z-index:-1}.drawer-sidebar-zone.sidebar-visible:before,.drawer-params-zone.sidebar-visible:before{opacity:1;visibility:visible;pointer-events:auto}.drawer-words-sidebar,.drawer-params-sidebar{width:100%!important;max-width:100%!important;height:auto;max-height:70vh;max-height:70dvh;border-radius:1rem 1rem 0 0;transform:translateY(100%);opacity:.8;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.drawer-sidebar-zone.sidebar-visible .drawer-words-sidebar,.drawer-params-zone.sidebar-visible .drawer-params-sidebar{transform:translateY(0);opacity:1;animation:bottomSheetSlideUp .25s ease-out}.words-sidebar-header,.params-sidebar-title-header{position:relative;min-height:56px;padding:1rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.words-sidebar-header .words-sidebar-title,.params-sidebar-title-header .params-sidebar-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.words-sidebar-header .words-sidebar-count{display:none}.sidebar-collapse-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--layer-3);border-radius:50%;margin:0}.sidebar-collapse-btn:hover,.sidebar-collapse-btn:active{background:var(--layer-hover)}.sidebar-collapse-btn .lucide{display:none}.sidebar-collapse-btn:after{content:"\d7";font-size:1.5rem;font-weight:300;line-height:1;color:var(--text-secondary)}.words-sidebar-body,.params-sidebar-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}.drawer-pdf-footer{flex-shrink:0;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.params-section{padding:.625rem 1rem}.params-section-title{font-size:.6875rem;margin-bottom:.5rem}.format-options{gap:.375rem}.format-option{padding:.5rem}.format-icon{width:28px;height:28px}.format-label{font-size:.625rem}.words-sidebar-list{padding:0 .75rem}.word-item{padding:.5rem;gap:.5rem}.word-item-text{font-size:.8125rem}.sidebar-toggle-btn{position:fixed;top:auto;bottom:1rem;transform:none;z-index:200;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 12px #00000040}.sidebar-toggle-btn.toggle-left{left:1rem;border:1px solid var(--border-subtle);border-radius:50%}.sidebar-toggle-btn.toggle-right{right:1rem;border:1px solid var(--border-subtle);border-radius:50%}.drawer-main-content:has(.sidebar-visible) .sidebar-toggle-btn{opacity:0;pointer-events:none}.params-sidebar-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.params-sidebar-toggle{background:var(--layer-2);border-radius:.5rem;padding:.25rem}.params-sidebar-toggle-btn{padding:.625rem 1rem;font-size:.875rem;border-radius:.375rem}.params-sidebar-toggle-btn.active{background:var(--bg-primary);box-shadow:0 1px 4px #0000001a}}.drawer-pdf-footer{margin-top:auto;padding:.75rem;position:sticky;bottom:0;background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);z-index:10}.drawer-pdf-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:44px;padding:0 1rem;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.drawer-pdf-btn:hover{background:var(--primary-dark)}.drawer-pdf-btn:active{transform:scale(.98)}.drawer-pdf-btn i{width:18px;height:18px}.drawer-pdf-btn:disabled,.drawer-pdf-btn.disabled{background:var(--layer-2);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.drawer-pdf-btn:disabled:hover,.drawer-pdf-btn.disabled:hover{background:var(--layer-2);transform:none}.drawer-step-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.drawer-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);flex-shrink:0}.drawer-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-back-btn .lucide{width:18px;height:18px}.support-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.support-type-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:var(--layer-2);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.support-type-card:hover{background:var(--layer-3);transform:translateY(-2px)}.support-type-card:active{transform:translateY(0)}.support-type-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#5da8cd1a;border-radius:var(--radius-md);color:var(--primary-color)}.support-type-icon .lucide{width:24px;height:24px}.support-type-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.support-type-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.support-type-desc{font-size:.75rem;color:var(--text-secondary)}.drawer-load-section{margin-top:auto;padding-top:1rem}.drawer-load-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition)}.drawer-load-btn:hover{background:var(--layer-3);color:var(--text-primary)}.drawer-load-btn .lucide{width:16px;height:16px}.drawer-step-select{display:flex;flex-direction:column;height:100%;overflow:hidden}.drawer-select-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.drawer-select-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.drawer-select-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.drawer-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.drawer-create-title{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;transition:color .2s ease}.drawer-selection-badge{display:none;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--primary-light);color:var(--primary-color);font-size:.6875rem;font-weight:600;border-radius:10px;animation:badgePulse .3s ease-out}@keyframes badgePulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}body.has-word-selection .drawer-selection-badge{display:inline-flex}body.has-word-selection .drawer-create-title{color:var(--text-primary)}.drawer-create-section{flex-shrink:0;padding:.625rem .75rem;border-bottom:1px solid var(--border-subtle)}.drawer-create-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.drawer-create-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .25rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition)}.drawer-create-btn:hover{background:var(--layer-2);color:var(--text-primary)}.drawer-create-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md)}.drawer-create-icon.type-loto{background:var(--type-loto-light);color:var(--type-loto)}.drawer-create-icon.type-memory{background:var(--type-memory-light);color:var(--type-memory)}.drawer-create-icon.type-cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.drawer-create-icon.type-phrases{background:var(--type-phrases-light);color:var(--type-phrases)}.drawer-create-icon.type-etiquettes{background:var(--type-etiquettes-light);color:var(--type-etiquettes)}.drawer-create-icon.type-dobble{background:var(--type-dobble-light);color:var(--type-dobble)}.drawer-create-icon.type-dominos{background:var(--type-dominos-light);color:var(--type-dominos)}.drawer-create-icon.type-puzzles{background:var(--type-puzzles-light);color:var(--type-puzzles)}.drawer-create-icon.type-exercices{background:var(--type-exercices-light);color:var(--type-exercices)}.drawer-create-icon.type-pinces{background:var(--type-pinces-light);color:var(--type-pinces)}.drawer-create-icon.type-oie{background:var(--type-oie-light);color:var(--type-oie)}.drawer-create-icon.type-projection{background:var(--type-projection-light);color:var(--type-projection)}.drawer-create-icon.type-liste{background:var(--type-liste-light);color:var(--type-liste)}.drawer-create-icon .lucide{width:22px;height:22px}.drawer-create-btn:hover .drawer-create-icon.type-loto{background:#5299b840}.drawer-create-btn:hover .drawer-create-icon.type-memory{background:#52b87a40}.drawer-create-btn:hover .drawer-create-icon.type-cartes{background:#9952b840}.drawer-create-btn:hover .drawer-create-icon.type-phrases{background:#b8735240}.drawer-create-btn:hover .drawer-create-icon.type-etiquettes{background:#5159b840}.drawer-create-btn:hover .drawer-create-icon.type-dobble{background:#7cb85140}.drawer-create-btn:hover .drawer-create-icon.type-dominos{background:#b851af40}.drawer-create-btn:hover .drawer-create-icon.type-puzzles{background:#51b8af40}.drawer-create-btn:hover .drawer-create-icon.type-exercices{background:#b8a85240}.drawer-create-btn:hover .drawer-create-icon.type-pinces{background:#b8516240}.drawer-create-btn:hover .drawer-create-icon.type-oie{background:#517cb840}.drawer-create-btn:hover .drawer-create-icon.type-projection{background:#3f8a7047}.drawer-create-btn:hover .drawer-create-icon.type-liste{background:#9a8b7e47}.drawer-supports-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:.625rem .75rem;overflow:hidden}.drawer-supports-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-shrink:0}.drawer-search-input{flex:1;display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.drawer-search-input:hover{background:var(--layer-3);border-color:var(--border-medium)}.drawer-search-input:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.drawer-search-input .lucide{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.drawer-search-input input{flex:1;padding:0 .25rem;border:none;background:transparent;font-size:.8125rem;font-family:inherit;line-height:1.4;color:var(--text-primary);outline:none;box-shadow:none;min-width:0}.drawer-search-input input::placeholder{color:var(--text-tertiary)}.drawer-filter-select{padding:.5rem .625rem;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:var(--transition)}.drawer-filter-select:hover{background:var(--layer-3)}.drawer-filter-select:focus{outline:none;background:var(--layer-3)}.drawer-supports-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.drawer-supports-empty{display:flex;align-items:center;justify-content:center;padding:2rem;flex:1}.drawer-supports-empty span{font-size:.8125rem;color:var(--text-tertiary)}.drawer-support-item{position:relative;display:flex;align-items:center;gap:.625rem;padding:.5rem .25rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition)}.drawer-support-item:last-child{border-bottom:none}.drawer-support-item:hover{background:var(--layer-2)}.drawer-support-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);flex-shrink:0}.drawer-support-icon.type-loto,.drawer-support-icon.type-memory,.drawer-support-icon.type-cartes,.drawer-support-icon.type-phrases,.drawer-support-icon.type-etiquettes,.drawer-support-icon.type-dobble,.drawer-support-icon.type-dominos,.drawer-support-icon.type-puzzles,.drawer-support-icon.type-exercices,.drawer-support-icon.type-pinces,.drawer-support-icon.type-oie,.drawer-support-icon.type-projection,.drawer-support-icon.type-liste{background:transparent;color:var(--text-tertiary)}.drawer-support-item:hover .drawer-support-icon.type-loto{background:var(--type-loto-light);color:var(--type-loto)}.drawer-support-item:hover .drawer-support-icon.type-memory{background:var(--type-memory-light);color:var(--type-memory)}.drawer-support-item:hover .drawer-support-icon.type-cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.drawer-support-item:hover .drawer-support-icon.type-phrases{background:var(--type-phrases-light);color:var(--type-phrases)}.drawer-support-item:hover .drawer-support-icon.type-etiquettes{background:var(--type-etiquettes-light);color:var(--type-etiquettes)}.drawer-support-item:hover .drawer-support-icon.type-dobble{background:var(--type-dobble-light);color:var(--type-dobble)}.drawer-support-item:hover .drawer-support-icon.type-dominos{background:var(--type-dominos-light);color:var(--type-dominos)}.drawer-support-item:hover .drawer-support-icon.type-puzzles{background:var(--type-puzzles-light);color:var(--type-puzzles)}.drawer-support-item:hover .drawer-support-icon.type-exercices{background:var(--type-exercices-light);color:var(--type-exercices)}.drawer-support-item:hover .drawer-support-icon.type-pinces{background:var(--type-pinces-light);color:var(--type-pinces)}.drawer-support-item:hover .drawer-support-icon.type-oie{background:var(--type-oie-light);color:var(--type-oie)}.drawer-support-item:hover .drawer-support-icon.type-projection{background:var(--type-projection-light);color:var(--type-projection)}.drawer-support-item:hover .drawer-support-icon.type-liste{background:var(--type-liste-light);color:var(--type-liste)}.drawer-support-icon .lucide{width:15px;height:15px}.drawer-support-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.drawer-support-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-support-meta{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-support-actions{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0;opacity:0;background:linear-gradient(90deg,transparent,var(--layer-2) 8px,var(--layer-2));padding-left:1rem;transition:opacity .15s ease}.drawer-support-item:hover .drawer-support-actions{opacity:1}.drawer-support-action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:var(--transition)}.drawer-support-action:hover{background:var(--layer-4);color:var(--text-primary)}.drawer-support-action.danger:hover{background:#cd6b6b1f;color:var(--danger-color)}.drawer-support-action .lucide{width:13px;height:13px}.drawer-support-name-input{font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--layer-3);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:.125rem .375rem;width:100%;outline:none;box-shadow:0 0 0 2px #5da8cd33}.cards-container{transition:none}body.game-creation-mode .cards-list tbody tr{cursor:default}body.game-creation-mode .cards-list tbody tr:hover{background-color:#5da8cd26}body.game-creation-mode .cards-list tbody tr.selected{background-color:#5da8cd4d}body.game-creation-mode .cards-list tbody tr.selected:hover{background-color:#5da8cd66}@media(max-width:1023px){.game-drawer-body{padding:0}.drawer-title-actions-bar{margin-bottom:.5rem}.drawer-title-input-container{height:30px}.drawer-title-input{font-size:.8125rem}.drawer-close-btn{width:30px;height:30px}.drawer-toolbar{padding:.5rem .75rem}.drawer-toolbar-left,.drawer-toolbar-right{position:static}.drawer-words-sidebar{left:.75rem;top:.75rem;bottom:.75rem;width:200px}.drawer-toolbar-btn-pdf span{display:none}.drawer-toolbar-btn-pdf{width:36px;padding:0;justify-content:center}.drawer-params-popover{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);max-width:calc(100vw - 2rem)}}@media(max-width:599px){.drawer-words-sidebar{width:280px;max-width:85vw}}@media(max-width:1023px){.params-simple-grid{grid-template-columns:1fr}}.activities-page{min-height:100vh;background-color:var(--bg-input)}.sticky-header{position:sticky;top:0;z-index:100;background-color:var(--bg-input)}.activities-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;gap:1rem}.activities-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}@media(min-width:1024px){.activities-header h2{font-size:1.75rem}}.activities-filters{display:flex;gap:.5rem;padding:0 2rem 1.5rem}.activities-filters::-webkit-scrollbar{height:4px}.activities-filters::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.filter-chip{font-weight:500;padding:.5rem 1.125rem;border:none;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background-color:var(--bg-tertiary);cursor:pointer;text-decoration:none;transition:var(--transition);font-size:.8125rem;box-shadow:none}.filter-chip:hover{background-color:var(--bg-hover);color:var(--text-primary);box-shadow:none}.filter-chip.active{color:var(--text-on-primary);background-color:var(--primary-color);box-shadow:none}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0 2rem 2rem}.activity-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.875rem;box-shadow:var(--shadow-subtle)}.activity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.activity-card-preview{width:100%;aspect-ratio:1.414;background-color:var(--bg-input);border-radius:var(--radius-md);overflow:hidden;position:relative}.activity-card-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.activity-card-info{display:flex;flex-direction:column;gap:.25rem}.activity-card-title{font-weight:600;color:var(--text-primary);font-size:.9375rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card-meta{font-size:.75rem;color:var(--text-secondary);font-weight:500}.activity-card-actions{display:flex;gap:.5rem;margin-top:.125rem}.activity-card-btn{flex:1;padding:.5rem;border:none;background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;font-size:.75rem;font-weight:500;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.25rem;box-shadow:none}.activity-card-btn:hover{background-color:var(--bg-hover);box-shadow:none}.activity-card-btn.danger:hover{background-color:var(--danger-light);color:var(--danger-color)}.activity-card-btn i{width:14px;height:14px}.modal-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:var(--bg-secondary)!important;z-index:var(--z-modal)!important;display:none!important;overflow:hidden!important;margin:0!important;padding:0!important}.modal-fullscreen.active{display:flex!important}.modal-fullscreen-content{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;background-color:var(--bg-secondary)!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important}.activity-creator{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-input)}.activity-creator-header{background-color:var(--bg-primary);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-shrink:0;height:56px;box-sizing:border-box}.activity-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.activity-name-input{border:none;background:transparent;color:var(--text-primary);font-size:1.125rem;font-weight:600;outline:none;padding:.375rem .625rem;border-radius:var(--radius-md);flex:1;max-width:400px;transition:var(--transition)}.activity-name-input:hover{background-color:var(--bg-input)}.activity-name-input:focus{background-color:var(--bg-input)}.activity-name-input::placeholder{color:var(--text-tertiary)}.activity-header-right{display:flex;gap:.625rem;flex-shrink:0}.activity-params-bar{background-color:var(--bg-primary);padding:.875rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-shrink:0;flex-wrap:wrap}.param-group{display:flex;flex-direction:column;gap:.375rem;min-width:100px}.param-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.param-select{width:100%;height:32px;padding:0 2rem 0 .625rem;border-radius:var(--radius-md);background-color:var(--toolbar-item-bg, rgba(255, 255, 255, .04));color:var(--text-primary);font-size:.8125rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:var(--transition);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.param-select:hover{background-color:var(--toolbar-item-hover, rgba(255, 255, 255, .08));border-color:transparent}.param-select:focus{background-color:var(--toolbar-item-hover, rgba(255, 255, 255, .08));border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff1a}.param-checkbox{display:flex;align-items:center;padding:.5rem;background-color:var(--bg-input);border-radius:var(--radius-sm);transition:var(--transition)}.param-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-size:.8125rem;color:var(--text-primary);margin:0}.param-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary-color)}.activity-creator-main{flex:1;display:grid;grid-template-columns:580px 1fr;overflow:hidden;min-height:0;height:calc(100vh - 56px);gap:0}.activity-selection-zone{background-color:var(--bg-input);display:flex;flex-direction:column;overflow:hidden}.activity-sidebars-container{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden;min-height:0}.activity-sidebar{display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-input)}.activity-preview-zone{background-color:var(--bg-input);display:flex;flex-direction:column;overflow:hidden}.activity-params{padding:1.25rem 1.5rem;display:flex;gap:1.25rem;flex-wrap:wrap;align-items:flex-end;background-color:var(--bg-primary)}.sidebar-header{padding:1rem 1.25rem .75rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-shrink:0;background-color:var(--bg-primary);position:relative}.sidebar-header-left{display:flex;align-items:baseline;gap:.75rem;flex:1;min-width:0}.sidebar-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.search-expandable{display:flex;align-items:center;position:relative}.search-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex-shrink:0}.search-icon-btn i{width:16px;height:16px}.search-icon-btn:hover{background-color:var(--bg-hover);color:var(--primary-color)}.search-input-wrapper{position:absolute;right:0;top:0;display:flex;align-items:center;gap:.25rem;width:0;opacity:0;overflow:hidden;transition:width .3s ease,opacity .2s ease;pointer-events:none}.search-expandable.expanded .search-input-wrapper{width:200px;opacity:1;pointer-events:all}.search-expandable.expanded .search-icon-btn{opacity:0;pointer-events:none}.search-input-expand{flex:1;padding:.5rem .75rem;border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);font-size:.8125rem;outline:none;transition:var(--transition)}.search-input-expand::placeholder{color:var(--text-tertiary)}.search-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:var(--transition);flex-shrink:0}.search-close-btn i{width:14px;height:14px}.search-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-toolbar{padding:.75rem 1.25rem 1rem;display:flex;align-items:center;gap:.5rem;background-color:var(--bg-primary);flex-shrink:0}.toolbar-select{flex:1;min-width:0;padding:.5rem;border-radius:var(--radius-sm);background-color:var(--bg-input);color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:var(--transition);outline:none}.btn-toolbar{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background-color:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0}.btn-toolbar i{width:14px;height:14px}.btn-toolbar:hover:not(:disabled){background-color:var(--bg-hover);color:var(--primary-color)}.btn-toolbar:disabled{opacity:.4;cursor:not-allowed}.btn-toolbar-full{flex:1;justify-content:center}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem;background-color:var(--bg-input)}.word-list{padding:.125rem;display:flex;flex-direction:column;gap:0}.activity-word-item{display:flex;align-items:center;gap:.5rem;padding:.125rem .5rem;background-color:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-primary);position:relative}.activity-word-item:hover{background-color:var(--bg-hover)}.activity-word-image{width:24px;height:24px;border-radius:4px;object-fit:cover;background-color:var(--bg-input);flex-shrink:0}.activity-word-image.no-image{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background-color:var(--bg-input)}.activity-word-image.no-image i{width:12px;height:12px}.activity-word-image-container{position:relative}.activity-word-image-container.clickable{cursor:pointer}.activity-word-image-container.clickable:hover{opacity:.8}.image-count-badge{position:absolute;bottom:-2px;right:-2px;background-color:var(--primary-color);color:var(--text-on-primary);font-size:.625rem;font-weight:600;padding:0 4px;border-radius:4px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.activity-word-text{flex:1;font-size:.8125rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.image-selector-popover{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.75rem;z-index:var(--z-modal);min-width:280px;max-width:350px;max-height:calc(100vh - 20px);overflow-y:auto;animation:fadeIn .15s ease-out}@media(max-width:599px){.image-selector-popover{position:fixed!important;left:.5rem!important;right:.5rem!important;bottom:.5rem!important;top:auto!important;width:auto!important;max-width:none!important;min-width:0!important;border-radius:var(--radius-lg);box-shadow:0 -4px 24px #0003;animation:slideUpFadeIn .2s ease-out;max-height:60vh;overflow-y:auto}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.image-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.image-selector-header span{font-size:.875rem;font-weight:600;color:var(--text-primary);flex:1}.close-popover{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.close-popover:hover{background:var(--bg-hover);color:var(--text-primary)}.close-popover i{width:16px;height:16px}.image-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.image-option{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition)}.image-option:hover{border-color:var(--primary-color);transform:scale(1.05)}.image-option.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.image-option img{width:100%;height:100%;object-fit:cover}.image-option .primary-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.image-option.no-image-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--bg-tertiary);color:var(--text-secondary)}.image-option.no-image-option i{width:24px;height:24px;opacity:.6}.image-option.no-image-option span{font-size:.6875rem;font-weight:500}.image-option.no-image-option:hover{background:var(--bg-hover);color:var(--text-primary)}.image-option.no-image-option:hover i{opacity:1}.image-option.no-image-option.selected{background:var(--primary-light);color:var(--primary-color)}.image-option.no-image-option.selected i{opacity:1}.image-option.import-image-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--bg-tertiary);color:var(--primary-color);border:2px dashed var(--primary-color);opacity:.7}.image-option.import-image-option i{width:24px;height:24px}.image-option.import-image-option span{font-size:.6875rem;font-weight:500}.image-option.import-image-option:hover{background:var(--primary-light);opacity:1}.syllable-toggle-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.syllable-toggle-header{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.syllable-toggle-header i,.syllable-toggle-header svg{width:14px;height:14px;opacity:.6}.syllable-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem 0}.syllable-toggle-label input[type=checkbox]{position:relative;width:36px;height:20px;appearance:none;background:var(--bg-tertiary);border-radius:10px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.syllable-toggle-label input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.syllable-toggle-label input[type=checkbox]:checked{background:var(--primary-color)}.syllable-toggle-label input[type=checkbox]:checked:before{transform:translate(16px)}.syllable-toggle-slider{display:none}.syllable-toggle-text{font-size:.8125rem;color:var(--text-secondary)}.syllable-preview{margin-top:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;text-align:center}.syllable-format-section{margin-top:0}.syllable-format-options{display:flex;flex-direction:column;gap:4px}.syllable-format-option{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-align:left;width:100%;font-size:13px;color:var(--text-primary)}.syllable-format-option:hover{background:var(--bg-hover);border-color:var(--border-color)}.syllable-format-option.selected{background:var(--primary-light);border-color:var(--primary)}.syllable-format-option i,.syllable-format-option svg{width:14px;height:14px;flex-shrink:0;opacity:.6}.syllable-format-option.selected i,.syllable-format-option.selected svg{opacity:1;color:var(--primary)}.syllable-format-option.new-format{background:transparent;border:1px dashed var(--border-color);color:var(--text-secondary)}.syllable-format-option.new-format:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.syllable-format-option.new-format i,.syllable-format-option.new-format svg{opacity:.8}.syllable-format-name{font-weight:500;flex-shrink:0;min-width:60px}.syllable-format-preview{flex:1;text-align:right;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-cell-options{width:100%;max-width:420px}.modal-cell-options .modal-body{padding:0;display:flex;flex-direction:column;gap:0}.cell-options-section{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.cell-options-section:last-child{border-bottom:none}.cell-options-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.cell-options-section-title i,.cell-options-section-title svg{width:14px;height:14px;opacity:.7}.cell-options-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem}.cell-options-image-option{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);overflow:hidden}.cell-options-image-option:hover{background:var(--bg-hover);border-color:var(--border-color)}.cell-options-image-option.selected{border-color:var(--primary);background:var(--primary-light)}.cell-options-image-option i,.cell-options-image-option svg{width:20px;height:20px;opacity:.5}.cell-options-image-option span{font-size:.6875rem;color:var(--text-secondary)}.cell-options-image-option.has-image{padding:4px}.cell-options-image-option.has-image img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.cell-options-image-option.import-option{background:transparent;border:2px dashed var(--border-color)}.cell-options-image-option.import-option:hover{border-color:var(--primary);background:var(--primary-light)}.cell-options-color-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.cell-options-color-swatch{width:32px;height:32px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--transition)}.cell-options-color-swatch:hover{transform:scale(1.1)}.cell-options-color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px currentColor}.cell-options-reset-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.cell-options-reset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cell-options-reset-btn i,.cell-options-reset-btn svg{width:12px;height:12px}.cell-options-syllable-list{display:flex;flex-direction:column;gap:.5rem}.cell-options-syllable-option{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);overflow:hidden}.cell-options-syllable-option:hover{border-color:var(--text-tertiary);background:var(--bg-secondary)}.cell-options-syllable-option.selected{background:var(--primary-light);border-color:var(--primary)}.cell-options-syllable-option .syllable-option-select{flex:1;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:transparent;border:none;cursor:pointer;text-align:left;min-width:0}.cell-options-syllable-option.has-actions .syllable-option-select{padding-right:.5rem}.cell-options-syllable-option.new-format{background:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);justify-content:center;padding:.625rem .75rem;cursor:pointer}.cell-options-syllable-option.new-format:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.syllable-option-actions{display:flex;align-items:center;gap:.125rem;padding-right:.5rem;flex-shrink:0}.syllable-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.syllable-action-btn:hover{background:var(--layer-2);color:var(--text-primary)}.syllable-action-btn.delete:hover{background:#ef44441a;color:#ef4444}.syllable-action-btn i,.syllable-action-btn svg{width:14px;height:14px}.syllable-option-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--text-tertiary)}.syllable-option-icon i,.syllable-option-icon svg{width:16px;height:16px}.cell-options-syllable-option.selected .syllable-option-icon{color:var(--primary)}.syllable-option-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.syllable-option-name small{display:block;font-size:.6875rem;font-weight:400;color:var(--text-tertiary);text-transform:none;letter-spacing:0}.syllable-option-name{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.syllable-option-preview{flex:1;font-size:1rem;font-weight:600;padding:.375rem .625rem;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-light);text-align:center;color:#333}@media(max-width:599px){.modal-cell-options{max-width:none;width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0;max-height:85vh;animation:slideUpFadeIn .2s ease-out}.modal-cell-options .modal-body{max-height:calc(85vh - 60px);overflow-y:auto}.cell-options-image-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.btn-reset-default{width:100%;padding:.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-reset-default:hover{background:var(--bg-hover);color:var(--text-primary)}.item-hover-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;flex-shrink:0;color:var(--text-tertiary)}.item-hover-icon i{width:14px;height:14px}.activity-word-item:hover .item-hover-icon{opacity:1}.word-count{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.activity-preview-area{background-color:var(--bg-input);display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0}.preview-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem;background-color:var(--bg-input);min-height:0;position:relative}.preview-controls-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.carousel-btn{pointer-events:all;position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:0 1px 3px #0000001a}.carousel-btn-prev{left:1rem}.carousel-btn-next{right:1rem}.carousel-btn i{width:18px;height:18px}.carousel-btn:hover:not(:disabled){background-color:var(--bg-hover);color:var(--primary-color)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-page-indicator{pointer-events:all;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:var(--bg-primary);border-radius:var(--radius-sm);padding:.375rem .75rem;font-size:.6875rem;color:var(--text-secondary);font-weight:600;box-shadow:0 1px 3px #0000001a;white-space:nowrap}.preview-content{width:1050px!important;height:742px!important;flex-shrink:0;background-color:var(--text-on-primary);box-shadow:0 4px 12px #00000026;border-radius:4px;overflow:hidden;transform-origin:center center;position:relative}.preview-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:#f5f5f5}.preview-empty i{width:40px;height:40px;color:#ccc}.preview-empty p{font-size:.8125rem;color:#999;margin:0}.empty-message{text-align:center;color:var(--text-tertiary);font-size:.75rem;padding:2rem 1rem;margin:0}@media(max-width:1023px){.preview-container{padding:1.5rem}}@media(max-width:1023px){.activity-params-bar{padding:.75rem 1rem;gap:1rem}.activity-sidebars-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.activity-sidebar-left,.activity-sidebar-right{border:none;max-height:300px}.preview-container{padding:1rem}}@media(max-width:599px){.activity-creator-header{flex-direction:column;align-items:stretch;height:auto;padding:.75rem 1rem}.activity-header-left,.activity-header-right{width:100%}.activity-header-right{justify-content:flex-end}.activity-name-input{font-size:1rem;max-width:100%}.activity-params-bar{flex-direction:column;align-items:stretch;gap:.75rem}.param-group{width:100%;justify-content:space-between}.param-select{flex:1;min-width:0}}@media(max-width:599px){.activity-name-input{font-size:1rem;max-width:100%}.activity-preview-content{max-width:100%}}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;height:56px;padding:0 1rem;background-color:var(--layer-0);border-bottom:1px solid rgba(0,0,0,.5);flex-shrink:0;z-index:var(--z-modal)}.topbar-left{display:flex;align-items:center;flex-shrink:0}.topbar-undo-redo{display:flex;align-items:center;gap:.25rem;margin-right:.5rem;flex-shrink:0}.topbar-undo-btn,.topbar-redo-btn{width:36px;height:36px;border:none;border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.topbar-undo-btn:not(:disabled):hover,.topbar-redo-btn:not(:disabled):hover{background:var(--layer-3);color:var(--primary-color)}.topbar-undo-btn:not(:disabled):active,.topbar-redo-btn:not(:disabled):active{background:var(--layer-3);transform:scale(.95)}.topbar-undo-btn:disabled,.topbar-redo-btn:disabled{opacity:.35;cursor:not-allowed}.topbar-undo-btn .lucide,.topbar-redo-btn .lucide{width:18px;height:18px}.topbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:100%;max-width:480px;padding:0 1rem;pointer-events:none}.topbar-center>*{pointer-events:auto}.topbar-quick-zone{position:relative;width:100%;max-width:480px;display:flex;align-items:center;gap:.375rem;height:36px;padding:0 .75rem;background:var(--layer-2);border:none;border-radius:var(--radius-md);transition:all .15s ease}.topbar-quick-zone:hover{background:var(--layer-3)}.topbar-quick-zone:focus-within{background:var(--layer-3);box-shadow:0 0 0 2px var(--primary-color)}.topbar-quick-zone .finder-icon-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.topbar-quick-zone .finder-icon-btn:hover{background:var(--layer-1);color:var(--primary-color)}.topbar-quick-zone .finder-icon-btn .lucide{width:16px;height:16px}.topbar-quick-zone .finder-quick-input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}.topbar-quick-zone .finder-quick-input::placeholder{color:var(--text-tertiary)}.topbar-quick-zone .input-clear-btn{display:flex!important;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;opacity:1!important;visibility:visible!important;transition:opacity .15s ease,background .15s ease}.topbar-quick-zone .input-clear-btn:not(.visible){opacity:0!important;visibility:hidden!important;pointer-events:none}.topbar-quick-zone .input-clear-btn:hover{background:var(--layer-3)}.topbar-quick-zone .input-clear-btn svg,.topbar-quick-zone .input-clear-btn .lucide{width:14px;height:14px;color:var(--text-tertiary);transition:color .15s ease}.topbar-quick-zone .input-clear-btn:hover svg,.topbar-quick-zone .input-clear-btn:hover .lucide{color:var(--text-primary)}.topbar-word-badges{display:flex;flex-wrap:nowrap;gap:.25rem;overflow:hidden}.topbar-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000;display:none}.topbar-autocomplete-dropdown.active{display:block}.topbar-support-info{display:none;align-items:center;gap:.25rem;height:36px;padding:0 .25rem 0 .5rem;margin-left:.5rem;background:var(--layer-2);border-radius:var(--radius-md);border:none}.topbar-support-info.active{display:flex}.topbar-support-actions{display:none;flex-shrink:0;align-items:center;gap:.375rem;margin-left:.5rem}.topbar-support-info.active+.topbar-support-actions,body.game-creation-mode .topbar-support-actions{display:flex}.topbar-support-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-support-icon svg{width:14px;height:14px}.topbar-support-icon--loto{background:var(--type-loto-light);color:var(--type-loto)}.topbar-support-icon--memory{background:var(--type-memory-light);color:var(--type-memory)}.topbar-support-icon--cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.topbar-support-icon--etiquettes{background:var(--type-etiquettes-light);color:var(--type-etiquettes)}.topbar-support-icon--dobble{background:var(--type-dobble-light);color:var(--type-dobble)}.topbar-support-icon--dominos{background:var(--type-dominos-light);color:var(--type-dominos)}.topbar-support-icon--puzzles{background:var(--type-puzzles-light);color:var(--type-puzzles)}.topbar-support-icon--exercices{background:var(--type-exercices-light);color:var(--type-exercices)}.topbar-support-icon--pinces{background:var(--type-pinces-light);color:var(--type-pinces)}.topbar-support-icon--oie{background:var(--type-oie-light);color:var(--type-oie)}.topbar-support-icon--projection{background:var(--type-projection-light);color:var(--type-projection)}.topbar-support-icon--liste{background:var(--type-liste-light);color:var(--type-liste)}.topbar-type-wrapper{position:relative}.topbar-support-icon{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.topbar-support-icon:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.topbar-support-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-sm);transition:background-color .15s ease;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-support-name:hover{background-color:var(--layer-3)}.topbar-support-input{font-size:.8125rem;font-weight:600;color:var(--text-primary);background:var(--layer-0);border:1px solid var(--primary-color);border-radius:var(--radius-sm);padding:.125rem .375rem;outline:none;width:150px;max-width:180px}.topbar-support-separator{color:var(--text-tertiary);font-size:.75rem}.topbar-folder-name{font-size:.75rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-action-divider{width:1px;height:18px;background:var(--border-subtle);margin:0 .25rem}.topbar-params-wrapper{position:relative;display:flex}.topbar-action-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:36px;height:36px;padding:0;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.topbar-action-btn:hover{background:var(--layer-3);color:var(--text-primary)}.topbar-action-btn:disabled{opacity:.4;cursor:not-allowed}.topbar-action-btn:disabled:hover{background:transparent}.topbar-action-btn .lucide{width:18px;height:18px}.auto-save-indicator{display:none;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%}.auto-save-indicator.visible{display:inline-flex;animation:fadeInSave .15s ease-out}.auto-save-icon{width:14px;height:14px;display:none;flex-shrink:0}.auto-save-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.auto-save-indicator.saving{background:#ffffff1a}.auto-save-indicator.saving .icon-saving{display:block;color:#fffc;animation:spin 1s linear infinite}.auto-save-indicator.saving .auto-save-text{color:#fffc}.auto-save-indicator.saved{background:#22c55e26}.auto-save-indicator.saved .icon-saved{display:block;color:#22c55e}.auto-save-indicator.saved .auto-save-text{color:#22c55e}@keyframes fadeInSave{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auto-save-indicator.fade-out{animation:fadeOutSave .2s ease-out forwards}@keyframes fadeOutSave{0%{opacity:1}to{opacity:0;display:none}}[data-theme=dark] .auto-save-indicator.saving{background:#ffffff14}[data-theme=dark] .auto-save-indicator.saved{background:#22c55e1f}.topbar-action-btn-pdf{width:auto;padding:0 .75rem}.topbar-action-btn-pdf span{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.pdf-spinner{animation:spin 1s linear infinite;display:inline-block}.pdf-progress{font-size:.625rem;min-width:70px;text-align:left}.topbar-params-popover{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0003,0 4px 12px #0000001a;min-width:280px;padding:.75rem}.topbar-params-popover.show{display:block}.topbar-params-content{display:flex;flex-direction:column;gap:.625rem}.topbar-project-info{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--layer-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.topbar-project-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.topbar-project-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-sm);transition:background-color .15s ease;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-project-name:hover{background-color:var(--layer-3)}.topbar-project-input{font-size:.8125rem;font-weight:500;color:var(--text-primary);background:var(--layer-0);border:1px solid var(--primary-color);border-radius:var(--radius-sm);padding:.125rem .375rem;outline:none;width:150px;max-width:200px}.topbar-save-status{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--text-tertiary);padding-left:.5rem;white-space:nowrap}.topbar-save-status i{width:12px;height:12px}.dirty-dot{width:8px;height:8px;background:var(--warning);border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.topbar-save-status.has-changes{padding-left:.25rem}.topbar-save-status.saving{color:var(--text-secondary)}.topbar-save-status.saving i{animation:spin 1s linear infinite}.topbar-save-status.saved{color:var(--success-color)}.global-save-status{display:none;align-items:center;gap:.375rem;font-size:.75rem;padding:.375rem .75rem;border-radius:6px;white-space:nowrap;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.global-save-status.visible{display:flex}.global-save-status i{width:14px;height:14px;flex-shrink:0}.global-save-status.saving{color:#ffffffe6;background:#ffffff26}.global-save-status.saving i{animation:spin 1s linear infinite}.global-save-status.saved{color:var(--success-color);background:var(--success-light)}.topbar-logo{font-size:1.125rem;font-weight:500;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.topbar-logo .lucide{width:20px;height:20px;color:var(--primary-color)}.topbar-nav{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center;max-width:500px}.topbar-nav-item{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:400;font-family:inherit;transition:var(--transition);white-space:nowrap}.topbar-nav-item:hover{background-color:var(--layer-2);color:var(--text-primary)}.topbar-nav-item.active{background-color:var(--primary-light);color:var(--primary-color)}.topbar-nav-item .lucide{width:16px;height:16px;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.topbar-btn{display:flex;align-items:center;gap:.375rem;height:36px;padding:0 .75rem;border:none;background:var(--layer-2);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:inherit;transition:var(--transition);white-space:nowrap;flex-shrink:0}.topbar-btn:hover{background:var(--layer-3)}.topbar-btn .lucide{width:16px;height:16px}.topbar-btn-new{height:36px;padding:0 .75rem;background:var(--layer-2);color:var(--text-secondary);border:none}.topbar-btn-new:hover{background:var(--layer-3);color:var(--text-primary)}.topbar-btn-lexique{height:36px;padding:0 .75rem;background:var(--layer-2);color:var(--text-secondary);border:none}.topbar-btn-lexique:hover{background:var(--layer-3);color:var(--text-primary)}.topbar-btn-lexique .lucide{width:16px;height:16px}.topbar-btn-donate{height:36px;padding:0 .75rem;background:var(--soutien-bg);color:var(--soutien-color);border:none;font-weight:500}.topbar-btn-donate:hover{background:var(--soutien-bg-hover);color:var(--soutien-color)}.topbar-btn-donate .lucide{width:16px;height:16px;color:var(--soutien-color)}.topbar-btn-back-support{height:36px;padding:0 .875rem;background:var(--primary-color);color:#fff;border:none;gap:.5rem;font-weight:500}.topbar-btn-back-support:hover{background:var(--primary-hover);color:#fff}.topbar-btn-back-support .lucide{width:16px;height:16px}.topbar-btn-back-support .back-support-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1023px){.topbar-btn-back-support .back-support-name{display:none}.topbar-btn-back-support{width:36px;padding:0;justify-content:center}}body.in-collection .topbar-new-wrapper{display:none}body.library-view .topbar-new-wrapper,body.library-view .topbar-support-info,body.library-view .topbar-support-actions{display:none!important}body.library-view .topbar-center{display:flex!important}body.library-view .topbar-quick-zone{flex:1;max-width:560px;height:36px;padding:0 .75rem;background:var(--layer-2);border-radius:var(--radius-md);transition:all .15s ease}body.library-view .topbar-quick-zone:hover{background:var(--layer-3)}body.library-view .topbar-quick-zone:focus-within{background:var(--layer-3);box-shadow:0 0 0 2px var(--primary-color)}body.library-view .topbar-quick-zone .finder-quick-input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;outline:none}body.library-view .topbar-quick-zone .finder-icon-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}body.library-view .topbar-quick-zone .finder-icon-btn:hover{background:var(--layer-1);color:var(--primary-color)}body.library-view .topbar-undo-redo,body.library-view .topbar-word-badges{display:none!important}@media(max-width:599px){body.game-creation-mode .topbar-home-btn,body.library-view .topbar-home-btn{width:36px;height:36px;padding:0;justify-content:center;background:var(--layer-2);border-radius:var(--radius-md);flex-shrink:0}body.game-creation-mode .topbar-home-btn span,body.library-view .topbar-home-btn span{display:none}body.game-creation-mode .topbar-home-btn .lucide,body.library-view .topbar-home-btn .lucide{width:20px;height:20px;flex-shrink:0}}body.game-creation-mode .topbar-home-btn,body.game-creation-mode .topbar-project-breadcrumb,body.game-creation-mode .topbar-new-wrapper{display:none}body.game-creation-mode .topbar{display:grid;grid-template-columns:1fr minmax(400px,1fr) 1fr;align-items:center;gap:0;padding:0 1rem}body.game-creation-mode .topbar-left{justify-self:start;min-width:0;margin:0;padding:0;display:flex;align-items:center;gap:.5rem}body.game-creation-mode .topbar-actions{margin-left:0}body.game-creation-mode .topbar-support-info{flex-shrink:1;min-width:120px;max-width:280px;margin-left:0}body.game-creation-mode .topbar-center{position:static;left:auto;transform:none;justify-self:stretch;width:100%;max-width:none;padding:0 1rem;margin:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:.5rem}body.game-creation-mode .topbar-quick-zone{flex:1 1 600px;min-width:200px;max-width:700px}body.game-creation-mode .topbar-undo-redo{height:36px;display:flex;align-items:center;flex-shrink:0;margin:0}body.game-creation-mode .topbar-right{justify-self:end;flex-shrink:0;margin:0;padding:0}@media(max-width:899px){body.game-creation-mode .topbar{display:flex;flex-wrap:wrap;height:auto;min-height:56px;gap:.5rem;padding:.5rem}body.game-creation-mode .topbar-left{flex:1;min-width:0;justify-self:auto}body.game-creation-mode .topbar-right{flex:0 0 auto;justify-self:auto}body.game-creation-mode .topbar-center{order:3;flex:0 0 100%;width:100%;max-width:100%;padding:0;display:flex;justify-content:center;justify-self:auto}body.game-creation-mode .topbar-quick-zone{width:100%;max-width:800px;height:40px}}body.library-view .library-content-zone .finder-toolbar{display:none!important}#topbarSearchTagChips{display:none}body.library-view #topbarSearchTagChips{display:flex;align-items:center;gap:.25rem;flex-shrink:0}body.library-view #topbarSearchTagChips .search-tag-chip{display:flex;align-items:center;gap:.25rem;padding:2px 8px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.6875rem;font-weight:500;white-space:nowrap;max-width:120px}body.library-view #topbarSearchTagChips .search-tag-chip .lucide{width:12px;height:12px;flex-shrink:0}body.library-view #topbarSearchTagChips .search-tag-chip-label{overflow:hidden;text-overflow:ellipsis}body.library-view #topbarSearchTagChips .search-tag-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;margin-left:.125rem;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;line-height:1;transition:background .15s ease}body.library-view #topbarSearchTagChips .search-tag-chip-remove:hover{background:#fff6}.highlight-match{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%{box-shadow:0 0 0 3px var(--primary-color),0 0 20px var(--primary-color)}to{box-shadow:none}}tr.highlight-match{animation:highlight-row-pulse 2s ease-out}tr.highlight-match td{animation:highlight-td-pulse 2s ease-out}@keyframes highlight-row-pulse{0%{outline:3px solid var(--primary-color);outline-offset:-1px}to{outline:3px solid transparent}}@keyframes highlight-td-pulse{0%{background:rgba(var(--primary-rgb, 59, 130, 246),.15)}to{background:transparent}}.shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.topbar-search-icon{display:block;width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.topbar-search-divider{display:block;width:1px;height:20px;background:var(--border-subtle);margin:0 .25rem;flex-shrink:0}.topbar-quick-zone .topbar-import-wrapper{position:relative;display:flex}.topbar-import-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.topbar-import-btn:hover{background:var(--layer-1);color:var(--primary-color)}.topbar-import-btn .lucide{width:16px;height:16px}.topbar-quick-zone .topbar-import-wrapper .finder-import-popover{right:0;left:auto}.topbar-filter-btn{position:relative;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.topbar-filter-btn:hover{background:var(--layer-1);color:var(--primary-color)}.topbar-filter-btn.active,.topbar-filter-btn.has-filters{background:var(--primary-color);color:var(--text-on-primary)}.topbar-filter-btn .lucide{width:16px;height:16px}.topbar-filter-btn .filter-badge{position:absolute;top:0;right:0;min-width:14px;height:14px;padding:0 3px;background:var(--accent-color);color:#fff;font-size:.5625rem;font-weight:600;border-radius:7px;display:none;align-items:center;justify-content:center;line-height:1}.topbar-filter-btn.has-filters .filter-badge{display:flex;background:#fff;color:var(--primary-color)}body.game-creation-mode .topbar-quick-zone .topbar-import-wrapper,body.game-creation-mode .topbar-quick-zone .topbar-search-divider,body.game-creation-mode .topbar-filter-btn{display:none}.topbar-autocomplete-dropdown.library-mode{padding:.5rem;max-height:280px}.drawer-autocomplete-dropdown.library-mode{padding:.25rem}.library-mode .drawer-autocomplete-create{padding:.5rem .625rem;font-size:.8125rem;gap:.375rem;border-radius:var(--radius-sm)}.library-mode .drawer-autocomplete-create .lucide{width:14px;height:14px}.drawer-autocomplete-tag-filter-main{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;background:var(--primary-light);border:1px solid var(--primary-color);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--primary-color);cursor:pointer;transition:all .15s ease}.drawer-autocomplete-tag-filter-main:hover{background:var(--primary-color);color:#fff}.drawer-autocomplete-tag-filter-main .lucide{width:16px;height:16px}.drawer-autocomplete-library-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:var(--text-tertiary);font-size:.8125rem}.drawer-autocomplete-library-empty .lucide{width:24px;height:24px;opacity:.5}.library-tags-mode{max-height:320px}.library-tag-autocomplete-list{display:flex;flex-direction:column}.library-tag-autocomplete-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;transition:background .15s ease}.library-tag-autocomplete-item:hover,.library-tag-autocomplete-item.selected{background:var(--layer-2)}.library-tag-autocomplete-item.active{background:var(--primary-bg)}.library-tag-autocomplete-item.active:hover,.library-tag-autocomplete-item.active.selected{background:var(--primary-hover-bg)}.library-tag-icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.library-tag-autocomplete-item.active .library-tag-icon{color:var(--primary-color)}.library-tag-name{flex:1;font-size:.8125rem;color:var(--text-primary)}.library-tag-name mark{background:var(--warning-bg);color:inherit;border-radius:2px;padding:0 1px}.library-tag-count{font-size:.6875rem;color:var(--text-tertiary);background:var(--layer-3);padding:2px 6px;border-radius:var(--radius-full)}.library-tag-check{width:14px;height:14px;color:var(--primary-color);flex-shrink:0}.library-tag-autocomplete-more{padding:.5rem .75rem;font-size:.75rem;color:var(--text-tertiary);text-align:center;border-top:1px solid var(--border-subtle)}.library-tag-autocomplete-show-more{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem .75rem;font-size:.75rem;color:var(--primary-color);background:var(--layer-1);border:none;border-top:1px solid var(--border-subtle);cursor:pointer;transition:background .15s ease}.library-tag-autocomplete-show-more:hover{background:var(--layer-2)}.library-tag-autocomplete-show-more .lucide{width:14px;height:14px}.library-tag-autocomplete-manage{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem .75rem;font-size:.75rem;color:var(--text-secondary);background:var(--layer-2);border:none;border-top:1px solid var(--border-subtle);cursor:pointer;transition:background .15s ease,color .15s ease}.library-tag-autocomplete-manage:hover{background:var(--layer-3);color:var(--text-primary)}.library-tag-autocomplete-manage .lucide{width:14px;height:14px}.topbar-save-icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin-left:.5rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:color .15s ease,background .15s ease}.topbar-save-icon:hover{color:var(--text-primary);background:var(--layer-2)}.topbar-save-icon .lucide{width:16px;height:16px}.topbar-save-icon:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--primary-color);border-radius:50%;opacity:0;transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.topbar-save-icon.has-changes:after{opacity:1;transform:scale(1)}.topbar-save-icon.has-changes{color:var(--text-secondary)}.save-status{display:none}.topbar-projects-count{background:var(--layer-3);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.6875rem;color:var(--text-secondary);min-width:18px;text-align:center}.topbar-home-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border:none;background:transparent;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition)}.topbar-home-btn:hover{background:var(--layer-2)}.topbar-home-btn .lucide{width:22px;height:22px;color:var(--primary-color)}.topbar-home-btn .topbar-home-icon-home,.topbar-home-btn .topbar-home-text-accueil{display:none}.topbar-project-breadcrumb{display:none;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.875rem;margin-left:.25rem}.topbar-breadcrumb-separator{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.topbar-project-name{font-weight:500;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search{flex:1;max-width:480px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.topbar-search:hover{background:var(--layer-3);border-color:var(--border-medium)}.topbar-search:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.topbar-search-icon,.topbar-search .lucide:first-child{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.topbar-search input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none;min-width:0}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-search-shortcut{padding:.125rem .375rem;background:var(--layer-0);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.6875rem;font-family:inherit;color:var(--text-tertiary);flex-shrink:0}.topbar-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:var(--transition-fast);flex-shrink:0}.topbar-search-clear:hover{background:var(--layer-4);color:var(--text-primary)}.topbar-search-clear .lucide{width:12px;height:12px}.topbar-btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.topbar-btn-icon:hover{background:var(--layer-3);color:var(--text-primary)}.topbar-btn-icon .lucide{width:18px;height:18px}.topbar-actions{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.topbar-new-wrapper{position:relative}.topbar-new-popover{position:absolute;top:calc(100% + 8px);left:0;width:560px;z-index:var(--z-tooltip);background:var(--layer-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;animation:popoverSlideIn .2s cubic-bezier(.16,1,.3,1);padding:1rem}.topbar-new-popover.active{display:flex}.topbar-new-popover .new-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0;border:none}.new-popover-title{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:0}.new-popover-separator{height:1px;background:var(--border-subtle);margin:.75rem 0}.new-popover-folder{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;width:100%;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease;color:var(--text-secondary);font-size:.8125rem}.new-popover-folder:hover{background:var(--layer-1)}.new-popover-folder i{width:16px;height:16px}.new-popover-header .lucide{width:18px;height:18px;color:var(--primary-color)}.new-popover-form{padding:.75rem 1rem}.new-popover-input{width:100%;padding:.625rem .75rem;background:var(--layer-1);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;box-sizing:border-box;transition:var(--transition)}.new-popover-input:focus{border-color:var(--primary-color);background:var(--layer-1)}.new-popover-input::placeholder{color:var(--text-tertiary)}.new-popover-input.error{border-color:var(--danger-color)}.new-popover-error{font-size:.75rem;color:var(--danger-color);margin:.375rem 0 0;min-height:1rem}.new-popover-footer{padding:0 1rem .75rem}.new-popover-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem .75rem;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition)}.new-popover-btn:hover{filter:brightness(1.1)}.new-popover-btn .lucide{width:16px;height:16px}.modal-projects{width:90%;max-width:420px}.projects-modal-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:1rem;transition:var(--transition)}.projects-modal-search:hover{background:var(--layer-3);border-color:var(--border-medium)}.projects-modal-search:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.projects-modal-search .lucide{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.projects-modal-search input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none}.projects-modal-search input::placeholder{color:var(--text-tertiary)}.projects-modal-new{margin-bottom:1rem}.projects-modal-new input{width:100%;padding:.625rem .875rem;background:var(--layer-2);border:2px solid var(--primary-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;box-sizing:border-box}.projects-modal-list{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto}.projects-modal-list .collection-item{padding:.625rem .75rem}.projects-modal-list .empty-message{text-align:center;color:var(--text-tertiary);padding:2rem 1rem;font-size:.875rem}.modal-supports{width:90%;max-width:500px}.supports-modal-search{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--layer-2);border-radius:var(--radius-md);margin-bottom:1rem}.supports-modal-search .lucide{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.supports-modal-search input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.4;outline:none}.supports-modal-search input::placeholder{color:var(--text-tertiary)}.supports-modal-list{display:flex;flex-direction:column;gap:.375rem;max-height:400px;overflow-y:auto}.supports-modal-empty{text-align:center;color:var(--text-tertiary);padding:2rem 1rem;font-size:.875rem}.supports-modal-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--layer-1);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.supports-modal-item:hover{background:var(--layer-2)}.supports-modal-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--layer-2);flex-shrink:0}.supports-modal-item-icon .lucide{width:18px;height:18px}.supports-modal-item-icon--loto{color:var(--type-loto)}.supports-modal-item-icon--memory{color:var(--type-memory)}.supports-modal-item-icon--cartes{color:var(--type-cartes)}.supports-modal-item-icon--phrases{color:var(--type-phrases)}.supports-modal-item-icon--etiquettes{color:var(--type-etiquettes)}.supports-modal-item-icon--dobble{color:var(--type-dobble)}.supports-modal-item-icon--dominos{color:var(--type-dominos)}.supports-modal-item-icon--puzzles{color:var(--type-puzzles)}.supports-modal-item-icon--exercices{color:var(--type-exercices)}.supports-modal-item-icon--pinces{color:var(--type-pinces)}.supports-modal-item-icon--oie{color:var(--type-oie)}.supports-modal-item-icon--projection{color:var(--type-projection)}.supports-modal-item-icon--liste{color:var(--type-liste)}.supports-modal-item-content{flex:1;min-width:0}.supports-modal-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supports-modal-item-meta{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem;flex-wrap:wrap}.supports-modal-item-sep{opacity:.5}.supports-modal-item-project{color:var(--text-secondary);font-weight:500}.supports-modal-item-time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}@media(max-width:767px){body:not(.game-creation-mode):not(.library-view) .topbar{padding:0 .75rem}body:not(.game-creation-mode):not(.library-view) .topbar-search{max-width:280px}body:not(.game-creation-mode):not(.library-view) .topbar-search-shortcut{display:none}body:not(.game-creation-mode):not(.library-view) .load-project-select{max-width:130px}}@media(max-width:1023px){body:not(.game-creation-mode):not(.library-view) .topbar-home-btn{padding:.5rem .75rem}body:not(.game-creation-mode):not(.library-view) .topbar-home-btn .topbar-home-text-lexikit{display:inline}body:not(.game-creation-mode):not(.library-view) .topbar-home-btn .topbar-home-text-accueil{display:none}.topbar-search{max-width:none;flex:1}.topbar-search input::placeholder{font-size:.8125rem}}@media(max-width:599px){.topbar{gap:.5rem}.topbar-search{padding:.375rem .625rem}.topbar-btn-save{width:36px;height:36px;padding:0}.topbar-btn-new{padding:0 .625rem}.topbar-new-popover{display:none!important}}.app-main{display:flex;flex-direction:column;height:100vh;border-radius:0}.content-area{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden;border-radius:0}.main-content-wrapper{flex:1;min-width:0;min-height:0;background-color:var(--bg-primary);overflow-y:auto;display:flex;flex-direction:column;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1);border-radius:0}.view{display:none}.view.active{display:flex;flex-direction:column;flex:1 0 100%;border-radius:0}body.app-ready:not(.views-loaded) .view.active{animation:viewFadeIn .12s ease-out}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}#view-mes-jeux.active,#view-boutique.active{flex:1 0 100%}body.view-accueil #view-accueil.active{flex:1}#overflowHomeBtn{display:none!important}body.game-creation-mode #topbarHomeIconBtn{display:flex!important}#view-mes-mots.active,#view-library.active{flex:1;min-height:0;overflow:hidden}.cards-container{height:100%;overflow-y:hidden}.games-container{display:flex;flex-direction:column;flex:1;padding:1.5rem}.settings-container{padding:1.5rem;max-width:800px}.activities-container{display:flex;flex-direction:column;flex:1}@media(max-width:1023px){.app-main{flex-direction:column;height:100vh;overflow:hidden}.sidebar{position:relative;width:100%;height:auto;max-height:56px;overflow:visible;display:flex;flex-direction:row;align-items:center;padding:.5rem .75rem;border-right:none;border-bottom:1px solid #000000;z-index:2000}.sidebar-section.sidebar-logo{flex-direction:row;align-items:center;gap:.5rem;padding:0;border-bottom:none;margin:0}.logo{font-size:1.125rem;display:flex;align-items:center;gap:.375rem}.logo i{width:20px;height:20px}.sidebar-toggle{display:none!important}.sidebar>.sidebar-section:not(.sidebar-logo),.sidebar-nav-bottom{display:none}.mobile-menu-container{display:flex;align-items:center;gap:.5rem;margin-left:auto}.mobile-menu-btn{width:36px;height:36px;padding:0;border:none;background:#ffffff0a;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.mobile-menu-btn:hover{background:#ffffff14}.mobile-menu-btn i{width:20px;height:20px}.mobile-menu-dropdown{position:absolute;top:100%;right:.75rem;width:280px;max-height:calc(100vh - 80px);background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;overflow-y:auto;z-index:3000;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;margin-top:.5rem}.mobile-menu-dropdown.active{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-menu-section{padding:.75rem;border-bottom:1px solid var(--border-color)}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .5rem;letter-spacing:.05em}.mobile-menu-section .filter-item,.mobile-menu-section .collection-item{width:100%;padding:.625rem .75rem;margin-bottom:.25rem}.mobile-menu-section .icon-btn-small{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.mobile-menu-section .icon-btn-small svg{width:14px;height:14px}.mobile-create-btn{height:36px;padding:0 .875rem;border:none;background:#5da8cd1f;color:#fff;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:var(--transition);white-space:nowrap}.mobile-create-btn:hover{background:#5da8cd2e}.mobile-create-btn i{width:16px;height:16px;color:var(--primary-color)}.main-content-wrapper{width:100%;flex:1;overflow-y:auto;height:calc(100vh - 56px)}.table-container-wrapper{height:calc(100vh - 104px)!important}.finder-toolbar{padding:.375rem .5rem;min-height:44px;gap:.375rem}.finder-btn{font-size:.75rem;padding:0 .5rem;height:28px}.finder-btn i{width:12px;height:12px}.finder-icon-btn{width:28px;height:28px}.finder-icon-btn i{width:12px;height:12px}.finder-action-btn{height:26px;font-size:.6875rem;padding:0 .375rem}.finder-action-btn i{width:12px;height:12px}.finder-central-zone{min-width:80px;flex:1}.finder-quick-input{font-size:.75rem}}@media(max-width:599px){.logo span{display:none}.finder-toolbar{flex-wrap:wrap}.finder-central-zone{order:3;width:100%;max-width:100%;margin-top:.5rem}.finder-spacer,.finder-btn.accent span{display:none}.finder-btn.accent{padding:0 .5rem;min-width:28px}.finder-action-btn span{display:none}.finder-action-btn{padding:0;width:26px;height:26px;justify-content:center}.mobile-create-btn span{display:none}.mobile-create-btn{padding:0;width:36px;justify-content:center}}@media(max-width:599px){.finder-btn.accent{padding:0 .375rem;height:26px}.finder-btn.accent i{width:14px;height:14px}}.selected-words-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;padding:4px}.selected-words-list:empty+.helper-text-compact{display:flex}.selected-words-list:not(:empty)+.helper-text-compact{display:none}.modal-settings{width:90%;max-width:1000px;height:70vh;max-height:580px}.modal-body-settings{display:flex;flex-direction:row;overflow:hidden;height:100%;padding:0;position:relative}.settings-close-btn{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:10}.settings-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-close-btn .lucide{width:18px;height:18px}.settings-sidebar{width:220px;flex-shrink:0;background-color:var(--bg-secondary);padding:1.25rem .875rem;display:flex;flex-direction:column;gap:.375rem;overflow-y:auto}.settings-category-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-align:left;font-size:.875rem;font-weight:500}.settings-category-btn .lucide{width:18px;height:18px;stroke-width:2;flex-shrink:0}.settings-category-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-category-btn.active{background-color:var(--primary-light);color:var(--primary-color)}.settings-content-area{flex:1;overflow-y:auto;padding:2rem 2.5rem;position:relative;background-color:var(--bg-primary)}.settings-panel{display:none;animation:fadeInSettings .2s ease}.settings-panel.active{display:block}@keyframes fadeInSettings{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.settings-panel-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.625rem}.settings-section{display:flex;flex-direction:column;gap:0}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0;background-color:transparent;border:none}.setting-label{flex:1}.setting-label strong{display:block;font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.setting-description{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.setting-description.danger-text{color:var(--danger-color)}.setting-voice-tip{margin:.75rem 0 0;line-height:1.5}.setting-select{padding:.625rem .875rem;border-radius:var(--radius-md);background-color:var(--bg-input);color:var(--text-primary);font-size:.875rem;min-width:180px;cursor:pointer;transition:var(--transition);height:38px}.setting-select:hover{background-color:var(--bg-primary)}.setting-select:focus{outline:none;background-color:var(--bg-primary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-input);transition:var(--transition);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:var(--transition);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{background-color:var(--text-on-primary);transform:translate(22px)}.setting-divider{height:1px;background-color:var(--border-color);margin:1.5rem 0}.storage-bar-inline{width:200px;height:6px;background-color:var(--bg-input);border-radius:3px;overflow:hidden;flex-shrink:0}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));transition:width .3s ease;border-radius:3px}.setting-value{font-size:.9375rem;font-weight:500;color:var(--text-secondary)}@media(max-width:1200px){.modal-settings{width:95%;max-width:900px}}@media(max-width:900px)and (min-width:768px){.modal-settings{width:98%;max-width:100%;height:80vh;max-height:650px}.settings-sidebar{width:160px;padding:1rem .625rem}.settings-category-btn{padding:.625rem .75rem;font-size:.8125rem;gap:.5rem}.settings-category-btn .lucide{width:16px;height:16px}.settings-content-area{padding:1.25rem 1.5rem}.setting-item{gap:1.25rem}.settings-panel-title{font-size:1rem;margin-bottom:1.25rem}}.modal-archived{width:90%;max-width:560px}.modal-header-content{display:flex;align-items:center;gap:.625rem}.archived-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--text-tertiary);color:var(--layer-1);font-size:.6875rem;font-weight:600;border-radius:10px}.archived-list-container{max-height:400px;overflow-y:auto}.archived-list{display:flex;flex-direction:column;gap:.5rem}.archived-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.archived-item:hover{background:var(--layer-3);border-color:var(--border-medium)}.archived-item-preview{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--layer-1)}.archived-item-gallery{display:flex;width:100%;height:100%;transition:transform .25s ease}.archived-item-slide{min-width:100%;height:100%}.archived-item-slide img{width:100%;height:100%;object-fit:cover}.archived-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:5}.archived-item:hover .archived-nav-btn{opacity:1}.archived-nav-btn:hover{background:#000000b3}.archived-nav-btn svg{width:12px;height:12px}.archived-nav-btn.prev{left:2px}.archived-nav-btn.next{right:2px}.archived-gallery-dots{position:absolute;bottom:3px;left:50%;transform:translate(-50%);display:flex;gap:3px;opacity:0;transition:opacity .15s ease}.archived-item:hover .archived-gallery-dots{opacity:1}.archived-gallery-dot{width:4px;height:4px;border-radius:50%;background:#fff6;cursor:pointer}.archived-gallery-dot.active{background:#fff}.archived-image-badge{position:absolute;top:3px;right:3px;display:flex;align-items:center;gap:2px;padding:2px 5px;background:#0009;color:#fff;font-size:.625rem;font-weight:500;border-radius:8px}.archived-image-badge svg{width:10px;height:10px}.archived-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.archived-preview-empty svg{width:24px;height:24px;opacity:.4}.archived-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.archived-item-word{font-weight:600;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archived-item-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.75rem}.archived-item-meta svg{width:12px;height:12px}.archived-item-actions{display:flex;gap:.25rem;flex-shrink:0}.archived-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:var(--transition)}.archived-action-btn svg{width:16px;height:16px}.archived-action-btn:hover{background:var(--layer-2);color:var(--text-primary)}.archived-action-btn.restore:hover{background:var(--primary-light);color:var(--primary-color)}.archived-action-btn.delete:hover{background:var(--danger-light);color:var(--danger-color)}.archived-footer{justify-content:flex-end;gap:.5rem}.archived-footer .btn-secondary{padding:.5rem .875rem;font-size:.8125rem}.archived-footer .btn-secondary svg{width:14px;height:14px}.empty-archived-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-secondary);text-align:center}.empty-archived-state.active{display:flex}.empty-archived-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border-radius:50%;margin-bottom:1rem}.empty-archived-icon svg{width:24px;height:24px;opacity:.5}.empty-archived-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.empty-archived-desc{font-size:.8125rem;color:var(--text-tertiary);margin:0}@media(max-width:599px){.archived-item-preview{width:56px;height:56px}.archived-nav-btn{opacity:.8}.archived-gallery-dots{opacity:1}.archived-action-btn{width:36px;height:36px}}.merge-cards-info{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1rem 0}.merge-icon-wrapper{width:64px;height:64px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.merge-icon-wrapper i{width:32px;height:32px;color:var(--primary-color)}.merge-cards-info p{margin:0;color:var(--text-primary);font-size:1rem;line-height:1.5}.merge-cards-suggestion{color:var(--text-secondary)!important;font-size:.9375rem!important}#mergeCardsMessage{font-weight:600;font-size:1.0625rem!important}.collections-checkbox-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:10px}.collection-checkbox-item{padding:10px 12px;border-bottom:1px solid var(--bg-hover);transition:background-color .15s ease}.collection-checkbox-item:last-child{border-bottom:none}.collection-checkbox-item:hover{background-color:var(--bg-hover)}.collection-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.collection-checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border-radius:4px;background-color:var(--bg-secondary);border:1.5px solid var(--bg-hover);cursor:pointer;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.collection-checkbox-label input[type=checkbox]:hover{background-color:var(--bg-input-hover);border-color:var(--text-tertiary);transform:scale(1.05)}.collection-checkbox-label input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.collection-checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.collection-checkbox-label .collection-name{color:var(--text-primary);font-size:.875rem;flex:1}body.game-creation-mode .finder-toolbar{overflow:visible}body.game-creation-mode .finder-central-zone{min-width:0;flex:1}body.game-creation-mode .finder-spacer{flex:0;min-width:.5rem}body.game-creation-mode .finder-action-btn span{display:none}body.game-creation-mode .finder-action-btn{padding:0 .5rem;min-width:32px;gap:0}body.game-creation-mode .finder-btn.accent span,body.game-creation-mode .finder-btn.accent .dropdown-chevron{display:none}body.game-creation-mode .finder-btn.accent{padding:0 .5rem;min-width:32px;flex-shrink:0}@media(max-width:1023px){body.game-creation-mode .cards-list .col-tags{display:none}body.game-creation-mode .cards-list th.col-word,body.game-creation-mode .cards-list td.col-word{width:30%}body.game-creation-mode .cards-list th.col-images,body.game-creation-mode .cards-list td.col-images{width:auto}}@media(max-width:1023px){body.game-creation-mode .finder-quick-input{font-size:.75rem}}@media(max-width:1023px){body.game-creation-mode .cards-list .col-tags,body.game-creation-mode .cards-list .col-images{display:table-cell}body.game-creation-mode .cards-list th.col-word,body.game-creation-mode .cards-list td.col-word{width:18%}body.game-creation-mode .cards-list th.col-images,body.game-creation-mode .cards-list td.col-images{width:34%}body.game-creation-mode .cards-list th.col-tags,body.game-creation-mode .cards-list td.col-tags{width:43%}body.game-creation-mode .cards-container{margin-right:0}body.game-creation-mode .finder-central-zone{min-width:60px}body.game-creation-mode .finder-toolbar{overflow:visible}body.game-creation-mode .finder-spacer{flex:1}}@media(max-width:599px){body.game-creation-mode .cards-list .col-tags{display:none}body.game-creation-mode .cards-list th.col-word,body.game-creation-mode .cards-list td.col-word{width:35%}body.game-creation-mode .cards-list th.col-images,body.game-creation-mode .cards-list td.col-images{width:auto}}@media(max-width:599px){body.game-creation-mode .cards-list .col-images{display:none}body.game-creation-mode .cards-list th.col-word,body.game-creation-mode .cards-list td.col-word{width:auto}}.mobile-toolbar-search{display:none;align-items:center;gap:.5rem;height:36px;flex:1;max-width:200px;background:#ffffff14;border:none;border-radius:var(--radius-md);padding:0 .625rem}.mobile-toolbar-search-icon{width:18px;height:18px;min-width:18px;color:var(--text-tertiary);flex-shrink:0;pointer-events:none}.mobile-toolbar-search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;line-height:1.4;padding:0 .25rem}.mobile-toolbar-search-input::placeholder{color:var(--text-tertiary)}@media(max-width:1023px){.mobile-toolbar-search{display:flex}}@media(max-width:599px){.mobile-toolbar-search{max-width:140px}.mobile-toolbar-search-icon{width:16px;height:16px;min-width:16px}}@media(max-width:599px){.mobile-toolbar-search{max-width:100px;gap:.375rem;padding:0 .25rem}}@media(max-width:599px){.cards-list .col-tags,.cards-list .col-images,.cards-list .col-actions{display:none}.cards-list th.col-word,.cards-list td.col-word{width:auto}.cards-list th,.cards-list td{padding:.25rem .375rem}.cards-list{font-size:.75rem}.finder-toolbar{padding:.25rem .5rem;min-height:40px}.finder-central-zone{min-width:60px;flex:1}.finder-action-label{font-size:.6875rem}.finder-icon-btn{width:26px;height:26px}.finder-icon-btn i{width:11px;height:11px}.finder-action-btn{width:24px;height:24px}.finder-action-btn i{width:11px;height:11px}.cards-container,.main-content-wrapper{padding:0}}#view-library{min-height:0;overflow:visible}.library-container{display:flex;flex-direction:column;flex:1}.library-toolbar{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;position:sticky;top:0;z-index:10}.library-search-container{display:flex;align-items:center;gap:.5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem .75rem;flex:1;min-width:200px;transition:var(--transition)}.library-search-container:hover{background:var(--layer-3);border-color:var(--border-medium)}.library-search-container:focus-within{border-color:var(--primary-color);background:var(--layer-3)}.library-search-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.library-search-input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none}.library-search-input::placeholder{color:var(--text-tertiary)}.input-clear-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;border-radius:50%;cursor:pointer;flex-shrink:0;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.input-clear-btn.visible{opacity:.35;visibility:visible}.input-clear-btn svg{width:14px;height:14px;color:var(--text-tertiary)}.input-clear-btn.visible:hover{opacity:.7}.input-clear-btn.visible:hover svg{color:var(--text-secondary)}.library-filters{display:flex;gap:.5rem;align-items:center}.library-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:.5rem 2rem .5rem .75rem;font-size:.875rem;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239E9EA7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:var(--transition)}.library-select:hover{border-color:var(--border-medium)}.library-select:focus{border-color:var(--primary-color)}.library-actions{margin-left:auto}.library-selection-info{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-secondary);position:sticky;top:60px;z-index:9}#librarySelectionCount{color:var(--text-secondary)}#librarySelectionCount strong{color:var(--primary-color);font-weight:600}.library-selection-info .btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.8125rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:var(--transition)}.library-selection-info .btn-link:hover{background:var(--primary-light);text-decoration:underline}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:1rem}.library-item{position:relative;display:flex;flex-direction:column;background:var(--layer-2);border:2px solid transparent;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition)}.library-item:hover{background:var(--layer-3);transform:translateY(-2px)}.library-item.selected{border-color:var(--primary-color);background:var(--primary-light)}.library-item-image{width:100%;aspect-ratio:1;overflow:hidden;background:#ffffff05;position:relative}.library-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.library-item-info{padding:.5rem .75rem;border-top:1px solid var(--border-subtle)}.library-item-word{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item-category{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.library-item-checkbox{position:absolute;top:.5rem;left:.5rem;width:20px;height:20px;background:var(--layer-3);border:2px solid var(--border-medium);border-radius:4px;opacity:0;transition:var(--transition);display:flex;align-items:center;justify-content:center}.library-item:hover .library-item-checkbox,.library-item.selected .library-item-checkbox{opacity:1}.library-item.selected .library-item-checkbox{background:var(--primary-color);border-color:var(--primary-color)}.library-item.selected .library-item-checkbox:after{content:"";width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;flex:1}.library-loading .spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.library-loading p{color:var(--text-secondary);font-size:.875rem}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;flex:1;text-align:center}.library-empty i{width:48px;height:48px;color:var(--text-tertiary)}.library-empty h3{color:var(--text-primary);font-size:1.125rem;margin:0}.library-empty p{color:var(--text-secondary);font-size:.875rem;margin:0}@media(max-width:1023px){.library-toolbar{flex-direction:column;align-items:stretch}.library-search-container{max-width:none}.library-filters{flex-wrap:wrap}.library-actions{margin-left:0;width:100%}.library-actions button{width:100%}.library-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:.75rem}.library-item-info{padding:.375rem .5rem}.library-item-word{font-size:.75rem}.library-item-category{display:none}}.view-toggle{display:flex;align-items:center;background:var(--layer-2);border-radius:var(--radius-md);padding:2px;gap:2px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.view-toggle-btn:hover{color:var(--text-secondary);background:var(--layer-3)}.view-toggle-btn.active{color:var(--text-primary);background:var(--layer-3)}.view-toggle-btn i{width:16px;height:16px}.syllable-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.syllable-toggle:hover{color:var(--text-secondary);background:var(--layer-3)}.syllable-toggle.active{color:var(--primary);background:var(--primary-light)}.syllable-toggle i,.syllable-toggle svg{width:16px;height:16px}.cards-grid-view .vocabulary-item .vocabulary-item-checkbox{opacity:0;transition:opacity .15s ease}.cards-grid-view .vocabulary-item:hover .vocabulary-item-checkbox,.cards-grid-view .vocabulary-item.selected .vocabulary-item-checkbox,body.has-word-selection .cards-grid-view .vocabulary-item .vocabulary-item-checkbox{opacity:1}.sort-filter-wrapper{position:relative}.sort-filter-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--layer-2);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.sort-filter-btn:hover{color:var(--text-secondary);background:var(--layer-3)}.sort-filter-btn.active{color:var(--primary-color);background:var(--layer-3)}.sort-filter-btn i{width:16px;height:16px}.sort-filter-popover{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--layer-2);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;display:none;overflow:hidden}.sort-filter-popover.active{display:block}.sort-filter-header{padding:.625rem .875rem;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.sort-filter-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .875rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition);text-align:left}.sort-filter-option:hover{background:var(--layer-3);color:var(--text-primary)}.sort-filter-option.active{color:var(--primary-color);background:var(--layer-3)}.sort-filter-option i:first-child{width:16px;height:16px;flex-shrink:0}.sort-filter-option span{flex:1}.sort-filter-option .sort-check{width:14px;height:14px;opacity:0;color:var(--primary-color)}.sort-filter-option.active .sort-check{opacity:1}@media(max-width:1023px){.sort-filter-wrapper{display:none}}table.cards-list#cardsListView{display:table}table.cards-list#cardsListView.hidden{display:none}.cards-grid-view{display:none;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:1rem}.cards-grid-view.active{display:block}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem}.grid-empty-placeholder{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-tertiary);text-align:center;gap:.25rem}.grid-empty-placeholder>span:first-child{font-size:.9375rem;font-weight:500;color:var(--text-secondary)}.grid-empty-hint{font-size:.8125rem}.grid-empty-clear-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.grid-empty-clear-btn:hover{background:var(--layer-3);color:var(--text-primary);border-color:var(--text-tertiary)}.grid-empty-clear-btn i,.grid-empty-clear-btn svg{width:14px;height:14px}.vocabulary-item{position:relative;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;background:var(--layer-2);border:2px solid transparent;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition);outline:2px solid transparent;outline-offset:-2px;content-visibility:auto;contain-intrinsic-size:auto 180px}.vocabulary-item:hover{background:var(--layer-3);transform:translateY(-2px)}.vocabulary-item.selected{border-color:var(--primary-color);background:var(--primary-light)}.vocabulary-item-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;position:relative}.vocabulary-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.vocabulary-item-image img.lazy-image{opacity:0}.vocabulary-item-image img.loading{opacity:.5;transition:opacity .1s ease-out}.vocabulary-item-image img.loaded{opacity:1;transition:opacity .1s ease-out}.vocabulary-item-image img:not(.lazy-image):not(.loaded){opacity:1}.vocabulary-item-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.vocabulary-item-placeholder i{width:48px;height:48px;opacity:.3}.vocabulary-item-count{position:absolute;bottom:.5rem;right:.5rem;background:var(--layer-3);color:var(--text-secondary);font-size:.6875rem;padding:.125rem .375rem;border-radius:var(--radius-sm)}.vocab-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:var(--text-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);z-index:3;padding:0;pointer-events:none}.vocab-img-nav i{width:16px;height:16px}.vocab-img-nav-prev{left:.5rem}.vocab-img-nav-next{right:.5rem}.vocabulary-item:hover .vocab-img-nav{opacity:1;pointer-events:auto}.vocab-img-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.vocab-img-nav:active{transform:translateY(-50%) scale(.95)}.vocabulary-item-indicator{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:#0009;color:var(--text-on-primary);font-size:.625rem;font-weight:500;padding:.125rem .5rem;border-radius:10px;opacity:0;transition:var(--transition);z-index:3}.vocabulary-item:hover .vocabulary-item-indicator{opacity:1}.vocabulary-item-multi-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;background:#000000a6;color:var(--text-on-primary);font-size:.625rem;font-weight:600;padding:.2rem .4rem;border-radius:6px;z-index:2;pointer-events:none}.vocabulary-item-multi-badge i{width:12px;height:12px}.vocabulary-item-multi-badge span{line-height:1}.vocabulary-item:hover .vocabulary-item-multi-badge{opacity:0}.vocabulary-item-info{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;border-top:1px solid var(--border-subtle);position:relative}.vocabulary-item-word{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.grid-inline-edit-input{flex:1;min-width:0;font-size:.75rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--primary);border-radius:4px;padding:.125rem .25rem;outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.grid-inline-edit-input:focus{border-color:var(--primary)}.grid-tags-btn{display:flex;align-items:center;gap:.25rem;padding:0;background:transparent;border:none;color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s ease;flex-shrink:0}.grid-tags-btn:hover{color:var(--text-primary)}.grid-tags-btn svg{width:12px;height:12px}.grid-tags-count{line-height:1}.grid-tags-popover{display:none!important}.grid-tags-item{display:none;color:var(--text-secondary);background:var(--layer-2);padding:2px 8px;border-radius:10px;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.grid-tags-item:hover{background:var(--layer-3);color:var(--text-primary)}.vocabulary-item-checkbox{position:absolute;top:.5rem;left:.5rem;width:20px;height:20px;background:var(--layer-3);border:2px solid var(--border-medium);border-radius:4px;opacity:0;transition:var(--transition);display:flex;align-items:center;justify-content:center;z-index:2}.vocabulary-item.selected .vocabulary-item-checkbox{opacity:1;background:var(--primary-color);border-color:var(--primary-color)}.vocabulary-item.selected .vocabulary-item-checkbox:after{content:"";width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}@media(max-width:1023px){.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.vocabulary-item-image img{padding:.75rem}.vocabulary-item-info{padding:.5rem}.vocabulary-item-word{font-size:.8125rem}}.activity-dropdown-container{position:relative;display:inline-block}.activity-dropdown-container .finder-btn.accent,.activity-dropdown-container .btn-primary{display:flex;align-items:center;gap:.5rem}.activity-dropdown-container .dropdown-chevron{width:14px;height:14px;transition:transform .2s ease;margin-left:.25rem}.activity-dropdown-container.open .dropdown-chevron{transform:rotate(180deg)}.activity-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.activity-dropdown-container.open .activity-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.activity-dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .15s ease;text-align:left}.activity-dropdown-item:first-child{border-radius:7px 7px 0 0}.activity-dropdown-item:last-child{border-radius:0 0 7px 7px}.activity-dropdown-item:hover:not(.disabled){background:var(--bg-hover)}.activity-dropdown-item i{width:18px;height:18px;color:var(--text-secondary)}.activity-dropdown-item:hover:not(.disabled) i{color:var(--primary-color)}.activity-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.activity-dropdown-item .coming-soon{margin-left:auto;font-size:.6875rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:10px}.activities-header .activity-dropdown-container{margin-left:auto}@media(max-width:599px){.activity-dropdown-container .dropdown-chevron{display:none}}.material-buttons-group{display:flex;align-items:center;gap:.25rem;background:var(--layer-2);border-radius:var(--radius-md);padding:2px}.finder-btn.material-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;height:28px;font-size:.75rem;font-weight:500;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.finder-btn.material-btn:hover{background:var(--layer-3);color:var(--text-primary)}.finder-btn.material-btn i{width:14px;height:14px}@media(max-width:1023px){.finder-btn.material-btn span{display:none}.finder-btn.material-btn{padding:0 .5rem;min-width:28px;justify-content:center}}body.game-creation-mode .material-buttons-group{display:none}.activities-view-buttons{gap:.5rem;background:transparent;padding:0}.material-btn-view{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.material-btn-view i,.material-btn-view svg{width:18px;height:18px}.material-btn-view:hover{transform:translateY(-1px)}.color-picker-row{display:flex;gap:.375rem;align-items:center}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary)}.checkbox-group-inline{display:flex;gap:.75rem;align-items:center}.checkbox-label-compact{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8125rem;color:var(--text-secondary)}.checkbox-label-compact input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.checkbox-label-compact span{user-select:none}.checkbox-label-compact:has(input:checked) span{color:var(--text-primary)}.sidebar-section-settings{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-subtle)}#view-accueil{display:flex;flex-direction:column;border-radius:0}.accueil-container{display:flex;flex-direction:column;flex:1;padding:.75rem 1rem;gap:.75rem;background-color:#3a332c;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12px 12px;border-radius:0}.accueil-content{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;overflow-y:auto;border-radius:0}.accueil-stats-bar{display:flex;gap:.5rem;flex-shrink:0}.accueil-stat-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all .15s ease;flex:1}.accueil-stat-btn:hover{background:var(--layer-2)}.accueil-stat-btn .lucide{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.accueil-stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.accueil-stat-label{font-size:.75rem;color:var(--text-tertiary)}.accueil-stat-btn--progress{flex:1.5;flex-direction:column;align-items:stretch;gap:.5rem}.accueil-stat-progress-header{display:flex;align-items:center;gap:.5rem}.accueil-stat-ratio{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.accueil-stat-ratio-sep{color:var(--text-tertiary);margin:0 .125rem}.accueil-stat-percent{margin-left:auto;font-size:.875rem;font-weight:600;color:#fff}.accueil-stat-progress-bar{width:100%;height:4px;background:var(--layer-3);border-radius:2px;overflow:hidden}.accueil-stat-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:2px;transition:width .4s ease;width:0%}.accueil-stat-btn--progress.is-complete .accueil-stat-percent{color:var(--success)}.accueil-stat-btn--progress.is-complete .accueil-stat-progress-fill{background:linear-gradient(90deg,var(--success-color),var(--success-hover))}.accueil-stat-btn--progress.is-complete .lucide{color:var(--success)}.accueil-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.accueil-search-compact{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:180px;transition:var(--transition)}.accueil-search-compact:hover{background:var(--layer-3);border-color:var(--border-medium)}.accueil-search-compact:focus-within{background:var(--layer-3);border-color:var(--primary-color);width:240px}.accueil-search-compact .lucide{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.accueil-search-compact input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none;min-width:0}.accueil-search-compact input::placeholder{color:var(--text-tertiary)}.accueil-search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;padding:0;transition:var(--transition-fast)}.accueil-search-clear:hover{background:var(--layer-4);color:var(--text-primary)}.accueil-search-clear .lucide{width:10px;height:10px}.accueil-search-inline{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:200px;width:auto;max-width:400px;transition:var(--transition)}.accueil-search-inline:hover{background:var(--layer-3);border-color:var(--border-medium)}.accueil-search-inline:focus-within{border-color:var(--primary-color);background:var(--layer-3)}.accueil-search-inline .lucide{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.accueil-search-inline input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none;min-width:0}.accueil-search-inline input::placeholder{color:var(--text-tertiary)}.accueil-search-inline .accueil-search-clear{width:16px;height:16px}.accueil-search-inline .accueil-search-clear .lucide{width:10px;height:10px}@media(max-width:599px){.accueil-search-inline{min-width:140px;max-width:280px}}.accueil-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.accueil-action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 100%);opacity:0;transition:opacity .15s ease}.accueil-action-btn:hover{background:var(--layer-2);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.accueil-action-btn:hover:before{opacity:1}.accueil-action-btn:active{transform:translateY(0)}.accueil-action-btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .15s ease}.accueil-action-btn:hover svg{color:var(--primary-color);transform:scale(1.05)}.accueil-action-btn.accueil-action-primary{background:linear-gradient(135deg,#5da8cd,#4d98bd);border-color:var(--primary-color);color:var(--text-on-primary);box-shadow:0 2px 8px #5da8cd40}.accueil-action-btn.accueil-action-primary:hover{background:linear-gradient(135deg,#70b8dd,#5da8cd);border-color:var(--primary-hover);color:var(--text-on-primary);box-shadow:0 4px 16px #5da8cd4d}.accueil-action-btn.accueil-action-primary:active{box-shadow:0 2px 6px #5da8cd33}.accueil-action-btn.accueil-action-primary svg{color:var(--text-on-primary)}.accueil-action-btn.accueil-action-primary:hover svg{color:var(--text-on-primary)}.accueil-actions-bar .accueil-search-compact{margin-left:auto;width:160px}.accueil-actions-bar .accueil-search-compact:focus-within{width:220px}@media(max-width:599px){.accueil-actions-bar{gap:.375rem}.accueil-action-btn{padding:.5rem}.accueil-action-btn span{display:none}.accueil-actions-bar .accueil-search-compact{width:100%;margin-left:0;order:-1}}.accueil-carousel-nav{display:flex;align-items:center;gap:.125rem}.accueil-empty{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;max-width:600px;margin:0 auto}.welcome-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:.5rem}.welcome-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-color),var(--accent-purple));border-radius:.875rem;margin-bottom:.75rem;box-shadow:0 6px 20px #5da8cd4d}.welcome-icon i{width:24px;height:24px;color:var(--text-on-primary)}.welcome-header h2{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem}.welcome-header p{font-size:.9375rem;color:var(--text-secondary);margin:0}.starter-projects{width:100%}.starter-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.03em}.starter-title i{width:14px;height:14px;color:var(--primary-color)}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.starter-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.starter-card:hover{background:var(--layer-3);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #5da8cd26}.starter-preview{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.starter-picto{width:36px;height:36px;object-fit:contain;border-radius:4px}.starter-info{display:flex;flex-direction:column;gap:.125rem}.starter-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.starter-count{font-size:.75rem;color:var(--text-tertiary)}.welcome-divider{display:flex;align-items:center;width:100%;gap:1rem;color:var(--text-tertiary);font-size:.75rem}.welcome-divider:before,.welcome-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.welcome-actions{display:flex;flex-direction:column;gap:.625rem;width:100%}.welcome-action-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.welcome-action-btn:hover{background:var(--layer-3);border-color:var(--border-medium)}.welcome-action-btn.welcome-action-primary{background:var(--primary-light);border-color:#5da8cd4d}.welcome-action-btn.welcome-action-primary:hover{background:#5da8cd33;border-color:var(--primary-color)}.welcome-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--layer-3);border-radius:var(--radius-md);flex-shrink:0}.welcome-action-btn.welcome-action-primary .welcome-action-icon{background:var(--primary-color);color:var(--text-on-primary)}.welcome-action-icon i{width:20px;height:20px;color:var(--text-secondary)}.welcome-action-btn.welcome-action-primary .welcome-action-icon i{color:var(--text-on-primary)}.welcome-action-text{display:flex;flex-direction:column;gap:.125rem}.welcome-action-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.welcome-action-desc{font-size:.8125rem;color:var(--text-tertiary)}@media(max-width:599px){.starter-grid{grid-template-columns:1fr}.starter-card{flex-direction:row;text-align:left;padding:1rem}.starter-preview{flex-wrap:nowrap}.starter-picto{width:28px;height:28px}}.accueil-section{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.accueil-section-header{display:none}.supports-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:var(--primary-color);border-radius:var(--radius-md);margin-bottom:.5rem;animation:slideDown .15s ease;flex-wrap:wrap;min-height:44px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.selection-toolbar-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.selection-toolbar-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ffffff26;color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease}.selection-toolbar-close:hover{background:#ffffff40}.selection-toolbar-close .lucide{width:16px;height:16px}.selection-toolbar-count{font-size:.8125rem;font-weight:500;color:#fff}.selection-toolbar-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0;flex-wrap:wrap}.selection-toolbar-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:none;background:#ffffff26;color:#fff;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease;flex-shrink:0;white-space:nowrap}.selection-toolbar-btn:hover{background:#ffffff40}.selection-toolbar-btn .lucide{width:14px;height:14px;flex-shrink:0}.selection-toolbar-btn--danger{background:#ffffff1a}.selection-toolbar-btn--danger:hover{background:var(--danger)}.selection-toolbar-btn--danger .lucide{width:16px;height:16px}.folder-select-list,.type-select-list{display:flex;flex-direction:column;gap:.25rem}.folder-select-item,.type-select-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border:none;background:var(--layer-1);color:var(--text-primary);font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;transition:background .12s ease;text-align:left;width:100%}.folder-select-item:hover,.type-select-item:hover{background:var(--layer-2)}.folder-select-item--active,.type-select-item--active{background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-color)}.folder-select-item--active:hover,.type-select-item--active:hover{background:color-mix(in srgb,var(--primary-color) 18%,transparent)}.folder-select-item .lucide,.type-select-item .lucide{width:18px;height:18px;flex-shrink:0}.type-select-item svg{width:18px;height:18px;flex-shrink:0}.accueil-section-title{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0}.accueil-section-title .lucide{width:14px;height:14px;color:var(--text-tertiary)}.accueil-section-actions{display:flex;align-items:center;gap:.375rem}.accueil-section-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-tertiary);border-radius:6px;cursor:pointer;transition:var(--transition)}.accueil-section-btn:hover{background:var(--layer-2);color:var(--primary-color)}.accueil-section-btn .lucide{width:14px;height:14px}.accueil-new-folder-btn{display:flex;align-items:center;gap:.375rem;height:36px;padding:0 .75rem;border:none;background:var(--layer-2);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:inherit;transition:var(--transition);white-space:nowrap;margin-left:auto}.accueil-new-folder-btn:hover{background:var(--primary);color:#fff}.accueil-new-folder-btn .lucide{width:16px;height:16px}.accueil-section-link{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;background:transparent;color:var(--text-tertiary);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.accueil-section-link:hover{color:var(--primary-color);background:var(--primary-light)}.accueil-section-link .lucide{width:12px;height:12px;transition:transform .2s ease}.accueil-section-link:hover .lucide{transform:translate(2px)}.accueil-nav-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--text-tertiary);border-radius:4px;cursor:pointer;transition:var(--transition)}.accueil-nav-btn:hover{background:var(--layer-2);color:var(--text-primary)}.accueil-nav-btn:disabled{opacity:.25;cursor:not-allowed}.accueil-nav-btn .lucide{width:14px;height:14px}.accueil-carousel-wrapper{position:relative;margin:0 -1rem;padding:0 1rem}.accueil-carousel{display:flex;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem 0}.accueil-filters-search-group{display:flex;align-items:stretch;gap:0;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.accueil-type-filters{display:flex;gap:0}.accueil-type-btn{display:flex;align-items:center;gap:4px;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-right:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.accueil-type-btn .lucide{width:12px;height:12px;flex-shrink:0}.accueil-type-btn span{white-space:nowrap}.accueil-type-btn:hover{background:var(--layer-3)}.accueil-type-btn.active{color:var(--text-primary);background:var(--layer-3)}.accueil-type-btn--loto:hover,.accueil-type-btn--loto.active{color:var(--type-loto);background:var(--type-loto-light)}.accueil-type-btn--memory:hover,.accueil-type-btn--memory.active{color:var(--type-memory);background:var(--type-memory-light)}.accueil-type-btn--cartes:hover,.accueil-type-btn--cartes.active{color:var(--type-cartes);background:var(--type-cartes-light)}.accueil-filters-search-group .accueil-search-inline{border:none;border-radius:0;background:transparent;min-width:160px}.accueil-projects-list{display:flex;flex-direction:column}.accueil-projects-list:has(.prow){border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.supports-tree{display:flex;flex-direction:column;gap:.5rem}.tree-new-folder{margin-bottom:.5rem}.tree-new-folder-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.tree-new-folder-btn:hover{background:var(--layer-2);color:var(--primary)}.tree-new-folder-btn .lucide{width:16px;height:16px}.tree-new-folder-input{display:flex;align-items:center;gap:.5rem}.tree-new-folder-input input{flex:1;max-width:200px;padding:.375rem .625rem;background:var(--layer-1);border:1px solid var(--primary);border-radius:6px;color:var(--text-primary);font-size:.8125rem;outline:none}.tree-new-folder-confirm,.tree-new-folder-cancel{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .12s ease}.tree-new-folder-confirm:hover{background:var(--success);border-color:var(--success);color:#fff}.tree-new-folder-cancel:hover{background:var(--error);border-color:var(--error);color:#fff}.tree-new-folder-confirm .lucide,.tree-new-folder-cancel .lucide{width:14px;height:14px}.tree-folder{background:var(--layer-1);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a;overflow:hidden;transition:all .15s ease}.tree-folder--drag-over{border-color:var(--folder-color, var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--folder-color, var(--primary)) 20%,transparent)}.tree-folder-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--layer-1);cursor:pointer;min-height:48px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tree-folder--open .tree-folder-header{border-bottom:1px solid var(--border-subtle)}.tree-folder--ghost{animation:ghostFolderPulse 1s ease-in-out infinite alternate}.tree-folder--ghost .tree-folder-name-input{flex:1}@keyframes ghostFolderPulse{0%{opacity:.85}to{opacity:1}}.tree-folder-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.tree-folder-toggle:hover{background:var(--layer-3);color:var(--text-primary)}.tree-folder-toggle .lucide{width:16px;height:16px}.tree-folder-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tree-folder-icon .lucide{width:20px;height:20px;color:var(--folder-color, var(--primary))}.tree-folder--unclassified .tree-folder-icon .lucide{color:var(--text-tertiary)}.tree-folder-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:text}.tree-folder-name:hover{color:var(--primary)}.tree-folder-name-input{flex:1;padding:.25rem .5rem;background:var(--layer-1);border:1px solid var(--primary);border-radius:4px;font-size:.875rem;font-weight:500;color:var(--text-primary);outline:none}.tree-folder-count{padding:.125rem .5rem;background:var(--layer-3);border-radius:10px;font-size:.75rem;color:var(--text-tertiary)}.tree-folder-add{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all .15s ease;margin-left:auto}.tree-folder-header:hover .tree-folder-add{opacity:1}.tree-folder-add:hover{background:var(--primary-color);color:#fff}.tree-folder-add .lucide{width:16px;height:16px}.tree-folder-menu{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.tree-folder-menu:hover{background:var(--layer-3);color:var(--text-primary)}.tree-folder-menu .lucide{width:16px;height:16px}.tree-folder-info{font-size:.75rem;color:var(--text-tertiary);margin-left:auto;margin-right:.5rem;white-space:nowrap}.tree-folder--open .tree-folder-info{display:none}.tree-folder-empty{padding:1rem;text-align:center;font-size:.8125rem;color:var(--text-tertiary);font-style:italic}.tree-folder-empty-state{padding:1rem;text-align:center}.tree-folder-empty-text{font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.25rem}.tree-folder-empty-hint{font-size:.75rem;color:var(--text-tertiary);opacity:.6}.tree-support{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1rem;min-height:44px;cursor:pointer;transition:background .12s ease;user-select:none;-webkit-user-select:none}.tree-support:hover{background:var(--layer-2)}.tree-support:hover .tree-support-menu,.tree-support:hover .tree-support-checkbox,.tree-support--selected .tree-support-checkbox,.tree-selection-active .tree-support-checkbox{opacity:1}.tree-support--selected{background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.tree-support--selected:hover{background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.tree-support--dragging{opacity:.4}.tree-support-checkbox{width:18px;height:18px;border:2px solid var(--border-medium);border-radius:4px;flex-shrink:0;cursor:pointer;transition:all .12s ease;opacity:0;position:relative}.tree-support-checkbox:before{content:"";position:absolute;inset:-8px}.tree-support-checkbox:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.tree-support--selected .tree-support-checkbox{background:var(--primary-color);border-color:var(--primary-color)}.tree-support--selected .tree-support-checkbox:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tree-support+.tree-support{border-top:1px solid var(--border-subtle)}.tree-support-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.tree-support-icon .lucide{width:16px;height:16px}.tree-support-icon--loto{background:var(--type-loto-light)}.tree-support-icon--loto .lucide{color:var(--type-loto)}.tree-support-icon--memory{background:var(--type-memory-light)}.tree-support-icon--memory .lucide{color:var(--type-memory)}.tree-support-icon--cartes{background:var(--type-cartes-light)}.tree-support-icon--cartes .lucide{color:var(--type-cartes)}.tree-support-info{flex-shrink:0;width:160px;min-width:100px;display:flex;flex-direction:column}.tree-support-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-support-format{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-2px}.tree-support-count{display:flex;align-items:center;justify-content:center;height:28px;padding:0 .5rem;background:var(--layer-3);border:1px solid var(--border-subtle);border-radius:4px;font-size:.6875rem;font-weight:500;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.tree-support-time{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;min-width:70px;text-align:right;margin-left:auto}.tree-support-menu{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;opacity:0;flex-shrink:0;transition:all .12s ease}.tree-support-menu:hover{background:var(--layer-3);color:var(--text-primary)}.tree-support-menu .lucide{width:14px;height:14px}.tree-support-tags{display:flex;align-items:center;gap:.25rem;flex-shrink:1;min-width:0;flex:0 1 auto;max-width:200px}.tree-support-tag{padding:.0625rem .375rem;background:var(--layer-3);border-radius:8px;font-size:.625rem;color:var(--text-secondary);white-space:nowrap}.tree-support-tags-more{padding:.0625rem .25rem;font-size:.625rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.tree-support-images{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.tree-support-images img{width:28px;height:28px;object-fit:cover;border-radius:4px;border:1px solid var(--border-subtle);background:var(--layer-2);flex-shrink:0;transition:opacity .1s ease-out;clip-path:inset(0 round 4px)}.tree-support-images img[data-idb-src]{opacity:0}.tree-support-images img.loaded{opacity:1}.tree-support-images-more{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .25rem;background:var(--layer-3);border-radius:4px;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;margin-left:.125rem;transition:all .12s ease}.tree-support-images-more:hover{background:var(--layer-4, var(--primary-light));color:var(--text-primary)}.tree-images-popover{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 8px 24px #0003;max-width:320px;z-index:10000}.tree-images-popover img{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border-subtle);background:var(--layer-2);clip-path:inset(0 round 6px)}.tree-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.tree-header-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.tree-view-toggle{display:flex;align-items:center;background:var(--layer-2);border-radius:6px;padding:2px;gap:2px}.tree-view-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.tree-view-btn:hover{color:var(--text-secondary)}.tree-view-btn.active{background:var(--layer-1);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.tree-view-btn .lucide{width:16px;height:16px}.table-view-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);margin-bottom:0}.table-view-header .tree-header-title{font-size:.875rem}.folder-context-menu{position:fixed;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:.5rem;min-width:160px;z-index:10000}.folder-context-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:background .12s ease}.folder-context-menu button:hover{background:var(--layer-2)}.folder-context-menu button.danger{color:var(--error)}.folder-context-menu button.danger:hover{background:color-mix(in srgb,var(--error) 10%,transparent)}.folder-context-menu button .lucide{width:16px;height:16px}.folder-context-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.375rem .5rem}.folder-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .12s ease}.folder-color-dot:hover{transform:scale(1.2)}.folder-color-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--layer-1)}.folder-color-btn{display:flex;align-items:center;justify-content:space-between;width:100%}.folder-color-preview{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.folder-color-popover{position:fixed;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;padding:.5rem;z-index:10001}.folder-color-popover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}.folder-context-separator{height:1px;background:var(--border-subtle);margin:.375rem 0}.modal-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.modal-description strong{color:var(--text-primary);font-weight:600}.modal-add-support{width:90%;max-width:400px}.modal-add-support .modal-body{padding:1.25rem 1.5rem}.add-support-field{margin-bottom:1rem}.add-support-name-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);background:var(--layer-2);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.add-support-name-input:hover{border-color:var(--text-tertiary)}.add-support-name-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary)}.add-support-name-input::placeholder{color:var(--text-tertiary)}.add-support-types{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.add-support-type{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;background:var(--layer-2);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:center}.add-support-type input[type=radio]{position:absolute;opacity:0;pointer-events:none}.add-support-type:hover{border-color:var(--text-tertiary);background:var(--layer-3)}.add-support-type:has(input:checked){border-color:var(--primary-color);background:var(--primary-light)}.add-support-type-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition)}.add-support-type:has(input:checked) .add-support-type-icon{color:var(--primary-color)}.add-support-type-icon svg,.add-support-type-icon .lucide{width:24px;height:24px}.add-support-type-name{font-size:.75rem;font-weight:500;color:var(--text-primary)}.add-support-source{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.add-support-source-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.add-support-source-select{width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--text-primary);background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.add-support-source-select:hover{border-color:var(--text-tertiary)}.add-support-source-select:focus{outline:none;border-color:var(--primary-color)}@media(max-width:599px){.add-support-types{grid-template-columns:repeat(2,1fr)}}.support-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:599px){.support-types-grid{grid-template-columns:1fr}}.support-type-checkbox{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--layer-2);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.support-type-checkbox:hover{background:var(--layer-3);border-color:var(--text-tertiary)}.support-type-checkbox:has(input:checked){border-color:var(--primary-color);background:var(--primary-light)}.support-type-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--text-tertiary);border-radius:4px;background:var(--bg-primary);cursor:pointer;position:relative;flex-shrink:0;transition:var(--transition)}.support-type-checkbox input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.support-type-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.support-type-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-secondary);flex-shrink:0}.support-type-icon svg,.support-type-icon .lucide{width:22px;height:22px}.support-type-checkbox:has(input:checked) .support-type-icon{color:var(--primary-color)}.support-type-checkbox span:last-child{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.word-source-options{display:flex;flex-direction:column;gap:.375rem;max-height:180px;overflow-y:auto}.word-source-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--layer-2);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:.875rem;color:var(--text-primary)}.word-source-option:hover{background:var(--layer-3)}.word-source-option:has(input:checked){background:var(--primary-light);border-color:var(--primary-color)}.word-source-option input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--text-tertiary);border-radius:50%;background:var(--bg-primary);cursor:pointer;position:relative;flex-shrink:0;transition:var(--transition)}.word-source-option input[type=radio]:checked{border-color:var(--primary-color);border-width:5px}.sync-source-options,.sync-target-options{display:flex;flex-direction:column;gap:.375rem;max-height:180px;overflow-y:auto;padding-right:.25rem}.sync-source-option,.sync-target-option{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--layer-2);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.sync-source-option:hover,.sync-target-option:hover{background:var(--layer-3)}.sync-source-option:has(input:checked){background:var(--primary-light);border-color:var(--primary-color)}.sync-target-option:has(input:checked){background:var(--success-light);border-color:var(--success-color)}.sync-target-option.disabled{opacity:.4;pointer-events:none;background:var(--layer-1)}.sync-target-option.disabled .sync-support-count:after{content:" (source)";color:var(--text-tertiary)}.sync-source-option input[type=radio],.sync-target-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--text-tertiary);background:var(--bg-primary);cursor:pointer;position:relative;flex-shrink:0;transition:var(--transition)}.sync-source-option input[type=radio]{border-radius:50%}.sync-target-option input[type=checkbox]{border-radius:4px}.sync-source-option input[type=radio]:checked{border-color:var(--primary-color);border-width:5px}.sync-target-option input[type=checkbox]:checked{background:var(--success-color);border-color:var(--success-color)}.sync-target-option input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.sync-support-info{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.sync-support-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.sync-support-icon svg{width:20px;height:20px}.sync-support-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-support-count{font-size:.75rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-3);padding:.1875rem .5rem;border-radius:10px;flex-shrink:0}.prow-context-item--active{background:var(--layer-2);font-weight:500}.prow-context-item--active:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;margin-right:.5rem}.prow-list{display:flex;flex-direction:column}.prow{display:grid;grid-template-columns:40px 1fr minmax(80px,180px) minmax(100px,200px) 70px 40px;align-items:center;gap:.75rem;padding:.625rem 1rem;min-height:52px;transition:background .12s ease;border-bottom:1px solid var(--border-subtle)}.prow:not(.prow--header){cursor:pointer}.prow:not(.prow--header):hover{background:var(--layer-1)}.prow--header{background:var(--layer-0);min-height:40px;padding:.5rem 1rem;position:sticky;top:0;z-index:1}.prow--header .prow-col{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.prow-col{min-width:0}.prow-col--type{display:flex;align-items:center;justify-content:center}.prow-type-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--layer-2)}.prow-type-icon .lucide{width:16px;height:16px;color:var(--text-secondary)}.prow-type-icon--loto{background:var(--type-loto-light, #e8f5e9)}.prow-type-icon--loto .lucide{color:var(--type-loto, #43a047)}.prow-type-icon--memory{background:var(--type-memory-light, #e3f2fd)}.prow-type-icon--memory .lucide{color:var(--type-memory, #1e88e5)}.prow-type-icon--cartes{background:var(--type-cartes-light, #fff3e0)}.prow-type-icon--cartes .lucide{color:var(--type-cartes, #fb8c00)}.prow-col--name{display:flex;flex-direction:column;gap:2px;overflow:hidden}.prow-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-meta{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap}.prow-col--images{display:flex;align-items:center;overflow:hidden;min-width:0}.prow-images-wrap{display:flex;align-items:center;gap:3px;min-width:0;width:100%}.prow-img{width:24px;height:24px;border-radius:4px;object-fit:cover;background:#fff;flex-shrink:0}.prow-col--tags{display:flex;align-items:center;overflow:hidden;min-width:0}.prow-tags-wrap{display:flex;align-items:center;gap:4px;min-width:0;width:100%}.prow-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:.6875rem;font-weight:500;color:var(--text-secondary);background:var(--layer-2);border-radius:12px;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background .12s ease}.prow-tag:hover{background:var(--layer-3)}.prow-tag--active{background:var(--primary-light);color:var(--primary)}.prow-overflow-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 6px;font-size:.6875rem;font-weight:600;color:var(--text-secondary);background:var(--layer-2);border-radius:12px;white-space:nowrap;flex-shrink:0;cursor:pointer}.prow-overflow-badge:hover{background:var(--layer-3)}.prow-empty{font-size:.75rem;color:var(--text-tertiary);opacity:.5}.prow-col--time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.prow-col--actions{display:flex;align-items:center;justify-content:flex-end}.prow-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-tertiary);opacity:0;transition:opacity .15s ease,background .15s ease}.prow:hover .prow-menu-btn{opacity:1}.prow-menu-btn:hover{background:var(--layer-3);color:var(--text-primary)}.prow-menu-btn .lucide{width:16px;height:16px}.prow-tags-popover{position:fixed;z-index:var(--z-max);background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow-lg);max-width:320px;display:flex;flex-wrap:wrap;gap:6px}.prow-tags-popover .prow-tag{flex-shrink:0}.prow-collection-popover{position:fixed;z-index:var(--z-max);background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;width:280px;max-height:380px;overflow:hidden;animation:popoverSlideIn .2s cubic-bezier(.16,1,.3,1)}.prow-collection-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--layer-2);border-bottom:1px solid var(--border-subtle)}.prow-collection-popover-title{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-collection-popover-count{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-3);padding:2px 8px;border-radius:10px;flex-shrink:0}.prow-collection-popover-list{max-height:320px;overflow-y:auto;padding:6px 0}.prow-collection-popover-list::-webkit-scrollbar{width:6px}.prow-collection-popover-list::-webkit-scrollbar-track{background:transparent}.prow-collection-popover-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.prow-collection-popover-item{display:flex;align-items:center;gap:10px;padding:6px 14px;transition:background .1s ease}.prow-collection-popover-item:hover{background:var(--layer-2)}.prow-collection-popover-item-img{width:32px;height:32px;border-radius:6px;background:#fff;flex-shrink:0;position:relative;overflow:hidden;border:1px solid var(--border-subtle)}.prow-collection-popover-item-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.prow-collection-popover-item-noimg{width:100%;height:100%;background:var(--layer-2)}.prow-collection-popover-item-word{flex:1;font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.prow-words-popover-header{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--layer-2);border-bottom:1px solid var(--border-subtle)}.prow-words-popover-title{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-words-popover-count{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-3);padding:2px 8px;border-radius:10px}.prow-words-popover-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.prow-words-popover-close:hover{background:var(--layer-3);color:var(--text-primary)}.prow-words-popover-close i{width:14px;height:14px}.prow-words-popover-content{padding:6px 0;max-height:280px;overflow-y:auto}.prow-words-popover-content::-webkit-scrollbar{width:6px}.prow-words-popover-content::-webkit-scrollbar-track{background:transparent}.prow-words-popover-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.prow-words-popover-item{padding:6px 14px;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s ease}.prow-words-popover-item:hover{background:var(--layer-2)}.prow-supports-more{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:6px;font-size:.6875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.prow-supports-more:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.prow-supports-popover{z-index:var(--z-max);background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;min-width:260px;max-width:340px;overflow:hidden;animation:popoverAppear .15s ease-out}.prow-supports-popover-header{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--layer-2);border-bottom:1px solid var(--border-subtle)}.prow-supports-popover-title{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-supports-popover-count{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-3);padding:2px 8px;border-radius:10px}.prow-supports-popover-content{padding:6px 0;max-height:280px;overflow-y:auto}.prow-supports-popover-content::-webkit-scrollbar{width:6px}.prow-supports-popover-content::-webkit-scrollbar-track{background:transparent}.prow-supports-popover-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.prow-supports-popover-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .1s ease}.prow-supports-popover-item:hover{background:var(--layer-2)}.prow-supports-popover-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--layer-3);border-radius:6px;flex-shrink:0}.prow-supports-popover-icon svg{width:14px;height:14px;color:var(--text-secondary)}.prow-supports-popover-icon--loto svg{color:var(--type-loto)}.prow-supports-popover-icon--memory svg{color:var(--type-memory)}.prow-supports-popover-icon--cartes svg{color:var(--type-cartes)}.prow-supports-popover-info{flex:1;min-width:0}.prow-supports-popover-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-supports-popover-meta{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-no-images{color:var(--text-tertiary);opacity:.4;font-size:.75rem}.prow-images-popover{position:fixed;z-index:var(--z-max);background:var(--layer-1);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:8px;max-width:280px;max-height:200px;overflow-y:auto;pointer-events:auto}.prow-images-popover::-webkit-scrollbar{width:6px}.prow-images-popover::-webkit-scrollbar-track{background:transparent}.prow-images-popover::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.prow-images-popover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.prow-images-popover-item{width:56px;height:56px;border-radius:6px;background:#fff;position:relative;overflow:hidden}.prow-images-popover-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.prow-col--supports{overflow:hidden}.prow-supports-track{display:flex;align-items:center;gap:4px;width:100%;overflow:hidden}.prow-support{height:34px;display:flex;align-items:center;justify-content:flex-start;border:none;border-radius:6px;background:var(--layer-2);cursor:pointer;transition:all .12s ease;flex-shrink:0;padding:0 8px;gap:6px;overflow:hidden}.prow-support--with-name{width:90px}.prow-support--full{width:auto;min-width:50px;max-width:180px}.prow-support--hidden{display:none!important}.prow-support:hover{background:var(--layer-3);transform:scale(1.02)}.prow-support-icon{width:14px;height:14px;flex-shrink:0}.prow-support-name{font-size:.6875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.prow-support-type{font-size:.6875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-support-icon--loto{color:var(--type-loto)}.prow-support-icon--memory{color:var(--type-memory)}.prow-support-icon--cartes{color:var(--type-cartes)}.prow-support-label{display:none}.prow-no-support{color:var(--text-tertiary);opacity:.4;font-size:.75rem}.prow-col--time{display:flex;align-items:center;justify-content:flex-end;gap:4px}.prow-time-text{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap}@media(max-width:599px){.prow{grid-template-columns:36px 1fr 44px;gap:.5rem;padding:.75rem 1rem;min-height:56px}.prow--header{display:none}.prow-col--type{grid-column:1}.prow-col--name{grid-column:2}.prow-col--actions{grid-column:3}.prow-col--images,.prow-col--tags,.prow-col--time{display:none!important}.prow-type-icon{width:28px;height:28px}.prow-type-icon .lucide{width:14px;height:14px}.prow-menu-btn{opacity:1;width:36px;height:36px}}.accueil-section-controls{display:flex;align-items:center;gap:.5rem}.accueil-sort-btns{display:flex;align-items:center;background:var(--layer-1);border-radius:6px;padding:2px}.accueil-sort-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.accueil-sort-btn:hover{color:var(--text-secondary);background:var(--layer-2)}.accueil-sort-btn.active{background:var(--accent);color:var(--text-on-primary)}.accueil-sort-btn i{width:14px;height:14px}.accueil-supports-carousel{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.accueil-supports-carousel::-webkit-scrollbar{height:4px}.accueil-supports-carousel::-webkit-scrollbar-track{background:transparent}.accueil-supports-carousel::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.support-card{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s ease;width:200px}.support-card:hover{background:var(--layer-2);border-color:var(--border-default);transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.support-card-header{display:flex;align-items:center;gap:8px}.support-card-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-card-icon i{width:14px;height:14px}.support-card-icon--loto{background:var(--type-loto-light);color:var(--type-loto)}.support-card-icon--memory{background:var(--type-memory-light);color:var(--type-memory)}.support-card-icon--cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.support-card-type{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.support-card-type--loto{color:var(--type-loto)}.support-card-type--memory{color:var(--type-memory)}.support-card-type--cartes{color:var(--type-cartes)}.support-card-config{font-size:.6875rem;color:var(--text-secondary)}.support-card-body{display:flex;flex-direction:column;gap:4px}.support-card-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.support-card-project{margin-left:auto;font-size:.625rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.support-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-subtle);margin-top:2px}.support-card-cards{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-primary)}.support-card-cards i{width:11px;height:11px}.support-card-time{font-size:.75rem;color:var(--text-primary)}.prow-support-tooltip{position:fixed;background:var(--layer-1);color:var(--text-primary);padding:8px 12px;border-radius:8px;box-shadow:0 4px 16px #0003,0 0 0 1px var(--border-subtle);z-index:var(--z-notification);pointer-events:none;text-align:center;min-width:max-content;max-width:220px}.prow-support-tooltip-name{font-weight:600;font-size:13px;color:var(--text-primary);margin-bottom:2px}.prow-support-tooltip-info{font-size:11px;color:var(--text-secondary)}.prow-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s ease}.prow:hover .prow-actions{opacity:1}.prow-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.prow-action-btn:hover{background:var(--layer-3);color:var(--text-primary)}.prow-action-btn i{width:14px;height:14px}.prow-context-menu{position:fixed;z-index:var(--z-max);background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:160px;padding:6px;animation:contextMenuIn .12s ease}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.prow-context-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:background .1s ease;text-align:left}.prow-context-item:hover{background:var(--layer-2)}.prow-context-item i{width:16px;height:16px;color:var(--text-tertiary)}.prow-context-item--danger,.prow-context-item--danger i{color:var(--danger)}.prow-context-sep,.prow-context-separator{height:1px;background:var(--border-subtle);margin:4px 0}.prow-context-submenu{padding:4px 0}.prow-context-label{display:block;padding:4px 10px 6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary)}.prow-context-item--small{padding:6px 10px 6px 20px;font-size:.75rem}.prow-context-item--small i{width:14px;height:14px}.prow-context-has-submenu{position:relative}.prow-context-arrow{margin-left:auto;width:14px!important;height:14px!important;opacity:.5}.prow-context-submenu-panel{position:absolute;left:100%;top:0;min-width:140px;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:4px;opacity:0;visibility:hidden;transform:translate(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s;margin-left:4px}.prow-context-submenu-panel.visible{opacity:1;visibility:visible;transform:translate(0)}.prow-context-submenu-panel .prow-context-item--small{padding:6px 10px}.accueil-card{flex-shrink:0;width:200px;background:var(--layer-2);border-radius:10px;cursor:pointer;transition:var(--transition);overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.accueil-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}}.accueil-card:active{transform:scale(.98);opacity:.9}.accueil-card-preview{height:100px;background:var(--layer-0);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1px;overflow:hidden}.accueil-card-preview.empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--layer-1) 0%,var(--layer-0) 100%)}.accueil-card-preview.empty .lucide{width:28px;height:28px;color:var(--text-tertiary);opacity:.3}.accueil-card-preview img{width:100%;height:100%;object-fit:cover;background:#fff}.accueil-card-preview.preview-a4{display:flex!important;align-items:center;justify-content:center;padding:10px;background:#e0e0e0;grid-template-columns:none;grid-template-rows:none}.a4-sheet{background:#fff;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;overflow:hidden}.preview-a4-landscape .a4-sheet{width:100%;height:100%;aspect-ratio:297 / 210;max-width:calc(140px * 1.414);max-height:140px}.preview-a4-portrait .a4-sheet{width:100%;height:100%;aspect-ratio:210 / 297;max-width:100px;max-height:140px}.a4-loto-grid{display:grid;gap:3px;padding:6px;width:100%;height:100%;box-sizing:border-box}.a4-loto-cell{background:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden;position:relative}.a4-loto-cell img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transform:scale(1.15)}.a4-loto-cell.empty{background:#f8f8f8}.a4-memory-grid{display:grid;gap:4px;padding:8px;width:100%;height:100%;box-sizing:border-box}.a4-memory-cell{background:#fff;border:1px solid #e0e0e0;border-radius:3px;overflow:hidden;position:relative}.a4-memory-cell img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transform:scale(1.15)}.a4-memory-cell.empty{background:#f5f5f5;border-style:dashed}.a4-cartes-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:4px;padding:6px;width:100%;height:100%;box-sizing:border-box}.a4-carte{background:#fff;border:2px solid var(--type-cartes);border-radius:3px;display:flex;flex-direction:column;overflow:hidden}.a4-carte-img{flex:1;position:relative;overflow:hidden;min-height:0}.a4-carte-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.a4-carte-word{padding:2px;text-align:center;font-size:6px;font-weight:600;color:#333;background:#fff;border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a4-carte.empty{background:#fafafa;border-style:dashed}.accueil-card-body{padding:.625rem .75rem;display:flex;flex-direction:column;gap:.25rem}.accueil-card-header{display:flex;align-items:center;gap:.5rem}.accueil-card-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--layer-3);border-radius:6px;flex-shrink:0}.accueil-card-icon .lucide{width:13px;height:13px;color:var(--text-secondary)}.accueil-card-icon.project{background:var(--primary-light)}.accueil-card-icon.project .lucide{color:var(--primary-color)}.accueil-card-icon.loto{background:var(--type-loto-light)}.accueil-card-icon.loto .lucide{color:var(--type-loto)}.accueil-card-icon.memory{background:var(--type-memory-light)}.accueil-card-icon.memory .lucide{color:var(--type-memory)}.accueil-card-icon.cartes{background:var(--type-cartes-light)}.accueil-card-icon.cartes .lucide{color:var(--type-cartes)}.accueil-card-info{flex:1;min-width:0}.accueil-card-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accueil-card-subtitle{font-size:.625rem;color:var(--text-tertiary);margin:0}.accueil-card-stats{display:flex;gap:.5rem;margin-top:.125rem}.accueil-card-stat{display:flex;align-items:center;gap:.1875rem;font-size:.625rem;color:var(--text-tertiary)}.accueil-card-stat .lucide{width:10px;height:10px}.accueil-section-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;color:var(--text-tertiary);font-size:.8125rem;background:var(--layer-1);border-radius:10px;border:1px dashed var(--border-subtle)}.accueil-section-empty .accueil-btn{margin-top:.5rem}.empty-state-icon-sm{width:36px;height:36px;color:var(--text-tertiary);opacity:.6;margin-bottom:.5rem}.empty-state-title{font-size:.9375rem;font-weight:500;color:var(--text-secondary)}.empty-state-hint{font-size:.8125rem;color:var(--text-tertiary)}.accueil-section-link{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:none;background:transparent;color:var(--primary-color);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition)}.accueil-section-link:hover{background:var(--primary-light)}.accueil-section-link .lucide{width:14px;height:14px}.library-summary{display:flex;align-items:center;gap:1rem;padding:.875rem 1.125rem;background:linear-gradient(135deg,var(--layer-2) 0%,var(--layer-1) 100%);border-radius:12px;border:1px solid var(--border-subtle);transition:all .2s ease}.library-summary:hover{border-color:var(--border-medium);box-shadow:0 2px 12px #00000026}.library-stats{display:flex;gap:1rem;flex-shrink:0}.library-stat{display:flex;align-items:baseline;gap:.25rem}.library-stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1}.library-stat-label{font-size:.6875rem;color:var(--text-tertiary)}.library-preview{flex:1;display:flex;gap:.25rem;overflow:hidden}.library-preview-item{width:36px;height:36px;border-radius:6px;overflow:hidden;background:var(--layer-3);flex-shrink:0;transition:transform .2s ease}.library-preview-item:hover{transform:scale(1.1);z-index:1}.library-preview-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.library-preview-item:hover img{transform:scale(1.05)}.library-preview-more{width:36px;height:36px;border-radius:6px;background:var(--layer-3);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.library-tags{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.library-tags-list{display:flex;flex-wrap:wrap;gap:.25rem}.accueil-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--layer-3);border-radius:100px;font-size:.625rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.accueil-tag:hover{background:var(--primary-light);color:var(--primary-color)}.accueil-tag-count{font-size:.5625rem;color:var(--text-tertiary);font-weight:500}.accueil-btn-ghost{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px dashed var(--border-subtle);background:transparent;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;border-radius:6px;transition:var(--transition)}.accueil-btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.accueil-btn-ghost .lucide{width:12px;height:12px}@media(max-width:599px){.library-summary{flex-wrap:wrap}.library-tags{width:100%;justify-content:flex-start}}.quick-project-list{display:flex;flex-direction:column;gap:.5rem}.quick-project-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition);text-align:left}.quick-project-item:hover{background:var(--layer-3);border-color:var(--primary-color)}.quick-project-item .lucide{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.quick-project-item:hover .lucide{color:var(--primary-color)}.quick-project-item span:first-of-type{flex:1;font-weight:500}.quick-project-count{font-size:.75rem;color:var(--text-tertiary);font-weight:400}.accueil-section-shop{margin-top:.25rem}.shop-carousel{gap:.75rem}.shop-card{width:160px;flex-shrink:0;background:var(--layer-2);border-radius:10px;overflow:hidden;cursor:pointer;transition:var(--transition)}.shop-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.accueil-pack-card{width:160px;flex-shrink:0;background:var(--layer-2);border-radius:10px;overflow:hidden;cursor:pointer;transition:var(--transition)}.accueil-pack-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.accueil-pack-preview{height:100px;background:linear-gradient(135deg,var(--layer-3),var(--layer-4));position:relative;overflow:hidden}.accueil-pack-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2px;padding:8px;height:100%}.accueil-pack-preview-grid img{width:100%;height:100%;object-fit:cover;border-radius:4px}.accueil-pack-badge{position:absolute;top:8px;right:8px;padding:.25rem .5rem;background:var(--primary-color);color:var(--text-on-primary);font-size:.625rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.accueil-pack-badge.free{background:var(--success-color)}.accueil-pack-content{padding:.75rem}.accueil-pack-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accueil-pack-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.accueil-pack-count{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.accueil-pack-count .lucide{width:12px;height:12px}.accueil-pack-price{font-weight:600;color:var(--primary-color)}.accueil-pack-price.free{color:var(--success-color)}.modal-all-packs{width:90%;max-width:900px;max-height:85vh}.modal-all-packs .modal-body{padding:0}.all-packs-content{padding:1.5rem;overflow-y:auto;max-height:calc(85vh - 60px)}.all-packs-section{margin-bottom:2rem}.all-packs-section:last-child{margin-bottom:0}.all-packs-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.all-packs-section-title .lucide{width:18px;height:18px;color:var(--text-tertiary)}.all-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.drawer-cards-manager{position:fixed;top:0;right:-100%;width:100%;max-width:600px;height:100vh;background:var(--layer-1);z-index:2000;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-4px 0 20px #0000004d}.drawer-cards-manager.open{right:0}.drawer-cards-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.drawer-cards-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.drawer-cards-title .lucide{width:20px;height:20px;color:var(--primary-color)}.drawer-cards-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition)}.drawer-cards-close:hover{background:var(--layer-3);color:var(--text-primary)}.drawer-cards-close .lucide{width:20px;height:20px}.drawer-cards-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--layer-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.drawer-cards-search{flex:1;display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.drawer-cards-search:hover{background:var(--layer-3);border-color:var(--border-medium)}.drawer-cards-search:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.drawer-cards-search .lucide{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.drawer-cards-search input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none}.drawer-cards-search input::placeholder{color:var(--text-tertiary)}.drawer-cards-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.drawer-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.drawer-card-item{aspect-ratio:1;background:var(--layer-2);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;transition:var(--transition)}.drawer-card-item:hover{transform:scale(1.02)}.drawer-card-item img{width:100%;height:100%;object-fit:cover}.drawer-card-item-label{position:absolute;bottom:0;left:0;right:0;padding:.375rem .5rem;background:linear-gradient(transparent,#000c);font-size:.6875rem;color:var(--text-on-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-cards-overlay{position:fixed;inset:0;background:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-cards-overlay.visible{opacity:1;visibility:visible}.modal-global-search{width:90%;max-width:600px;background:transparent;box-shadow:none}.global-search-container{background:var(--layer-2);border-radius:var(--radius-xl);border:1px solid var(--border-medium);overflow:hidden;box-shadow:0 20px 50px #0006}.global-search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-subtle);transition:var(--transition)}.global-search-input-wrapper:focus-within{border-color:var(--primary-color)}.global-search-input-wrapper .lucide{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.global-search-input-wrapper input{flex:1;padding:0 .25rem;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-family:inherit;line-height:1.4;outline:none;box-shadow:none}.global-search-input-wrapper input::placeholder{color:var(--text-tertiary)}.global-search-input-wrapper kbd{padding:.25rem .5rem;background:var(--layer-0);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.6875rem;font-family:inherit;color:var(--text-tertiary)}.global-search-results{max-height:400px;overflow-y:auto}.global-search-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-tertiary);font-size:.875rem}.global-search-section{padding:.5rem 0}.global-search-section-title{padding:.5rem 1.25rem;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.global-search-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;cursor:pointer;transition:var(--transition)}.global-search-item:hover,.global-search-item.selected{background:var(--layer-3)}.global-search-item-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--layer-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.global-search-item-icon img{width:100%;height:100%;object-fit:cover}.global-search-item-icon .lucide{width:18px;height:18px;color:var(--text-secondary)}.global-search-item-icon.project{background:var(--primary-light)}.global-search-item-icon.project .lucide{color:var(--primary-color)}.global-search-item-icon.pack{background:var(--success-light)}.global-search-item-icon.pack .lucide{color:var(--success-color)}.global-search-item-info{flex:1;min-width:0}.global-search-item-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-subtitle,.global-search-item-action{font-size:.75rem;color:var(--text-tertiary)}.global-search-item-action kbd{padding:.125rem .375rem;background:var(--layer-0);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.625rem;font-family:inherit}@media(max-width:1023px){.accueil-cards-summary{flex-direction:column;align-items:stretch;gap:1rem}.accueil-cards-stats,.accueil-cards-preview,.accueil-cards-actions{justify-content:center}.drawer-cards-manager{max-width:100%}}@media(max-width:599px){.accueil-pack-card{width:160px}.accueil-pack-preview{height:80px}}@media(max-width:599px){.accueil-card{width:220px}.accueil-card-preview{height:120px}.accueil-section-title{font-size:.875rem}.accueil-carousel-wrapper{margin:0 -.75rem;padding:0 .75rem}}.accueil-library{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0}.library-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.library-tabs{display:flex;gap:.25rem;background:var(--layer-2);padding:.25rem;border-radius:var(--radius-md)}.library-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.library-tab:hover{color:var(--text-primary);background:var(--layer-3)}.library-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.library-tab svg{width:14px;height:14px}.library-search{position:relative;display:flex;align-items:center}.library-search>svg{position:absolute;left:.75rem;width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.library-search input{width:200px;padding:.5rem 2rem .5rem 2.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-primary);font-size:.8125rem;line-height:1.4;transition:var(--transition)}.library-search input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary)}.library-search input::placeholder{color:var(--text-tertiary)}.library-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.library-search-clear:hover{background:var(--layer-3);color:var(--text-primary)}.library-search-clear svg{width:14px;height:14px}.library-filter select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-primary);font-size:.8125rem;cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.library-filter select:focus{outline:none;border-color:var(--primary-color)}.library-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-tertiary)}.library-empty svg{width:32px;height:32px;opacity:.5}.library-empty span{font-size:.875rem}.accueil-library-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.accueil-library-item:nth-child(odd){background:var(--layer-1)}.accueil-library-item:nth-child(2n){background:var(--layer-2)}.accueil-library-item:hover{background:var(--layer-3)}.accueil-library-item-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.accueil-library-item-icon svg{width:16px;height:16px}.accueil-library-item-icon.type-project{background:var(--layer-3);color:var(--text-secondary)}.accueil-library-item-icon.type-loto{background:var(--type-loto-light);color:var(--type-loto)}.accueil-library-item-icon.type-memory{background:var(--type-memory-light);color:var(--type-memory)}.accueil-library-item-icon.type-cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.accueil-library-item-content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.accueil-library-item-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accueil-library-item-type{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-3);padding:.125rem .375rem;border-radius:var(--radius-sm);white-space:nowrap}.accueil-library-item-meta{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.accueil-library-item-date{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;min-width:90px;text-align:right}.accueil-library-item-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.accueil-library-item:hover .accueil-library-item-actions{opacity:1}.accueil-library-item-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.accueil-library-item-action:hover{background:var(--layer-3);color:var(--primary-color)}.accueil-library-item-action svg{width:14px;height:14px}.accueil-carousel-nav{display:flex;gap:.25rem}.carousel-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--layer-2);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.carousel-nav-btn:hover:not(:disabled){background:var(--layer-3);color:var(--text-primary);border-color:var(--border-medium)}.carousel-nav-btn:disabled{opacity:.4;cursor:not-allowed}.carousel-nav-btn svg{width:18px;height:18px}.accueil-carousel-wrapper{position:relative;overflow:hidden}.accueil-carousel-wrapper:before,.accueil-carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease}.accueil-carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.accueil-carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.accueil-carousel-wrapper.fade-left:before{opacity:1}.accueil-carousel-wrapper.fade-right:after{opacity:1}.accueil-carousel{display:flex;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem}.accueil-carousel::-webkit-scrollbar{display:none}.accueil-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--border-subtle);background:var(--layer-2);color:var(--text-primary)}.accueil-btn:hover{background:var(--layer-3);border-color:var(--border-medium)}.accueil-btn svg{width:16px;height:16px}.accueil-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.accueil-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.recent-card{position:relative;display:flex;align-items:center;gap:.625rem;flex-shrink:0;width:220px;padding:.5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.recent-card:hover{background:var(--layer-3);border-color:var(--border-medium)}}.recent-card:active{transform:scale(.98);opacity:.9}.recent-card-preview{position:relative;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--layer-1)}.recent-card-gallery{display:flex;width:100%;height:100%;transition:transform .25s ease}.recent-card-gallery-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.recent-card-gallery-slide img{width:100%;height:100%;object-fit:cover}.recent-card-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:var(--text-on-primary);cursor:pointer;opacity:0;transition:opacity .15s ease;z-index:5}@media(hover:hover)and (pointer:fine){.recent-card:hover .recent-card-gallery-nav{opacity:1}}@media(hover:none),(pointer:coarse){.recent-card-gallery-nav{opacity:.8}}.recent-card-gallery-nav:hover{background:#000000b3}.recent-card-gallery-nav svg{width:12px;height:12px}.recent-card-gallery-nav.prev{left:2px}.recent-card-gallery-nav.next{right:2px}.recent-card-gallery-dots{position:absolute;bottom:3px;left:50%;transform:translate(-50%);display:flex;gap:3px;opacity:0;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.recent-card:hover .recent-card-gallery-dots{opacity:1}}@media(hover:none),(pointer:coarse){.recent-card-gallery-dots{opacity:1}}.recent-card-gallery-dot{width:4px;height:4px;border-radius:50%;background:#fff6}.recent-card-gallery-dot.active{background:#fff}.recent-card-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.recent-card-preview-empty svg{width:24px;height:24px;opacity:.4}.recent-card-icon{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-card-icon svg{width:24px;height:24px}.recent-card-icon.type-loto{background:var(--type-loto-light);color:var(--type-loto)}.recent-card-icon.type-memory{background:var(--type-memory-light);color:var(--type-memory)}.recent-card-icon.type-cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.recent-card-icon.type-project{background:var(--layer-3);color:var(--text-secondary)}.recent-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.recent-card-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-card-meta{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-tertiary)}.recent-card-type{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .3rem;border-radius:var(--radius-xs);background:var(--layer-3);color:var(--text-secondary)}.recent-card-type.type-loto{background:var(--type-loto-light);color:var(--type-loto)}.recent-card-type.type-memory{background:var(--type-memory-light);color:var(--type-memory)}.recent-card-type.type-cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.recent-card-actions{position:absolute;top:.375rem;right:.375rem;display:flex;gap:.125rem;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}@media(hover:hover)and (pointer:fine){.recent-card:hover .recent-card-actions{opacity:1;pointer-events:auto}}@media(hover:none),(pointer:coarse){.recent-card-actions{opacity:1;pointer-events:auto}}.recent-card-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:none;background:var(--layer-1);color:var(--text-secondary);cursor:pointer;transition:var(--transition);box-shadow:0 1px 2px #00000014}.recent-card-action:hover{background:var(--primary-color);color:var(--text-on-primary)}.recent-card-action[data-action=delete]:hover{background:var(--danger-color)}.recent-card-action svg{width:12px;height:12px}.boutique-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.25rem 2rem;max-width:1400px;margin:0 auto;width:100%;min-height:min-content}.boutique-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.boutique-title-group{display:flex;align-items:center;gap:.75rem}.boutique-title{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:0}.boutique-title svg{width:14px;height:14px}.boutique-subtitle{display:none}.boutique-import-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition)}.boutique-import-btn:hover{background:var(--layer-3);border-color:var(--border-medium);color:var(--text-primary)}.boutique-import-btn svg{width:14px;height:14px}.boutique-categories{display:flex;flex-direction:column;gap:1.75rem}.boutique-category{display:flex;flex-direction:column;gap:.75rem}.boutique-category-header{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem}.boutique-category-title{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0}.boutique-category-title svg{width:16px;height:16px;color:var(--text-tertiary)}.boutique-category-nav{display:flex;gap:.25rem}.boutique-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--layer-2);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.boutique-nav-btn:hover:not(:disabled){background:var(--layer-3);border-color:var(--border-medium);color:var(--text-primary)}.boutique-nav-btn:disabled{opacity:.4;cursor:not-allowed}.boutique-nav-btn svg{width:14px;height:14px}.boutique-packs-wrapper{position:relative;overflow:hidden;margin:0 -.25rem;padding:0 .25rem}.boutique-packs-wrapper:before,.boutique-packs-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.boutique-packs-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.boutique-packs-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.boutique-packs-wrapper.fade-left:before,.boutique-packs-wrapper.fade-right:after{opacity:1}.boutique-packs{display:flex;gap:.875rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:.25rem .125rem .5rem}.boutique-packs::-webkit-scrollbar{display:none}.boutique-pack-card{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:220px;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease}.boutique-pack-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a;border-color:var(--border-medium)}.boutique-pack-preview{position:relative;width:100%;height:100px;background:var(--layer-2);overflow:hidden}.boutique-pack-preview-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#9d7dcd14,#5da8cd14)}.boutique-pack-badges{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.25rem;z-index:3}.boutique-pack-badge{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1875rem .375rem;border-radius:var(--radius-xs);color:var(--text-on-primary)}.boutique-pack-badge.new{background:var(--success-color)}.boutique-pack-badge.promo{background:var(--warning-color)}.boutique-pack-badge.popular{background:var(--accent-purple)}.boutique-pack-badge.seasonal{background:var(--info-color)}.boutique-pack-content{display:flex;flex-direction:column;gap:.375rem;padding:.75rem}.boutique-pack-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.boutique-pack-description{font-size:.75rem;color:var(--text-tertiary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.boutique-pack-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.boutique-pack-count{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-tertiary)}.boutique-pack-count svg{width:12px;height:12px}.boutique-pack-price{font-size:.875rem;font-weight:600;color:var(--text-primary)}.boutique-pack-price.free{color:var(--success-color)}.boutique-pack-action{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;margin:.25rem .75rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.boutique-pack-action:hover{background:var(--layer-3);border-color:var(--border-medium);color:var(--text-primary)}.boutique-pack-action svg{width:12px;height:12px}.boutique-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-tertiary);text-align:center}.boutique-empty svg{width:32px;height:32px;opacity:.5}.boutique-category-mypacks{background:var(--layer-1);border-radius:var(--radius-md);padding:.875rem;border:1px solid var(--border-subtle)}.boutique-category-mypacks .boutique-category-title svg{color:var(--success-color)}.boutique-category-featured{background:var(--layer-1);border-radius:var(--radius-md);padding:.875rem;border:1px solid var(--border-subtle)}.boutique-category-featured .boutique-category-title svg{color:var(--text-tertiary)}.boutique-category-badge{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1875rem .375rem;border-radius:var(--radius-xs);background:var(--layer-3);color:var(--text-secondary);margin-left:.375rem}.boutique-pack-card.bundle-card{width:250px}.boutique-pack-card.bundle-card .boutique-pack-preview{height:110px;background:var(--layer-2)}.boutique-pack-card.bundle-card:hover{border-color:var(--border-medium);box-shadow:0 4px 12px -2px #0000001a}.boutique-pack-preview-btn{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;opacity:0;transform:scale(.9);transition:all .2s ease;z-index:4}.boutique-pack-card:hover .boutique-pack-preview-btn{opacity:1;transform:scale(1)}.boutique-pack-preview-btn:hover{background:var(--layer-2);border-color:var(--border-medium);color:var(--text-primary)}.boutique-pack-preview-btn svg{width:14px;height:14px}.modal-pack-preview{max-width:800px;width:95vw;max-height:85vh}.modal-pack-preview .modal-body{padding:0;display:flex;flex-direction:column;overflow:hidden}.pack-preview-info{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--layer-1)}.pack-preview-count{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.pack-preview-price{font-size:1.25rem;font-weight:700;color:var(--accent-purple)}.pack-preview-price.free{color:var(--success-color)}.pack-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:1.5rem;overflow-y:auto;max-height:50vh}.pack-preview-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--layer-2);border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;gap:.375rem}.pack-preview-item img{width:100%;height:70%;object-fit:contain}.pack-preview-item span{font-size:.6875rem;color:var(--text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.boutique-pack-card.imported-card{border-color:var(--border-subtle)}.boutique-pack-card.imported-card .boutique-pack-preview{background:var(--layer-2)}.boutique-pack-card.imported-card .boutique-pack-action{background:var(--layer-2);border-color:var(--border-subtle)}@media(max-width:1023px){.boutique-container{padding:1rem;gap:1.25rem}.boutique-header{flex-direction:column;align-items:stretch;gap:.5rem}.boutique-import-btn{align-self:flex-start}.boutique-categories{gap:1.5rem}.boutique-pack-card{width:200px}.boutique-pack-preview{height:90px}.boutique-pack-card.bundle-card{width:230px}.boutique-pack-card.bundle-card .boutique-pack-preview{height:100px}}@media(max-width:599px){.boutique-container{padding:.875rem;gap:1rem}.boutique-categories{gap:1.25rem}.boutique-category{gap:.625rem}.boutique-category-featured,.boutique-category-mypacks{padding:.75rem}.boutique-pack-card{width:180px}.boutique-pack-preview{height:80px}.boutique-pack-content{padding:.625rem;gap:.25rem}.boutique-pack-title{font-size:.8125rem}.boutique-pack-description{font-size:.6875rem}.boutique-pack-action{padding:.4375rem;margin:.25rem .625rem .625rem;font-size:.6875rem}.boutique-pack-card.bundle-card{width:210px}.boutique-pack-card.bundle-card .boutique-pack-preview{height:90px}}@media(max-width:1023px){.accueil-container{padding:.75rem;gap:.75rem}.accueil-stats-bar{gap:.375rem}.accueil-stat-btn{padding:.5rem .625rem;flex-direction:column;align-items:center;gap:.25rem}.accueil-stat-btn--progress{align-items:stretch}.accueil-stat-progress-header{justify-content:center;flex-wrap:wrap;gap:.25rem}.accueil-stat-percent{margin-left:0;font-size:.75rem}.accueil-stat-btn .lucide{width:16px;height:16px}.accueil-stat-value,.accueil-stat-ratio{font-size:1rem}.accueil-stat-label{font-size:.625rem}.library-header{flex-direction:column;align-items:stretch}.library-controls{flex-wrap:wrap}.library-search input{width:100%;min-width:150px}.recent-card{width:190px}}@media(max-width:599px){.accueil-container{padding:.5rem;gap:.5rem}.accueil-stats-bar{gap:.25rem}.accueil-stat-btn{padding:.375rem .5rem}.accueil-stat-value,.accueil-stat-ratio{font-size:.875rem}.accueil-stat-label{font-size:.5625rem}.accueil-stat-percent{font-size:.6875rem}.library-title{font-size:.875rem}.recent-card{width:170px;padding:.375rem}.recent-card-preview,.recent-card-icon{width:48px;height:48px}.carousel-nav-btn{width:24px;height:24px}}.project-support-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.finder-support-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition);position:relative}.finder-support-btn:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.finder-support-btn svg{width:16px;height:16px}.finder-support-btn .dropdown-chevron{width:12px;height:12px;margin-left:.125rem;opacity:.6}.support-create-wrapper{position:relative}.support-create-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.375rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease}.support-create-wrapper.open .support-create-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.support-create-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.support-create-option:hover{background:var(--bg-hover)}.support-create-option svg{width:16px;height:16px;color:var(--text-secondary)}.modal-supports{width:90%;max-width:700px}.supports-modal-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.supports-search-wrapper{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition)}.supports-search-wrapper:hover{background:var(--layer-3);border-color:var(--border-medium)}.supports-search-wrapper:focus-within{background:var(--layer-3);border-color:var(--primary-color)}.supports-search-wrapper svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.supports-search-wrapper input{flex:1;padding:0 .25rem;border:none;background:none;font-size:.875rem;font-family:inherit;line-height:1.4;color:var(--text-primary);outline:none;box-shadow:none;min-width:0}.supports-search-wrapper input::placeholder{color:var(--text-tertiary)}.supports-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast)}.supports-search-clear:hover{background:var(--layer-4);color:var(--text-primary)}.supports-search-clear svg{width:12px;height:12px}.supports-toolbar-filters{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.supports-select{padding:.5rem 2rem .5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:14px;max-width:160px}.supports-select:focus{outline:none;border-color:var(--border-active)}.supports-sort-btns{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.supports-sort-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast)}.supports-sort-btn:hover{color:var(--text-primary)}.supports-sort-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.supports-sort-btn svg{width:16px;height:16px}.supports-filter-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:1rem}.supports-filter-tab{flex:1;padding:.5rem .75rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.supports-filter-tab:hover{color:var(--text-primary)}.supports-filter-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.supports-grid{display:flex;flex-direction:column;gap:.5rem;max-height:450px;overflow-y:auto}.support-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.support-list-item:hover{background:var(--bg-hover);border-color:var(--primary-color)}.support-list-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-input);border-radius:var(--radius-md);flex-shrink:0}.support-list-icon svg{width:18px;height:18px;color:var(--text-secondary)}.support-list-icon.type-loto{background:var(--type-loto-light)}.support-list-icon.type-loto svg{color:var(--type-loto)}.support-list-icon.type-memory{background:var(--type-memory-light)}.support-list-icon.type-memory svg{color:var(--type-memory)}.support-list-icon.type-cartes{background:var(--type-cartes-light)}.support-list-icon.type-cartes svg{color:var(--type-cartes)}.support-list-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.support-list-title{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-list-meta{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary);flex-wrap:wrap}.support-list-project{color:var(--primary);font-weight:500}.support-list-sep{color:var(--text-quaternary)}.support-list-type{color:var(--text-secondary)}.support-list-config,.support-list-words{color:var(--text-tertiary)}.support-list-actions{display:flex;gap:.25rem;flex-shrink:0}.support-list-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.support-list-action:hover{background:var(--bg-input);color:var(--primary)}.support-list-action svg{width:16px;height:16px}.supports-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-tertiary)}.supports-empty-state svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.supports-empty-state p{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0 0 .25rem}.supports-empty-state span{font-size:.875rem}@media(max-width:599px){.supports-modal-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.supports-toolbar-filters{justify-content:space-between}.supports-select{flex:1;max-width:none}.supports-filter-tabs{flex-wrap:wrap}.supports-filter-tab{flex:none;padding:.375rem .625rem}.supports-grid{grid-template-columns:repeat(2,1fr)}.finder-support-btn span{display:none}}.topbar-btn-plus{height:36px;padding:0 1rem;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;border-radius:var(--radius-md);gap:.5rem;font-weight:600;box-shadow:0 2px 8px #a855f766;transition:all .2s ease}.topbar-btn-plus:hover{background:linear-gradient(135deg,#c084fc,#818cf8);box-shadow:0 4px 16px #a855f780;transform:translateY(-1px)}.topbar-btn-plus:active{transform:translateY(0);box-shadow:0 2px 6px #a855f74d}.topbar-btn-plus .lucide{width:16px;height:16px;color:#fff}.topbar-btn-plus span{font-weight:600}#modalDonation{z-index:var(--z-notification)}.modal-donation{max-width:400px;width:90%;padding:0;overflow:hidden;position:relative;border-radius:var(--radius-xl)}.modal-donation .modal-close-x{position:absolute;top:.75rem;right:.75rem;z-index:10;background:var(--layer-2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .2s,color .2s}.modal-donation .modal-close-x:hover{background:var(--layer-3);color:var(--text-primary)}.modal-donation .modal-close-x .lucide{width:20px;height:20px}.modal-donation{max-width:400px}.donation-modal-content{padding:2rem;display:flex;flex-direction:column;min-height:0}.donation-modal-header,.soutien-gauge,.donation-modal-footer{flex-shrink:0}.donation-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-bottom:1.5rem}.donation-modal-header{text-align:center;margin-bottom:1.5rem}.donation-modal-icon{width:72px;height:72px;margin:0 auto 1rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.06));border-radius:50%;display:flex;align-items:center;justify-content:center}.donation-modal-icon .lucide{width:36px;height:36px;color:var(--primary-color)}.donation-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.donation-modal-body{background:var(--layer-1);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1rem}.donation-modal-body p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0 0 .5rem}.donation-modal-body p:last-child{margin-bottom:0}.donation-modal-thanks{color:var(--text-tertiary);font-size:.8125rem;margin-top:.75rem}.donate-signature{font-style:italic;color:var(--text-tertiary);font-size:.875rem;text-align:right;margin-top:.5rem}.donation-modal-footer{text-align:center}.donate-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--primary-text);font-size:1rem;font-weight:500;padding:0 2rem;height:44px;border-radius:var(--radius-xl);text-decoration:none;transition:var(--transition);box-sizing:border-box}.donate-btn:hover{background:var(--primary-hover);color:var(--primary-text);transform:translateY(-1px)}.donate-btn:active{transform:translateY(0)}.donation-modal-secure{font-size:.6875rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.75rem}.donation-modal-secure .lucide{width:11px;height:11px;color:var(--success-color);flex-shrink:0}.soutien-why{margin:0;text-align:center;scroll-margin-top:.75rem}.soutien-why-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem;cursor:pointer;list-style:none;font-size:.875rem;font-weight:500;color:var(--soutien-color);user-select:none;border-radius:var(--radius-md)}.soutien-why-toggle::-webkit-details-marker{display:none}.soutien-why-toggle:hover span{text-decoration:underline}.soutien-why-toggle:focus-visible{outline:2px solid var(--soutien-color);outline-offset:2px}.soutien-why-toggle .lucide{width:15px;height:15px;flex-shrink:0}.soutien-why-chevron{transition:transform .2s ease}.soutien-why[open] .soutien-why-chevron{transform:rotate(180deg)}.soutien-why-body{margin-top:.75rem;padding:.875rem 1rem;background:var(--layer-1);border-radius:var(--radius-lg);text-align:left}.soutien-why-body p{font-size:.875rem;line-height:1.55;color:var(--text-secondary);margin:0 0 .625rem}.soutien-why-body p:last-child{margin-bottom:0}.soutien-why-body strong{color:var(--text-primary);font-weight:600}.soutien-gauge{text-align:center;margin:0 0 1.5rem}.soutien-gauge[hidden]{display:none}.soutien-gauge-count{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .625rem}.soutien-gauge-count strong{font-size:1.625rem;font-weight:700;color:var(--soutien-color);margin-right:.2rem;font-variant-numeric:tabular-nums}.soutien-gauge-bar{height:8px;background:var(--soutien-bg);border-radius:999px;overflow:hidden}.soutien-gauge-bar[hidden]{display:none}.soutien-gauge-fill{height:100%;width:0;background:var(--soutien-color);border-radius:inherit;transition:width .6s ease}.soutien-gauge-goal{font-size:.75rem;color:var(--text-tertiary);margin:.5rem 0 0}.settings-donate-content{padding:1.5rem}.settings-donate-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.settings-donate-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.06));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-donate-icon .lucide{width:20px;height:20px;color:var(--primary-color)}.settings-donate-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.settings-donate-body{background:var(--layer-1);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.settings-donate-body p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0 0 .5rem}.settings-donate-body p:last-child{margin-bottom:0}.settings-donate-thanks{color:var(--text-tertiary);font-size:.8125rem;margin-top:.75rem}.settings-donate-footer{text-align:center}.settings-donate-secure{font-size:.6875rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.75rem}.settings-donate-secure .lucide{width:11px;height:11px;color:var(--success-color);flex-shrink:0}@media(max-width:599px){.modal-donation{width:88%;max-width:320px}.donation-modal-content{padding:1.25rem}.donation-modal-header{display:flex;align-items:center;gap:.875rem;text-align:left;margin-bottom:1rem}.donation-modal-icon{width:48px;height:48px;min-width:48px;margin:0}.donation-modal-icon .lucide{width:24px;height:24px}.donation-modal-title{font-size:1.125rem}.donation-modal-body{padding:.875rem 1rem;margin-bottom:1rem}.donation-modal-body p{font-size:.875rem;margin-bottom:.375rem}.donation-modal-thanks{font-size:.75rem;margin-top:.5rem}.donate-signature{font-size:.8125rem}.soutien-gauge,.donation-modal-scroll{margin-bottom:1rem}.donate-btn{width:100%;justify-content:center;padding:.875rem 1.25rem;font-size:.9375rem}.donation-modal-secure{font-size:.6875rem;margin-top:.625rem}.settings-donate-body{padding:.875rem 1rem}}.onboarding-overlay{display:none;position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:var(--z-modal);align-items:center;justify-content:center}.onboarding-overlay.active{display:flex}.onboarding-modal{position:relative;width:90%;max-width:360px;background:var(--layer-1);border:1px solid var(--border-medium);border-radius:1.25rem;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 24px 64px #00000080;transform:translateY(20px);opacity:0;animation:onboardingIn .4s ease .1s forwards}@keyframes onboardingIn{to{transform:translateY(0);opacity:1}}.onboarding-skip{position:absolute;top:1rem;right:1rem;z-index:1;background:transparent;border:none;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;padding:.375rem .625rem;border-radius:var(--radius-sm);transition:var(--transition)}.onboarding-skip:hover{background:#ffffff14;color:var(--text-secondary)}.onboarding-slides{position:relative;min-height:220px}.onboarding-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translate(20px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.onboarding-slide.active{position:relative;opacity:1;transform:translate(0);pointer-events:auto}.onboarding-slide.prev{transform:translate(-20px)}.onboarding-slide h2{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.onboarding-slide p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.onboarding-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.welcome-badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-color),var(--accent-purple));border-radius:1rem;margin-bottom:1rem;box-shadow:0 8px 24px #5da8cd59}.welcome-badge i{width:28px;height:28px;color:var(--text-on-primary)}.welcome-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.accent-text{color:var(--primary-color)}.welcome-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.onboarding-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%}.visual-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.visual-item i{width:22px;height:22px;color:var(--primary-color)}.visual-item span{font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.onboarding-modal--pro .slide-header{display:flex;flex-direction:row;align-items:center;gap:.875rem;margin-bottom:1.25rem}.onboarding-modal--pro .slide-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#5da8cd1f,#5da8cd0a);border:1px solid rgba(93,168,205,.2);border-radius:var(--radius-md);flex-shrink:0}.onboarding-modal--pro .slide-icon i{width:20px;height:20px;color:var(--primary-color)}.onboarding-modal--pro .slide-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0}.slide-header{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-bottom:1.25rem}.slide-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.slide-icon i{width:22px;height:22px;color:var(--primary-color)}.slide-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.onboarding-how{display:flex;flex-direction:column;gap:.5rem;width:100%}.how-step{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--layer-2);border-radius:var(--radius-md)}.how-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-on-primary);font-size:.8125rem;font-weight:700;border-radius:50%;flex-shrink:0}.how-step p{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0}.onboarding-resources-duo{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-bottom:1rem}.resource-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1.25rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.resource-block:first-child{background:linear-gradient(145deg,#5da8cd1f,#5da8cd0a);border-color:#5da8cd40}.resource-num{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;white-space:nowrap}.resource-block:first-child .resource-num{color:var(--primary-color)}.resource-text{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.resource-import{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.resource-import i{width:16px;height:16px;color:var(--primary-color)}.resource-import span{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.onboarding-local-storage{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.local-storage-main{font-size:.9375rem;line-height:1.5;text-align:center;color:var(--text-secondary);margin:0}.local-storage-main strong{color:var(--text-primary);font-weight:600}.local-storage-info{display:flex;flex-direction:column;gap:.5rem;width:100%}.local-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.local-info-item i{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.local-info-item span{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.onboarding-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.onboarding-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:.625rem}.onboarding-logo i{width:22px;height:22px;color:var(--text-on-primary)}.onboarding-tagline{font-size:.875rem!important;color:var(--text-secondary);margin-bottom:1rem!important}.onboarding-supports-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.onboarding-tag{padding:.375rem .75rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--text-primary)}.onboarding-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;width:100%;margin-bottom:1rem}.onboarding-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem .5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .2s ease}.onboarding-stat-card.accent{background:linear-gradient(145deg,#5da8cd1f,#5da8cd0f);border-color:#5da8cd4d}.onboarding-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.onboarding-stat-card.accent .stat-value{color:var(--primary-color)}.onboarding-stat-card .stat-label{font-size:.6875rem;color:var(--text-tertiary);font-weight:500;text-transform:lowercase}.onboarding-feature-note{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);margin:0;padding:.75rem;background:var(--layer-2);border-radius:var(--radius-md)}.onboarding-feature-note i{width:16px;height:16px;color:var(--primary-color)}.onboarding-workflow-modern{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;margin-bottom:1rem}.workflow-step-modern{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:85px}.workflow-step-modern .workflow-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .2s ease}.workflow-step-modern .workflow-icon i{width:20px;height:20px;color:var(--text-secondary)}.workflow-step-modern.highlight .workflow-icon{background:linear-gradient(145deg,var(--primary-color),var(--accent-purple));border-color:transparent;box-shadow:0 4px 16px #5da8cd4d}.workflow-step-modern.highlight .workflow-icon i{color:var(--text-on-primary)}.workflow-step-modern span{font-size:.6875rem;font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.3}.workflow-step-modern.highlight span{color:var(--primary-color);font-weight:600}.workflow-arrow{display:flex;align-items:center;color:var(--text-tertiary);margin-bottom:1.25rem}.workflow-arrow i{width:14px;height:14px}.onboarding-workflow-tagline{font-size:.8125rem;color:var(--text-tertiary);margin:0;text-align:center;font-style:italic}.onboarding-slide-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-align:center}.onboarding-features-compact{display:flex;flex-direction:column;gap:.75rem;width:100%}.onboarding-feature-row{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:var(--layer-2);border-radius:var(--radius-md);text-align:left}.onboarding-feature-row i{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.onboarding-feature-row div{display:flex;flex-direction:column;gap:.125rem}.onboarding-feature-row strong{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.onboarding-feature-row span{font-size:.6875rem;color:var(--text-tertiary)}.onboarding-steps-compact{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:.75rem}.onboarding-step-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--layer-2);border-radius:var(--radius-md)}.step-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-on-primary);font-size:.75rem;font-weight:600;border-radius:50%;flex-shrink:0}.onboarding-step-row>span{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.onboarding-note{font-size:.75rem!important;color:var(--text-tertiary)!important;font-style:italic}.onboarding-highlight{color:var(--text-primary);font-weight:500}.onboarding-supports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;max-width:220px}.onboarding-support-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--layer-3);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:var(--transition)}.onboarding-support-item:hover{border-color:var(--primary-color);background:#5da8cd1a}.onboarding-support-item i{width:24px;height:24px;color:var(--primary-color)}.onboarding-support-item span{font-size:.75rem;font-weight:600;color:var(--text-primary)}.onboarding-big-number{font-size:3.5rem;font-weight:700;color:var(--primary-color);line-height:1;letter-spacing:-.02em}.onboarding-big-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.onboarding-icon-feature{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--layer-3);border:2px solid var(--border-medium);border-radius:1rem}.onboarding-icon-feature i{width:32px;height:32px;color:var(--primary-color)}.onboarding-icon-pdf{background:linear-gradient(145deg,#cd6b6b1a,#cd6b6b0d);border-color:#cd6b6b4d}.onboarding-icon-pdf i{color:#ef4444}.onboarding-steps{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:180px}.onboarding-step-item{display:flex;align-items:center;gap:.75rem}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-on-primary);font-size:.8125rem;font-weight:600;border-radius:50%;flex-shrink:0}.step-text{font-size:.875rem;color:var(--text-primary)}.onboarding-icon-circle{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-color),var(--accent-purple));border-radius:1rem;box-shadow:0 8px 24px #5da8cd4d}.onboarding-icon-circle i{width:32px;height:32px;color:var(--text-on-primary)}.onboarding-activities-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.onboarding-activity-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem;background:var(--layer-3);border-radius:var(--radius-md)}.onboarding-activity-item i{width:24px;height:24px;color:var(--primary-color)}.onboarding-activity-item span{font-size:.75rem;color:var(--text-secondary)}.onboarding-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;background:var(--layer-3);border-radius:var(--radius-lg)}.onboarding-lib-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--layer-2);border-radius:var(--radius-md);font-size:1.5rem;animation:libItemPop .4s ease backwards}.onboarding-lib-item:nth-child(1){animation-delay:.1s}.onboarding-lib-item:nth-child(2){animation-delay:.15s}.onboarding-lib-item:nth-child(3){animation-delay:.2s}.onboarding-lib-item:nth-child(4){animation-delay:.25s}.onboarding-lib-item:nth-child(5){animation-delay:.3s}.onboarding-lib-item:nth-child(6){animation-delay:.35s}@keyframes libItemPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.onboarding-workflow{display:flex;align-items:center;gap:.5rem}.onboarding-workflow-step{display:flex;flex-direction:column;align-items:center;gap:.375rem}.workflow-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-purple));color:var(--text-on-primary);font-size:1rem;font-weight:700;border-radius:50%}.onboarding-workflow-step span{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.onboarding-workflow-arrow{font-size:1.25rem;color:var(--text-tertiary);margin:0 .25rem 1.25rem}.onboarding-slide h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .625rem}.onboarding-slide p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.6}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.onboarding-dots{display:flex;gap:.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--layer-4);cursor:pointer;padding:0;transition:all .2s ease}.onboarding-dot:hover{background:var(--text-tertiary)}.onboarding-dot.active{width:20px;border-radius:4px;background:var(--primary-color)}.onboarding-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary-color);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.onboarding-btn-primary:hover{background:var(--primary-hover)}.onboarding-btn-primary i{width:16px;height:16px}.onboarding-btn-primary.finish{background:linear-gradient(135deg,var(--success-color),var(--success-hover))}.onboarding-modal--pro{max-width:420px;padding:0;overflow:hidden}.onboarding-modal--pro .onboarding-slides{padding:0;min-height:280px}.onboarding-modal--pro .onboarding-slide{align-items:stretch;justify-content:center;text-align:left;padding:0 2rem}.onboarding-modal--pro .onboarding-slide>*{width:100%;max-width:100%;box-sizing:border-box}.onboarding-modal--pro .onboarding-slide .onboarding-welcome--pro{align-items:center;text-align:center;padding:0 1rem}.onboarding-modal--pro .onboarding-footer{padding:1.25rem 2rem 1.5rem}.onboarding-carousel{position:relative;width:100%;height:72px;overflow:hidden;background:linear-gradient(180deg,rgba(93,168,205,.08) 0%,transparent 100%);margin-bottom:1.25rem;border-radius:1.25rem 1.25rem 0 0;margin:-1px -1px 1.25rem;width:calc(100% + 2px)}.carousel-track{display:flex;gap:.75rem;padding:.75rem;animation:carouselSlide 25s linear infinite}.carousel-track img{width:56px;height:56px;object-fit:contain;background:var(--layer-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;transition:transform .2s ease}@keyframes carouselSlide{0%{transform:translate(0)}to{transform:translate(calc(-672px - 9rem))}}.onboarding-welcome--pro{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.onboarding-welcome--pro .welcome-title{font-size:1.75rem;margin-bottom:.5rem}.welcome-tagline{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem}.welcome-desc-pro{font-size:.8125rem;color:var(--text-tertiary);line-height:1.6;margin:0}.onboarding-audience{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:auto}.audience-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--text-primary)}.audience-tag i{width:14px;height:14px;color:var(--primary-color)}.onboarding-arasaac-info{display:flex;flex-direction:column;gap:1rem;width:100%}.arasaac-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.arasaac-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.125rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.arasaac-stat:first-child{background:linear-gradient(145deg,#5da8cd1f,#5da8cd0a);border-color:#5da8cd40}.arasaac-stat .stat-value{font-size:1.375rem;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.arasaac-stat:first-child .stat-value{color:var(--primary-color)}.arasaac-stat .stat-label{font-size:.75rem;color:var(--text-tertiary);margin-top:.375rem}.arasaac-desc{font-size:.8125rem;color:var(--text-tertiary);line-height:1.55;margin:0;padding:.5rem 0}.arasaac-plus{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary)}.arasaac-plus i{width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.onboarding-workflow{display:flex;flex-direction:column;gap:.625rem;width:100%}.workflow-step{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--layer-2);border-radius:var(--radius-md)}.workflow-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-on-primary);font-size:.8125rem;font-weight:700;border-radius:50%;flex-shrink:0}.workflow-content{display:flex;flex-direction:column;gap:.125rem}.workflow-content strong{font-size:.875rem;font-weight:600;color:var(--text-primary)}.workflow-content span{font-size:.75rem;color:var(--text-tertiary)}.onboarding-privacy{display:flex;flex-direction:column;gap:1rem;width:100%}.privacy-main{font-size:.875rem;line-height:1.55;color:var(--text-secondary);margin:0;padding-bottom:.25rem}.privacy-main strong{color:var(--text-primary);font-weight:600}.privacy-features{display:flex;flex-direction:column;gap:.5rem}.privacy-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.privacy-item i{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.privacy-item span{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.tutorial-overlay{position:fixed;inset:0;width:100%;height:100%;z-index:9990;opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out;pointer-events:none}.tutorial-overlay path{fill:#000000bf;transition:d .3s ease-out}.tutorial-overlay.active{opacity:1;visibility:visible}.tutorial-highlight{position:relative!important;z-index:10010!important;outline:3px solid var(--primary-color)!important;outline-offset:3px!important;border-radius:var(--radius-md)!important;box-shadow:0 0 0 6px #5da8cd59!important;animation:tutorialPulse 1.5s ease-in-out infinite!important}@keyframes tutorialPulse{0%,to{outline-width:3px;box-shadow:0 0 0 6px #5da8cd59}50%{outline-width:4px;box-shadow:0 0 0 8px #5da8cd59}}.tutorial-overlay.active~* .topbar-new-popover,.tutorial-overlay.active~* [class*=popover]{z-index:9980!important}.tutorial-tooltip{position:fixed;z-index:10020;width:300px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s ease-out;pointer-events:none;will-change:opacity,transform}.tutorial-tooltip.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.tutorial-tooltip-content{background:var(--layer-1);border:1px solid var(--border-medium);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 8px 32px #0006}.tutorial-step-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:var(--primary-color);color:var(--text-on-primary);font-size:.6875rem;font-weight:600;border-radius:100px;margin-bottom:.625rem;letter-spacing:.02em}.tutorial-tooltip h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem;line-height:1.3}.tutorial-tooltip p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.tutorial-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.875rem;border-top:1px solid var(--border-subtle)}.tutorial-btn-skip{background:transparent;border:none;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;padding:.5rem .25rem;transition:color .15s ease}.tutorial-btn-skip:hover{color:var(--text-secondary)}.tutorial-btn-next{padding:.5rem 1.125rem;background:var(--primary-color);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.tutorial-btn-next:hover{background:var(--primary-hover)}.tutorial-btn-next:active{transform:scale(.98)}.tutorial-tooltip-arrow{display:none}@media(max-width:599px){.tutorial-tooltip{width:calc(100vw - 2rem);max-width:320px;left:1rem!important;right:1rem!important}.tutorial-tooltip[data-position=right],.tutorial-tooltip[data-position=left]{top:auto!important;bottom:max(1rem,env(safe-area-inset-bottom,0))!important;left:50%!important;right:auto!important;transform:translate(-50%)}.tutorial-tooltip[data-position=right].active,.tutorial-tooltip[data-position=left].active{transform:translate(-50%) scale(1)}.tutorial-btn-skip,.tutorial-btn-next{min-height:44px;min-width:44px}.tutorial-btn-next{padding:.625rem 1.25rem}}@media(max-width:599px){.onboarding-overlay{padding:.5rem;align-items:flex-start;padding-top:env(safe-area-inset-top,.5rem)}.onboarding-modal{width:100%;max-width:none;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}.onboarding-carousel{display:none!important}.onboarding-slides{min-height:auto;position:relative}.onboarding-slide{position:absolute;inset:0}.onboarding-slide.active{position:relative}.onboarding-modal--pro .slide-header{gap:.625rem;margin-bottom:.875rem}.onboarding-modal--pro .slide-icon{width:36px;height:36px}.onboarding-modal--pro .slide-icon i{width:18px;height:18px}.onboarding-modal--pro .slide-title{font-size:.9375rem}.onboarding-welcome{margin-bottom:.75rem}.welcome-title{font-size:1.125rem;margin-bottom:.25rem}.welcome-tagline{font-size:.75rem;line-height:1.4}.welcome-tagline br{display:none}.onboarding-audience{gap:.25rem;flex-wrap:wrap;justify-content:center}.audience-tag{font-size:.625rem;padding:.25rem .5rem;gap:.25rem}.audience-tag svg,.audience-tag i{width:12px;height:12px}.onboarding-arasaac-info{gap:.625rem}.arasaac-stats{gap:.5rem}.arasaac-stat{padding:.5rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.625rem}.arasaac-desc{font-size:.6875rem;line-height:1.4;display:none}.arasaac-plus{padding:.5rem;gap:.375rem}.arasaac-plus i{width:14px;height:14px}.arasaac-plus span{font-size:.6875rem}.onboarding-workflow{gap:.375rem}.workflow-step{padding:.5rem .625rem;gap:.5rem}.workflow-num{width:22px;height:22px;font-size:.6875rem}.workflow-content{text-align:left}.workflow-content strong{font-size:.75rem}.workflow-content span{font-size:.625rem}.onboarding-privacy{gap:.625rem}.privacy-main{font-size:.75rem;line-height:1.4}.privacy-features{gap:.375rem}.privacy-item{padding:.375rem .625rem;gap:.5rem}.privacy-item i{width:14px;height:14px}.privacy-item span{font-size:.6875rem}.onboarding-footer{margin-top:.875rem;padding-top:.75rem}.onboarding-dots{gap:.25rem}.onboarding-dot{width:8px;height:8px}.onboarding-btn-primary{padding:.625rem 1rem;font-size:.8125rem;min-height:40px}.onboarding-skip{padding:.5rem .625rem;font-size:.6875rem}}@media(max-width:375px){.onboarding-modal{padding:.875rem}.welcome-title,.stat-value{font-size:1rem}.workflow-content span,.privacy-features{display:none}}@media(max-height:500px){.onboarding-carousel{display:none!important}.onboarding-modal{max-height:98vh;max-height:98dvh}.onboarding-modal--pro .slide-header,.onboarding-welcome{margin-bottom:.5rem}.workflow-step,.privacy-item{padding:.375rem .5rem}}:root{--border-subtle-enhanced: rgba(255, 232, 210, .12);--border-medium-enhanced: rgba(255, 232, 210, .2);--border-strong-enhanced: rgba(255, 232, 210, .28);--gradient-card: linear-gradient(145deg, var(--layer-2) 0%, var(--layer-1) 100%);--gradient-card-hover: linear-gradient(145deg, var(--layer-3) 0%, var(--layer-2) 100%);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-purple) 0%, var(--primary-color) 100%);--transition-micro: all .15s cubic-bezier(.34, 1.56, .64, 1);--transition-spring: all .35s cubic-bezier(.175, .885, .32, 1.275)}.checkbox-unified{position:relative;width:18px;height:18px;min-width:18px;border:2px solid var(--border-medium-enhanced);border-radius:4px;background:transparent;cursor:pointer;transition:var(--transition-micro);display:flex;align-items:center;justify-content:center}.checkbox-unified:hover{border-color:var(--primary-color);background:var(--primary-light)}.checkbox-unified.checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-unified.checked:after{content:"";width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.checkbox-unified.indeterminate{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-unified.indeterminate:after{content:"";width:8px;height:2px;background:#fff;border-radius:1px}.btn-size-xs{height:28px!important;padding:0 .625rem!important;font-size:.75rem!important;gap:.25rem!important}.btn-size-sm{height:32px!important;padding:0 .875rem!important;font-size:.8125rem!important;gap:.375rem!important}.btn-size-md{height:40px!important;padding:0 1.25rem!important;font-size:.9375rem!important;gap:.5rem!important}.btn-size-lg{height:48px!important;padding:0 1.5rem!important;font-size:1rem!important;gap:.625rem!important}.btn-size-xs .lucide,.btn-size-sm .lucide{width:14px;height:14px}.btn-size-md .lucide{width:16px;height:16px}.btn-size-lg .lucide{width:18px;height:18px}.spinner{width:20px;height:20px;border:2px solid var(--border-medium);border-top-color:var(--primary-color);border-radius:50%;animation:spinnerRotate .8s linear infinite}.spinner-sm{width:14px;height:14px;border-width:1.5px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinnerRotate .8s linear infinite}.btn-secondary.btn-loading:after{border-color:var(--border-medium);border-top-color:var(--text-primary)}.skeleton{background:linear-gradient(90deg,var(--layer-2) 25%,var(--layer-3) 50%,var(--layer-2) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:70%}.skeleton-circle{border-radius:50%}.skeleton-image{aspect-ratio:1}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-processing{position:relative;overflow:hidden}.btn-processing:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:processingPulse 1.5s ease-in-out infinite}@keyframes processingPulse{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.snackbar-with-undo{padding-right:.5rem}.snackbar-undo-btn{padding:.375rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--primary-color);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-micro);margin-left:.75rem;white-space:nowrap}.snackbar-undo-btn:hover{background:var(--primary-light);border-color:var(--primary-color)}.snackbar-countdown{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--layer-3);border-radius:50%;font-size:.6875rem;font-weight:600;color:var(--text-secondary);margin-left:.5rem}.drop-zone-active{position:relative;border:2px dashed var(--primary-color)!important;background:var(--primary-light)!important;transition:var(--transition)}.drop-zone-active:before{content:"";position:absolute;inset:0;background:var(--primary-light);animation:dropZonePulse 1.5s ease-in-out infinite;pointer-events:none;border-radius:inherit}@keyframes dropZonePulse{0%,to{opacity:.3}50%{opacity:.6}}.drop-zone-active:after{content:"D\e9poser ici";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;font-weight:600;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10;white-space:nowrap}.dragging{opacity:.5;transform:scale(.98);box-shadow:var(--shadow-lg)}.drag-over{border-color:var(--primary-color);background:var(--primary-light)}.autocomplete-item-image{width:44px!important;height:44px!important;min-width:44px!important;border-radius:var(--radius-sm)}.autocomplete-item-image img{object-fit:cover}.autocomplete-item-image .placeholder-icon{width:20px;height:20px}.card-image-thumbnail{width:44px;height:44px;min-width:44px}.collection-icon-preview,.filter-icon-preview{width:32px;height:32px;min-width:32px}button:disabled,.btn-disabled,[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.3);pointer-events:none}button:disabled:hover,.btn-disabled:hover{transform:none!important;box-shadow:none!important}.btn-primary:hover,.btn-secondary:hover,.icon-btn:hover,.toolbar-btn:hover:not(:disabled),.nav-btn:hover{transition-delay:.03s}.btn-primary:active,.btn-secondary:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 4px #0003}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-light)}.btn-primary,.btn-secondary,.btn-ripple{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:#ffffff59;transform:scale(0);animation:rippleAnimation .6s ease-out forwards;pointer-events:none}@keyframes rippleAnimation{to{transform:scale(4);opacity:0}}@media(min-width:600px){.mobile-only{display:none!important}}@media(min-width:1024px){.tablet-only,.mobile-menu-container{display:none!important}}@media(min-width:1024px){.desktop-only-hide{display:none!important}}@media(max-width:1023px){.finder-icon-btn,.finder-action-btn,.selection-action-btn,.selection-nav-btn,.pagination-btn{min-width:44px;min-height:44px}.selection-checkbox-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.card-checkbox{position:relative}.card-checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.filter-item,.tag-item,.collection-item{min-height:44px;padding:.625rem}.modal-close,.snackbar-close{min-width:44px;min-height:44px}}.card-with-gradient{background:var(--gradient-card);border:1px solid var(--border-subtle-enhanced);transition:var(--transition)}.card-with-gradient:hover{background:var(--gradient-card-hover);border-color:var(--border-medium-enhanced)}.project-card,.accueil-project-card{background:var(--gradient-card);border:1px solid var(--border-subtle-enhanced)}.project-card:hover,.accueil-project-card:hover{background:var(--gradient-card-hover);border-color:var(--border-medium-enhanced);transform:translateY(-2px);box-shadow:var(--shadow-md)}.starter-card{background:var(--gradient-card);border:1px solid var(--border-subtle-enhanced)}.starter-card:hover{background:var(--gradient-card-hover);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 24px #5da8cd26}.empty-state{animation:emptyStateFadeIn .5s ease-out}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-illustration{width:120px;height:120px;margin-bottom:1.5rem;opacity:.8}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state-hint{font-size:.875rem;color:var(--text-secondary);max-width:300px;text-align:center}.keyboard-shortcuts-modal{max-width:600px}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.shortcuts-section{background:var(--layer-2);border-radius:var(--radius-md);padding:1rem}.shortcuts-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.shortcuts-section-title .lucide{width:14px;height:14px;color:var(--primary-color)}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.shortcut-item:last-child{border-bottom:none}.shortcut-label{font-size:.875rem;color:var(--text-primary)}.shortcut-keys{display:flex;gap:.25rem}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .375rem;background:var(--layer-3);border:1px solid var(--border-medium);border-radius:4px;font-family:inherit;font-size:.6875rem;font-weight:600;color:var(--text-secondary);box-shadow:0 2px 0 var(--layer-0)}.kbd-separator{color:var(--text-tertiary);font-size:.75rem;margin:0 .125rem}.tooltip-shortcut{margin-left:.5rem;padding:.125rem .375rem;background:#ffffff1a;border-radius:3px;font-size:.6875rem;font-weight:500;opacity:.7}.snackbar-icon-wrapper{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.75rem}.snackbar-success .snackbar-icon-wrapper{background:var(--success-light)}.snackbar-error .snackbar-icon-wrapper{background:var(--danger-light)}.snackbar-warning .snackbar-icon-wrapper{background:var(--warning-light)}.snackbar-info .snackbar-icon-wrapper{background:var(--primary-light)}.status-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.status-success{background:var(--success-light);color:var(--success-color)}.status-success:before{content:"\2713";font-weight:700}.status-error{background:var(--danger-light);color:var(--danger-color)}.status-error:before{content:"\2715";font-weight:700}.status-warning{background:var(--warning-light);color:var(--warning-color)}.status-warning:before{content:"!";font-weight:700}.status-info{background:var(--primary-light);color:var(--primary-color)}.status-info:before{content:"\2139"}.sidebar{width:clamp(240px,22vw,320px)!important;min-width:clamp(240px,22vw,320px)!important;max-width:clamp(240px,22vw,320px)!important}.modal-backdrop{backdrop-filter:blur(4px)}.finder-import-popover,.finder-collection-popover,.selection-dropdown-menu,.selection-tag-popover{box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026,0 0 0 1px var(--border-subtle)}.collection-list,.tag-list,.autocomplete-dropdown{background:linear-gradient(var(--layer-2) 30%,transparent),linear-gradient(transparent,var(--layer-2) 70%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.15),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.15),transparent) bottom;background-repeat:no-repeat;background-size:100% 20px,100% 20px,100% 8px,100% 8px;background-attachment:local,local,scroll,scroll}.btn-action-highlight{animation:actionPulse 2s ease-in-out infinite}@keyframes actionPulse{0%,to{box-shadow:0 0 0 0 var(--primary-light)}50%{box-shadow:0 0 0 8px transparent}}.confirm-danger-icon{width:48px;height:48px;background:var(--danger-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.confirm-danger-icon .lucide{width:24px;height:24px;color:var(--danger-color)}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.5rem}.input-with-icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.snackbar-container{bottom:max(1.5rem,env(safe-area-inset-bottom))}.floating-word-input{bottom:max(1rem,env(safe-area-inset-bottom))}}.library-main-content{--library-sidebar-width: 340px;--library-sidebar-padding: 1rem;display:flex;flex:1;min-height:0;overflow:hidden;position:relative;background-color:#3a332c;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12px 12px}.library-sidebar-zone{display:none}body.library-view .library-sidebar-zone,body.library-view .library-main-content{display:flex}body.library-view .library-sidebar-zone{width:var(--library-sidebar-width);height:100%;flex-shrink:0;display:flex;flex-direction:column;padding:var(--library-sidebar-padding);box-sizing:border-box;transition:width .3s ease,padding .3s ease}.library-sidebar-zone.sidebar-collapsed{width:0!important;padding:0!important;overflow:hidden}.library-sidebar-zone.sidebar-collapsed .library-sidebar{opacity:0;transform:translate(-100%)}.library-sidebar{transition:opacity .3s ease,transform .3s ease}.library-sidebar-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.library-tags-search{display:flex;align-items:center;flex:1;min-width:0;background:var(--layer-2);border-radius:var(--radius-sm);padding:.25rem .5rem;gap:.375rem}.library-tags-search input{flex:1;border:none;background:transparent;font-size:.8125rem;color:var(--text-primary);outline:none;min-width:0}.library-tags-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .15s ease;flex-shrink:0}.library-tags-search:focus-within .library-tags-search-clear,.library-tags-search input:not(:placeholder-shown)~.library-tags-search-clear{opacity:1}.library-tags-search-clear:hover{background:var(--layer-3);color:var(--text-secondary)}.library-tags-create{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%;margin-bottom:.25rem}.library-tags-create:hover{background:var(--layer-2);border-color:var(--primary-color);color:var(--primary-color)}.library-tags-create i,.library-tags-create svg{width:14px;height:14px}.library-tags-create .tag-name-preview{font-weight:500}.library-sidebar-title,.library-sidebar-close-btn{display:none}.library-sidebar-section{padding:.75rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.library-sidebar-section:last-child{border-bottom:none;flex:1;display:flex;flex-direction:column;min-height:0}.library-sidebar-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-shrink:0}.library-sidebar-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem}.library-sidebar-section-header .library-sidebar-section-title{margin-bottom:0}.library-sidebar-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.library-sidebar-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.library-sidebar-action-btn i,.library-sidebar-action-btn svg{width:14px;height:14px}.library-sidebar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.library-sidebar-btn:hover{background:var(--layer-2);color:var(--text-primary);border-color:var(--primary-color)}.library-sidebar-btn i,.library-sidebar-btn svg{width:16px;height:16px;flex-shrink:0}.library-tags-toolbar{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.library-tags-search{flex:1;display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:var(--layer-2);border-radius:var(--radius-md);min-width:0}.library-tags-search>i,.library-tags-search>svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.library-tags-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;outline:none}.library-tags-search input::placeholder{color:var(--text-tertiary)}.library-tags-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:var(--layer-3);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.library-tags-search-clear:hover{background:var(--layer-1);color:var(--text-primary)}.library-tags-search-clear i,.library-tags-search-clear svg{width:12px;height:12px}.library-tags-sort{display:flex;gap:.125rem;flex-shrink:0}.library-tags-sort-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.library-tags-sort-btn:hover{background:var(--layer-2);color:var(--text-secondary)}.library-tags-sort-btn.active{background:var(--layer-2);color:var(--primary-color)}.library-tags-sort-btn i,.library-tags-sort-btn svg{width:14px;height:14px}.library-active-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;min-height:0}.library-active-tags:empty{display:none}.library-active-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--primary-color);color:var(--text-on-primary);border:none;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.library-active-tag:hover{background:var(--primary-hover)}.library-active-tag .tag-remove{width:12px;height:12px;opacity:.7}.library-active-tag:hover .tag-remove{opacity:1}.library-tags-section{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.library-tags-section .library-tags-list{flex:1;min-height:0;overflow-y:auto}.sidebar-tag-add-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--layer-2);border-radius:var(--radius-sm);margin-bottom:.25rem}.sidebar-tag-add-input-wrapper i,.sidebar-tag-add-input-wrapper svg{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.sidebar-tag-add-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;outline:none;min-width:0}.sidebar-tag-add-input::placeholder{color:var(--text-tertiary)}.sidebar-tag-context-menu{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.25rem;min-width:140px;animation:fadeInScale .15s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sidebar-tag-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.sidebar-tag-menu-item:hover{background:var(--layer-2);color:var(--text-primary)}.sidebar-tag-menu-item.danger{color:var(--error-color)}.sidebar-tag-menu-item.danger:hover{background:rgba(var(--error-rgb),.1);color:var(--error-color)}.sidebar-tag-menu-item i,.sidebar-tag-menu-item svg{width:14px;height:14px;flex-shrink:0}.library-sidebar-tag-item.editing{padding:0;background:transparent}.sidebar-tag-rename-input{width:100%;padding:.5rem .75rem;border:1px solid var(--primary-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:.8125rem;color:var(--text-primary);outline:none}.sidebar-tag-rename-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.library-sidebar .library-tags-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.25rem;overflow-x:hidden;overflow-y:auto;flex:1;min-height:0}.library-sidebar-tag-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.library-sidebar-tag-item:hover{background:var(--layer-2);color:var(--text-primary)}.library-sidebar-tag-item.active{background:var(--primary-color);color:var(--text-on-primary)}.library-sidebar-tag-item i,.library-sidebar-tag-item svg{width:16px;height:16px;flex-shrink:0}.library-sidebar-tag-item .tag-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-sidebar-tag-item .tag-count-wrapper{position:relative;flex-shrink:0}.library-sidebar-tag-item .tag-count{font-size:.75rem;color:var(--text-tertiary);background:var(--layer-2);padding:.125rem .5rem;border-radius:var(--radius-full);transition:opacity .15s ease}.library-sidebar-tag-item.active .tag-count{background:#fff3;color:var(--text-on-primary)}.library-sidebar-tag-item .sidebar-tag-menu-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:20px;min-height:20px;padding:0;background:var(--layer-2);border:none;border-radius:var(--radius-full);color:var(--text-secondary);opacity:0;cursor:pointer;transition:opacity .15s ease,background .15s ease}.library-sidebar-tag-item:hover .tag-count{opacity:0}.library-sidebar-tag-item:hover .sidebar-tag-menu-btn{opacity:1}.library-sidebar-tag-item.active .sidebar-tag-menu-btn{background:#fff3;color:var(--text-on-primary)}.library-sidebar-tag-item .sidebar-tag-menu-btn:hover{opacity:1;background:#0000001a}.library-sidebar-tag-item .sidebar-tag-menu-btn i,.library-sidebar-tag-item .sidebar-tag-menu-btn svg{width:14px;height:14px}.library-tags-empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.8125rem;width:100%}.library-sidebar-tags-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem .75rem;margin-top:.25rem;background:transparent;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.library-sidebar-tags-toggle:hover{background:var(--layer-2);color:var(--text-secondary);border-color:var(--text-tertiary)}.library-sidebar-tags-toggle i,.library-sidebar-tags-toggle svg{width:14px;height:14px}.library-show-all-tags{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem;margin-top:.5rem;background:transparent;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.library-show-all-tags:hover{background:var(--layer-2);color:var(--text-secondary);border-color:var(--text-tertiary)}.library-show-all-tags i,.library-show-all-tags svg{width:14px;height:14px;transition:transform .2s ease}.library-show-all-tags.expanded i,.library-show-all-tags.expanded svg{transform:rotate(180deg)}.library-content-zone{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--library-sidebar-padding, 1rem)}body.library-view .library-content-zone .cards-container{background:var(--layer-1);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000026,0 1px 4px #0000001a;border:1px solid var(--border-medium);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}body.library-view .library-content-zone .table-container-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.library-view .library-content-zone .selection-toolbar{background:var(--layer-1);border-radius:var(--radius-lg) var(--radius-lg) 0 0}body.library-view .library-content-zone .table-scroll-container{flex:1;min-height:0;overflow-y:auto;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.icon-no-tag{position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-no-tag:after{content:"";position:absolute;width:100%;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:1px}#btnExpandLibrarySidebar{display:none;position:absolute;left:.5rem;top:50%;transform:translateY(-50%);z-index:15;width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .15s ease}#btnExpandLibrarySidebar:hover{background:var(--layer-2);color:var(--text-primary)}#btnExpandLibrarySidebar i,#btnExpandLibrarySidebar svg{width:16px;height:16px}body.library-view .library-sidebar-zone.sidebar-collapsed~#btnExpandLibrarySidebar{display:flex}.modal-medium{width:90%;max-width:560px}.modal-manage-tags{width:90%;max-width:480px;display:flex;flex-direction:column;max-height:85vh}.modal-manage-tags .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-manage-tags .modal-header-title{display:flex;align-items:center;gap:.625rem}.modal-manage-tags .modal-header-icon{width:20px;height:20px;color:var(--primary-color)}.modal-manage-tags .modal-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-manage-tags .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;font-size:1rem}.modal-manage-tags .close-btn:hover{background:var(--layer-2);color:var(--text-primary)}.modal-manage-tags .close-btn .lucide{width:18px;height:18px}.modal-manage-tags .modal-body{flex:1;min-height:0;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.manage-tags-toolbar{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.manage-tags-search{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--layer-2);border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s ease;flex:1;min-width:0}.manage-tags-sort-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.manage-tags-sort-btn:hover{background:var(--layer-3);color:var(--text-primary)}.manage-tags-sort-btn .lucide{width:18px;height:18px}.manage-tags-sort-btn .sort-icon-alpha,.manage-tags-sort-btn.sort-alpha .sort-icon-count{display:none}.manage-tags-sort-btn.sort-alpha .sort-icon-alpha{display:block}.manage-tags-search:focus-within{border-color:var(--primary-color);background:var(--layer-1)}.manage-tags-search .search-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.manage-tags-search input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--text-primary);min-width:0}.manage-tags-search input::placeholder{color:var(--text-tertiary)}.manage-tags-search-clear{display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:var(--layer-3);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.manage-tags-search-clear.visible{display:flex}.manage-tags-search-clear:hover{background:var(--layer-4);color:var(--text-primary)}.manage-tags-search-clear .lucide{width:12px;height:12px}.manage-tags-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;padding-right:.25rem}.manage-tags-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1rem;color:var(--text-tertiary)}.manage-tags-empty .lucide{width:32px;height:32px;opacity:.5}.manage-tags-empty span{font-size:.875rem}.manage-tags-empty-hint{font-size:.75rem;opacity:.7}.manage-tag-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:transparent;border-radius:var(--radius-md);transition:all .15s ease}.manage-tag-item:hover{background:var(--layer-2)}.manage-tag-item.selected{background:var(--primary-color-soft)}.manage-tag-checkbox{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.manage-tag-checkbox .checkbox-box{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-xs);transition:all .15s ease}.manage-tag-checkbox .checkbox-box .lucide{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .15s ease}.manage-tag-item.selected .manage-tag-checkbox .checkbox-box{background:var(--primary-color);border-color:var(--primary-color)}.manage-tag-item.selected .manage-tag-checkbox .checkbox-box .lucide{opacity:1}.manage-tag-item:hover .manage-tag-checkbox .checkbox-box{border-color:var(--primary-color)}.manage-tag-icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.manage-tag-item.selected .manage-tag-icon{color:var(--primary-color)}.manage-tag-item .tag-info{flex:1;min-width:0}.manage-tag-item .tag-name{font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-tag-item .tag-rename-input{width:100%;font-size:.875rem;color:var(--text-primary);background:var(--layer-1);border:1px solid var(--primary-color);border-radius:var(--radius-sm);padding:.25rem .5rem;outline:none}.manage-tag-item.editing{background:var(--layer-2)}.manage-tag-item.editing .tag-actions{opacity:0;pointer-events:none}.manage-tag-item.editing .tag-count{opacity:.5}.manage-tag-item .tag-count{font-size:.6875rem;font-weight:500;color:var(--text-tertiary);background:var(--layer-2);padding:.125rem .5rem;border-radius:var(--radius-full);flex-shrink:0}.manage-tag-item:hover .tag-count,.manage-tag-item.selected .tag-count{background:var(--layer-3)}.manage-tag-item .tag-actions{display:flex;gap:.125rem;opacity:0;transition:opacity .15s ease}.manage-tag-item:hover .tag-actions{opacity:1}.manage-tag-item .tag-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.manage-tag-item .tag-action-btn:hover{background:var(--layer-3);color:var(--text-primary)}.manage-tag-item .tag-action-btn.danger:hover{background:rgba(var(--error-rgb, 205, 107, 107),.15);color:var(--error-color, #cd6b6b)}.manage-tag-item .tag-action-btn .lucide{width:14px;height:14px}.manage-tags-batch{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;background:var(--primary-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);transform:translateY(100%);opacity:0;transition:all .25s ease}.manage-tags-batch.visible{transform:translateY(0);opacity:1}.manage-tags-batch .batch-info{display:flex;align-items:center;gap:.5rem}.manage-tags-batch .batch-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:var(--radius-xs)}.manage-tags-batch .batch-checkbox .lucide{width:12px;height:12px;color:#fff}.manage-tags-batch .batch-count{font-size:.8125rem;font-weight:500;color:#fff}.manage-tags-batch .batch-actions{display:flex;gap:.375rem}.batch-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#ffffff26;border:none;border-radius:var(--radius-sm);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.batch-action-btn:hover{background:#ffffff40}.batch-action-btn.danger{background:#ffffff1a}.batch-action-btn.danger:hover{background:#ff64644d}.batch-action-btn .lucide{width:14px;height:14px}@media(max-width:480px){.modal-manage-tags{max-width:100%;max-height:100%;border-radius:0}.batch-action-btn span{display:none}.batch-action-btn{padding:.5rem}}.modal-merge-tags{width:90%;max-width:400px;display:flex;flex-direction:column}.modal-merge-tags .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-merge-tags .modal-header-title{display:flex;align-items:center;gap:.625rem}.modal-merge-tags .modal-header-icon{width:20px;height:20px;color:var(--primary-color)}.modal-merge-tags .modal-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-merge-tags .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.modal-merge-tags .close-btn:hover{background:var(--layer-2);color:var(--text-primary)}.modal-merge-tags .close-btn .lucide{width:18px;height:18px}.modal-merge-tags .modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.modal-merge-tags .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--layer-1)}.merge-tags-selected,.merge-tags-target{display:flex;flex-direction:column;gap:.5rem}.merge-tags-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.merge-tags-chips{display:flex;flex-wrap:wrap;gap:.375rem}.merge-tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:var(--primary-color-soft);color:var(--primary-color);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.merge-tags-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--layer-2);border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s ease}.merge-tags-input-wrapper:focus-within{border-color:var(--primary-color);background:var(--layer-1)}.merge-tags-input-wrapper .lucide{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.merge-tags-input-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:.9375rem;color:var(--text-primary);min-width:0}.merge-tags-input-wrapper input::placeholder{color:var(--text-tertiary)}.merge-tags-hint{font-size:.75rem;color:var(--text-tertiary);margin:0}.modal-merge-tags .btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.modal-merge-tags .btn .lucide{width:16px;height:16px}.modal-merge-tags .btn-secondary{background:var(--layer-2);color:var(--text-secondary)}.modal-merge-tags .btn-secondary:hover{background:var(--layer-3);color:var(--text-primary)}.modal-merge-tags .btn-primary{background:var(--primary-color);color:var(--text-on-primary)}.modal-merge-tags .btn-primary:hover{background:var(--primary-dark)}@media(max-width:480px){.modal-merge-tags{max-width:100%;margin:1rem}}.topbar-overflow-wrapper{position:relative;display:none}.topbar-overflow-btn{display:flex;align-items:center;justify-content:center}.topbar-overflow-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.375rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:1000}.topbar-overflow-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.overflow-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .15s ease;text-align:left}.overflow-menu-item:hover{background:var(--layer-2)}.overflow-menu-item .lucide{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.overflow-menu-item:hover .lucide{color:var(--text-primary)}.overflow-menu-item--accent,.overflow-menu-item--accent .lucide{color:var(--accent-yellow)}.overflow-menu-item--accent:hover{background:#ffc83c1a}.overflow-menu-divider{height:1px;background:var(--border-subtle);margin:.375rem 0}@media(max-width:767px){body:not(.game-creation-mode):not(.library-view) .topbar-overflow-wrapper{display:block}body:not(.game-creation-mode):not(.library-view) .topbar-collapsible{display:none!important}}@media(max-width:1023px){body.game-creation-mode .topbar-overflow-wrapper,body.library-view .topbar-overflow-wrapper{display:block}body.game-creation-mode .topbar-collapsible,body.library-view .topbar-collapsible{display:none!important}body.library-view .topbar-home-btn{display:none}.topbar-support-name{max-width:100px}#btnExpandLibrarySidebar{z-index:50}body.game-creation-mode .topbar{display:flex;flex-wrap:wrap;height:auto;min-height:56px;padding:.375rem .5rem;gap:.5rem;align-items:center}body.library-view .topbar{flex-wrap:nowrap;height:56px;min-height:56px;padding:.375rem .5rem;gap:.5rem;align-items:center}body.game-creation-mode .topbar-left{flex:1;min-width:0;gap:.5rem;align-items:center;justify-self:auto}body.library-view .topbar-left{flex:0 0 auto;min-width:0;gap:.5rem;align-items:center}body.game-creation-mode .topbar-support-info{display:flex!important;height:44px;min-height:44px;padding:.375rem .5rem;gap:.5rem;margin-left:.5rem;flex:0 1 auto;min-width:120px;max-width:280px;align-items:center;justify-content:flex-start;background:var(--layer-2);border-radius:var(--radius-md)}body.game-creation-mode .topbar-support-info .topbar-type-wrapper{flex-shrink:0}body.game-creation-mode .topbar-support-info .topbar-support-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm)}body.game-creation-mode .topbar-support-info .topbar-support-icon svg{width:18px;height:18px}body.game-creation-mode .topbar-support-name{flex:0 1 auto;min-width:60px;max-width:150px;height:auto;line-height:1.3;padding:.25rem .5rem;font-size:.9375rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}body.game-creation-mode .topbar-support-input{flex:0 1 auto;min-width:100px;max-width:180px;height:34px;line-height:32px;padding:0 .75rem;font-size:16px;font-weight:500;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary)}body.game-creation-mode .topbar-support-input:focus{border-color:var(--accent);outline:none}body.game-creation-mode .topbar-support-actions .topbar-action-btn{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;background:var(--layer-3);border-radius:var(--radius-sm);border:none;color:var(--text-secondary);transition:all .15s ease}body.game-creation-mode .topbar-support-actions .topbar-action-btn:hover{background:var(--layer-4);color:var(--text-primary)}body.game-creation-mode .topbar-support-actions .topbar-action-btn .lucide{width:18px;height:18px}body.game-creation-mode .topbar-right,body.library-view .topbar-right{flex-shrink:0;margin-left:.5rem;justify-self:auto}body.game-creation-mode .topbar-overflow-btn,body.library-view .topbar-overflow-btn{width:44px;height:44px;background:var(--layer-2);border-radius:var(--radius-md);border:none}body.game-creation-mode .topbar-overflow-btn:hover,body.library-view .topbar-overflow-btn:hover{background:var(--layer-3)}body.game-creation-mode .topbar-overflow-btn .lucide,body.library-view .topbar-overflow-btn .lucide{width:22px;height:22px}body.game-creation-mode .topbar-center{position:static;left:auto;transform:none;order:3;flex:0 0 100%;width:100%;max-width:100%;padding:0;display:flex;justify-content:center;pointer-events:auto;justify-self:auto}body.game-creation-mode .topbar-quick-zone{width:100%;max-width:800px;height:40px}body.library-view .topbar-center{position:static;left:auto;transform:none;flex:1;min-width:0;max-width:none;padding:0}body.library-view .topbar-quick-zone{height:40px;flex:1;min-width:0}body.library-view #btnExpandLibrarySidebar{top:12px;transform:none;height:40px}}@media(max-width:599px){body.game-creation-mode .topbar-home-btn,body.library-view .topbar-home-btn,body.game-creation-mode .topbar-overflow-btn,body.library-view .topbar-overflow-btn{width:40px;height:40px}body.game-creation-mode .topbar-home-btn .lucide,body.library-view .topbar-home-btn .lucide,body.game-creation-mode .topbar-overflow-btn .lucide,body.library-view .topbar-overflow-btn .lucide{width:20px;height:20px}body.game-creation-mode .topbar-support-info{height:40px;min-height:40px;padding:.25rem .375rem;gap:.375rem;margin-left:.375rem}body.game-creation-mode .topbar-support-info .topbar-support-icon{width:28px;height:28px}body.game-creation-mode .topbar-support-info .topbar-support-icon svg{width:16px;height:16px}body.game-creation-mode .topbar-support-name{min-width:50px;font-size:.8125rem;padding:0 .375rem}body.game-creation-mode .topbar-support-input{min-width:60px;height:30px;font-size:16px;padding:0 .5rem}body.game-creation-mode .topbar-support-actions .topbar-action-btn{width:32px;height:32px;min-width:32px;min-height:32px}body.game-creation-mode .topbar-support-actions .topbar-action-btn .lucide{width:16px;height:16px}body.library-view #btnExpandLibrarySidebar{width:24px;height:40px}body.library-view #btnExpandLibrarySidebar i,body.library-view #btnExpandLibrarySidebar svg{width:16px;height:16px}}@media(max-width:1023px){.word-list-item-remove,.word-list-item-edit{opacity:1!important}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],textarea,select,.finder-quick-input,.floating-bar-input,.topbar-quick-input{font-size:16px!important}}@media(max-width:1023px){body.game-creation-mode .topbar-btn,body.game-creation-mode .topbar-action-btn,body.game-creation-mode .topbar-overflow-btn,body.library-view .topbar-btn,body.library-view .topbar-action-btn,body.library-view .topbar-overflow-btn{min-width:44px;min-height:44px}.finder-quick-add,.topbar-quick-zone{min-height:44px}.finder-quick-input,.topbar-quick-input{min-height:40px;padding:.5rem .75rem}.word-list-item{min-height:72px;height:auto;padding:.5rem .75rem}.word-image-preview{width:56px;height:56px}.word-list-item-remove{width:32px;height:32px}.word-list-item-remove .lucide{width:18px;height:18px}.tree-support{min-height:48px;padding:.5rem .75rem}.tree-support-checkbox{width:22px;height:22px}}@media(max-width:767px)and (min-width:577px){.modal-settings{width:98%;max-width:100%;height:85vh;max-height:700px}.settings-sidebar{width:140px;padding:.875rem .5rem}.settings-category-btn{padding:.5rem .625rem;font-size:.75rem;gap:.375rem}.settings-category-btn .lucide{width:15px;height:15px}.settings-content-area{padding:1rem 1.25rem}.settings-panel-title{font-size:.9375rem;margin-bottom:1rem}.setting-item{gap:1rem}}@media(max-width:1023px){#modalSettingsNew.modal{align-items:flex-end;justify-content:flex-end;padding:0}.modal-settings{width:100%!important;max-width:100%!important;height:auto!important;max-height:70vh!important;max-height:70dvh!important;border-radius:1rem 1rem 0 0!important;margin:0!important;background:var(--bg-primary);animation:bottomSheetSlideUp .25s ease-out;z-index:1200;padding-bottom:env(safe-area-inset-bottom,0)}.modal-body-settings{flex-direction:column;height:100%;padding:0;overflow:hidden}.modal-body-settings:after{content:"Param\e8tres";display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 3.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;order:-1}.settings-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;font-size:0;background:var(--layer-3);border-radius:50%;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.settings-close-btn .lucide{width:18px;height:18px;color:var(--text-secondary)}.settings-close-btn:active{background:var(--layer-3)}.settings-sidebar{width:100%;flex-direction:row;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding:0 1rem;gap:0;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-category-btn{flex-shrink:0;white-space:nowrap;padding:.75rem 1rem;min-width:fit-content;font-size:.8125rem;font-weight:500;gap:.375rem;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-tertiary);transition:color .15s ease,border-color .15s ease}.settings-category-btn .lucide{width:16px;height:16px;opacity:.7}.settings-category-btn:hover{color:var(--text-secondary);background:transparent}.settings-category-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:transparent;box-shadow:none}.settings-category-btn.active .lucide{color:var(--primary-color);opacity:1}.settings-content-area{flex:1;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));overflow-y:auto;background:var(--layer-2);-webkit-overflow-scrolling:touch}.settings-panel-title{display:none}.settings-section{background:var(--layer-1);border-radius:.75rem;padding:0;margin-bottom:.75rem;overflow:hidden}.settings-section h4,.settings-section-title{padding:.5rem 1rem .375rem;margin:0;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);background:transparent;border-bottom:none}.setting-item{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);margin:0;background:var(--layer-1)}.setting-item:last-child{border-bottom:none}.setting-label{flex:none}.setting-label strong{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.setting-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.35}.setting-select{width:100%;min-width:unset;height:44px;font-size:16px;background:var(--layer-2);border:none;border-radius:.5rem;padding:0 .875rem}.setting-item:has(.toggle-switch){flex-direction:row;justify-content:space-between;align-items:center}.toggle-switch{flex-shrink:0}.storage-bar-inline{width:100%;height:6px;margin-top:.5rem;background:var(--layer-3);border-radius:3px;overflow:hidden}.storage-bar-inline .storage-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.settings-section .btn-secondary,.settings-section .btn-primary{width:100%;height:44px;font-size:.9375rem;border-radius:.5rem;margin:0}.settings-section .button-group{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.setting-divider{margin:0;border:none;height:1px;background:var(--border-subtle)}.settings-panel{animation:settingsFadeIn .25s ease}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-tabs{display:flex;gap:.5rem;padding:0;margin-bottom:1rem;background:transparent;border:none}.about-tab{flex:1;padding:.625rem .5rem;font-size:.75rem;font-weight:500;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease}.about-tab.active{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.about-panel .settings-section{margin-bottom:.75rem}.about-panel .settings-section:last-of-type{margin-bottom:0}.about-panel .about-credits{padding:.75rem 1rem;background:transparent}.about-panel .about-copyright{margin-top:1rem;padding:.875rem;background:var(--layer-2)}}@media(max-width:420px){.modal-settings{max-height:94vh!important;min-height:50vh}.settings-sidebar{padding:0 .375rem}.settings-category-btn{padding:.5rem .625rem;gap:0}.settings-category-btn span{display:none}.settings-category-btn .lucide{width:18px;height:18px}.settings-content-area{padding:.625rem;padding-bottom:calc(.625rem + env(safe-area-inset-bottom,0))}.setting-item{padding:.625rem}.modal-body-settings:after{height:44px;font-size:.9375rem}.settings-close-btn{top:6px;right:10px;width:28px;height:28px}.settings-close-btn .lucide{width:16px;height:16px}.settings-section{border-radius:.625rem}.settings-section .btn-secondary,.settings-section .btn-primary{height:40px;font-size:.875rem}}@media(max-width:1023px){body.library-view .library-sidebar-zone{position:fixed;left:0;top:56px;bottom:0;width:100%;z-index:200;background:transparent;pointer-events:none;transition:background .3s ease}body.library-view .library-sidebar-zone:not(.sidebar-collapsed){background:#00000080;pointer-events:auto}body.library-view .library-sidebar-zone .library-sidebar{position:absolute;left:0;top:0;bottom:0;width:300px;max-width:85vw;background:var(--bg-sidebar);transform:translate(-100%);transition:transform .3s ease;box-shadow:none;pointer-events:auto}body.library-view .library-sidebar-zone:not(.sidebar-collapsed) .library-sidebar{transform:translate(0);box-shadow:4px 0 24px #0000004d}body.library-view .library-sidebar-zone:after{content:"";position:absolute;inset:0 0 0 300px;pointer-events:none}body.library-view .library-sidebar-zone:not(.sidebar-collapsed):after{pointer-events:auto;cursor:pointer}body.library-view .library-content-zone{width:100%;transition:opacity .3s ease}body.library-view .library-sidebar-zone:not(.sidebar-collapsed):before{display:none}body.library-view #btnExpandLibrarySidebar{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:150;width:28px;height:56px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:2px 0 8px #0000001a;transition:all .2s ease}body.library-view #btnExpandLibrarySidebar:hover{background:var(--bg-hover);color:var(--text-primary)}body.library-view .library-sidebar-zone:not(.sidebar-collapsed)~#btnExpandLibrarySidebar{opacity:0;pointer-events:none}body.library-view .library-sidebar-header{position:relative}body.library-view .library-sidebar-header .sidebar-collapse-btn{display:none}body.library-view .library-sidebar-close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:var(--bg-hover);border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}body.library-view .library-sidebar-close-btn:hover{background:var(--bg-active);color:var(--text-primary)}body.library-view .library-sidebar-close-btn .lucide{width:18px;height:18px}}@media(max-width:599px){body.library-view .library-sidebar-zone .library-sidebar{width:280px;max-width:90vw}body.library-view .library-sidebar-zone:after{left:280px}body.library-view #btnExpandLibrarySidebar{width:24px;height:48px}}.app-footer{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .5rem .75rem;background:transparent;flex-shrink:0;width:100%;margin-top:auto}@media(min-width:600px){body.view-accueil .app-footer{display:flex}}.app-footer-content{display:flex;align-items:center;gap:0;font-size:.625rem;color:var(--text-tertiary);opacity:.5;transition:opacity .2s ease}.app-footer:hover .app-footer-content,.app-footer:hover .app-footer-license{opacity:.8}.app-footer-copyright{font-weight:500}.app-footer-sep{margin:0 .375rem;opacity:.4}.app-footer-link{color:inherit;text-decoration:none;transition:color .15s ease}.app-footer-link:hover{color:var(--text-secondary)}.app-footer-license{display:flex;align-items:center;gap:0;font-size:.5625rem;color:var(--text-tertiary);opacity:.35;transition:opacity .2s ease}.app-footer-license a{color:inherit;text-decoration:none;transition:color .15s ease}.app-footer-license a:hover{color:var(--text-secondary)}.about-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1.25rem}.about-tab{flex:1;padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.about-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.about-tab.active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.about-panel{display:none}.about-panel.active{display:block;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.about-panel .settings-section{margin-bottom:1rem}.about-panel .settings-section:last-of-type{margin-bottom:0}.about-credits{padding:0;background:transparent;font-size:.8125rem;color:var(--text-secondary)}.about-credits p{margin:.375rem 0;line-height:1.5}.about-credits p:first-child{margin-top:0}.about-credits p:last-child{margin-bottom:0}.about-credits strong{color:var(--text-primary);font-weight:500}.about-copyright{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-tertiary);text-align:center}.about-copyright p{margin:0}.about-copyright p+p{margin-top:.5rem}.about-copyright a{color:var(--primary-color);text-decoration:none}.about-copyright a:hover{text-decoration:underline}.about-legal-content{font-size:.8125rem;color:var(--text-secondary);line-height:1.7}.about-legal-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.about-legal-content h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:1.25rem 0 .5rem}.about-legal-content p{margin:.75rem 0}.about-legal-content ul{margin:.75rem 0;padding-left:1.25rem}.about-legal-content li{margin:.5rem 0}.about-legal-content li strong{color:var(--text-primary);font-weight:500}.about-legal-warning{margin-top:1.5rem;padding:.75rem 1rem;background:var(--danger-light);border-left:3px solid var(--danger-color);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-primary)}@media(max-width:599px){.about-tabs{flex-wrap:wrap}.about-tab{flex:1 1 calc(50% - .125rem);font-size:.6875rem;padding:.5rem}}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form .form-group{margin-bottom:0}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.contact-submit-btn svg{width:16px;height:16px}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-submit-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-credits a{color:var(--primary-color);text-decoration:none}.about-credits a:hover{text-decoration:underline}.library-image-grid img,.card-thumbnail img,.word-card-image img,.preview-image img,.loto-cell img,.memory-card img,.card-image img{user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.library-image-grid .image-item,.card-thumbnail,.word-card-image,.loto-cell,.memory-card{pointer-events:auto}.create-support-sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.create-support-sheet-overlay.visible{opacity:1;visibility:visible}.create-support-sheet{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--layer-1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 24px #0003;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);height:85vh;overflow:hidden;display:flex;flex-direction:column}.create-support-sheet.open{transform:translateY(0)}.create-support-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-subtle)}.create-support-sheet-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.create-support-sheet-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.create-support-sheet-close:hover{background:var(--layer-2);color:var(--text-primary)}.create-support-sheet-close .lucide{width:20px;height:20px}.create-support-sheet-content{flex:1;min-height:0;display:flex;padding-bottom:env(safe-area-inset-bottom,0)}.accueil-fab{display:none;position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0));width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 12px #4f46e559,0 2px 4px #0000001a;cursor:pointer;z-index:100;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;align-items:center;justify-content:center}.accueil-fab .lucide{width:24px;height:24px;stroke-width:2.5}.accueil-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #4f46e566,0 3px 6px #0000001f}.accueil-fab:active{transform:scale(.95);background:var(--primary-hover)}@media(max-width:599px){#view-accueil.active .accueil-fab{display:flex}body.view-accueil .topbar-btn-new,.tree-support-checkbox{display:none!important}.tree-support{padding:.625rem .75rem;gap:.5rem}.tree-support-icon{width:24px;height:24px}.tree-support-icon .lucide,.tree-support-icon svg{width:14px;height:14px}.tree-support-info{flex:1;min-width:0;width:auto}.tree-support-name{font-size:.875rem}.tree-support-format,.tree-support-images,.tree-support-images-more,.tree-support-tags,.tree-support-time{display:none!important}.tree-support-count{height:24px;padding:0 .375rem;font-size:.6875rem}.tree-support-menu{opacity:1!important;visibility:visible!important;width:32px;height:32px;background:var(--layer-2);border-radius:6px;margin-left:auto}.tree-support-menu .lucide{width:18px;height:18px}}.modal-camera{width:100vw;height:100vh;max-width:100vw;max-height:100vh;padding:0;background:#000;border-radius:0;display:flex;flex-direction:column}.camera-container{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}#cameraVideo{width:100%;height:100%;object-fit:cover}.camera-mask{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.camera-mask-top,.camera-mask-bottom{flex:1;background:#0009}.camera-mask-middle{display:flex;height:min(80vw,60vh)}.camera-mask-side{flex:1;background:#0009}.camera-square-frame{width:min(80vw,60vh);height:min(80vw,60vh);position:relative;border:2px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 0 0 9999px transparent}.camera-corner{position:absolute;width:24px;height:24px;border-color:#fff;border-style:solid;border-width:0}.camera-corner-tl{top:-2px;left:-2px;border-top-width:4px;border-left-width:4px;border-top-left-radius:12px}.camera-corner-tr{top:-2px;right:-2px;border-top-width:4px;border-right-width:4px;border-top-right-radius:12px}.camera-corner-bl{bottom:-2px;left:-2px;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:12px}.camera-corner-br{bottom:-2px;right:-2px;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:12px}.camera-controls{display:flex;align-items:center;justify-content:center;gap:3rem;padding:2rem;background:#000;flex-shrink:0}.camera-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.camera-btn-secondary{width:48px;height:48px;border-radius:50%;background:#fff3;color:#fff}.camera-btn-secondary:hover{background:#ffffff4d}.camera-btn-secondary:active{transform:scale(.95)}.camera-btn-secondary .lucide{width:24px;height:24px}.camera-btn-capture{width:72px;height:72px;border-radius:50%;background:#fff;position:relative}.camera-btn-capture:hover{transform:scale(1.05)}.camera-btn-capture:active{transform:scale(.95)}.camera-capture-ring{width:60px;height:60px;border-radius:50%;border:3px solid #000;background:transparent}.camera-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:100}.camera-flash.active{animation:cameraFlash .3s ease-out}@keyframes cameraFlash{0%{opacity:.8}to{opacity:0}}.camera-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem}.camera-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.camera-loading-text{font-size:.875rem;opacity:.8}.camera-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;padding:2rem}.camera-error-icon{font-size:3rem;margin-bottom:1rem}.camera-error-text{font-size:1rem;margin-bottom:.5rem}.camera-error-hint{font-size:.875rem;opacity:.7}@supports (padding: env(safe-area-inset-bottom)){.camera-controls{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}@media(max-width:599px){.modal-fullscreen,#modalCropImage,#modalCropImageNew,#modalCamera,#modalCreateActivity{align-items:stretch!important;justify-content:stretch!important}.modal-fullscreen .modal-content,#modalCropImage .modal-content,#modalCropImageNew .modal-content,#modalCropImageNew .modal-crop-enhanced,#modalCamera .modal-content,.modal-crop{width:100%!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;border-radius:0!important;animation:none!important}.modal-fullscreen .modal-content .modal-header:before,#modalCropImage .modal-content .modal-header:before,#modalCropImageNew .modal-content .modal-header:before,#modalCropImageNew .modal-crop-enhanced .modal-header:before,#modalCamera .modal-content .modal-header:before,.modal-crop .modal-header:before{display:none!important}.modal-fullscreen .modal-content .modal-header,.modal-crop .modal-header{padding-top:.75rem!important}.modal.modal-confirmation,#modalQuickAddWord,#modalDeleteChoice,#modalKeyboardShortcuts,#modalDonation{align-items:center!important;justify-content:center!important}.modal.modal-confirmation .modal-content,.modal-confirm-content,.modal-small,#modalQuickAddWord .modal-content,#modalDeleteChoice .modal-content,#modalKeyboardShortcuts .modal-content,#modalDonation .modal-content{height:auto!important;max-height:85vh!important;max-height:85dvh!important;min-height:auto!important;width:92%!important;margin:auto;border-radius:var(--radius-xl)!important;animation:mobileModalFadeScale .25s ease-out!important;box-shadow:var(--shadow-xl)!important}@keyframes mobileModalFadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal.modal-confirmation .modal-content .modal-header:before,#modalQuickAddWord .modal-content .modal-header:before,#modalDeleteChoice .modal-content .modal-header:before,#modalKeyboardShortcuts .modal-content .modal-header:before,#modalDonation .modal-content .modal-header:before{display:none!important}.modal.modal-confirmation .modal-content .modal-header,#modalQuickAddWord .modal-content .modal-header,#modalDeleteChoice .modal-content .modal-header,#modalKeyboardShortcuts .modal-content .modal-header,#modalDonation .modal-content .modal-header{padding-top:1.25rem!important}.modal-confirm-actions{flex-direction:column;gap:.625rem;padding-top:.5rem}.modal-confirm-actions .btn,.modal-confirm-btn{width:100%;min-height:48px;font-size:1rem}.modal-footer{flex-wrap:wrap;gap:.5rem}.modal-footer .btn{min-height:44px;flex:1;min-width:120px}#modalEditCard .modal-body{padding:1rem}#modalEditCard .form-group{margin-bottom:1rem}#modalEditCard input,#modalEditCard textarea,#modalEditCard select{font-size:16px;min-height:44px}#modalQuickAddWord input{font-size:16px;min-height:48px}#modalManageTags .modal-footer{position:sticky;bottom:0;z-index:10}.modal-crop .modal-footer{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));gap:.5rem}.modal-crop .modal-footer .btn{flex:1;min-height:44px}}@media(max-width:599px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.confirm-modal-actions{flex-direction:column}.confirm-modal-actions .btn{width:100%}}@media(max-width:599px){#modalConfirm .modal-content{width:92%!important;height:auto!important;max-height:85vh;max-height:85dvh;margin:auto;border-radius:var(--radius-xl)!important}#modalConfirm .modal-body{padding:1.25rem}#modalConfirm .modal-footer{padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));gap:.625rem}#modalConfirm .modal-footer .btn,#modalConfirm .modal-footer .btn-primary,#modalConfirm .modal-footer .btn-secondary{flex:1;min-height:48px;font-size:.9375rem}.confirm-modal-content{flex-direction:column;text-align:center;gap:.75rem}.confirm-modal-icon{margin:0 auto}.confirm-message{font-size:1rem}.modal-confirmation .modal-footer{gap:.5rem}.modal-confirmation .modal-footer .btn-secondary,.modal-confirmation .modal-footer .btn-primary{flex:1;min-height:46px;padding:.75rem 1rem}#modalNouveau .modal-content{height:auto!important;max-height:90vh;max-height:90dvh;width:94%!important;margin:auto;border-radius:var(--radius-xl)!important}.modal-content input[type=text],.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=number],.modal-content textarea,.modal-content select{font-size:16px}}.modal-add-word{width:90%;max-width:440px}.modal-add-word .modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-add-word .modal-header h2{font-size:1.1rem;font-weight:600}.modal-add-word .close-btn i,.modal-add-word .close-btn svg{width:18px;height:18px}.modal-add-word .modal-body{padding:1.25rem}.modal-add-word .modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.modal-footer-actions{display:flex;gap:.5rem;margin-left:auto}.add-word-section{margin-bottom:1.25rem}.add-word-section:last-child{margin-bottom:0}.add-word-section-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.add-word-section-label i,.add-word-section-label svg{width:14px;height:14px;opacity:.6}.add-word-optional{font-weight:400;opacity:.6}.add-word-name-input{width:100%;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--layer-1);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.add-word-name-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5da8cd26}.add-word-name-input::placeholder{font-weight:400;color:var(--text-tertiary)}.add-word-proper-noun{display:flex;align-items:center;justify-content:space-between;gap:.625rem;margin-top:.625rem;cursor:pointer;user-select:none}.add-word-proper-noun-text{font-size:.8125rem;color:var(--text-secondary)}.add-word-images{background:var(--layer-1);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:1rem;min-height:90px;margin-bottom:.5rem;transition:border-color .2s ease,background .2s ease}.add-word-images:hover{border-color:var(--text-tertiary)}.add-word-images.dragover{border-color:var(--primary-color);background:#5da8cd0d}.add-word-images-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--text-tertiary);min-height:60px}.add-word-images-empty i,.add-word-images-empty svg{width:28px;height:28px;opacity:.4}.add-word-images-empty span{font-size:.8rem}.add-word-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.add-word-image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--layer-2)}.add-word-image-item img{width:100%;height:100%;object-fit:cover}.add-word-image-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#000000b3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s ease}.add-word-image-item:hover .add-word-image-remove{opacity:1}.add-word-image-remove i,.add-word-image-remove svg{width:11px;height:11px}.add-word-import-actions{display:flex;gap:.5rem}.add-word-import-btn{flex:1;justify-content:center}.modal-lexique-picker{max-width:680px;width:95vw;max-height:85vh;display:flex;flex-direction:column}.modal-lexique-picker .modal-body{display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem 1.5rem 1.5rem;flex:1}.lexique-picker-search-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:0 .75rem;flex-shrink:0}.lexique-picker-search-wrapper i,.lexique-picker-search-wrapper svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.lexique-picker-search{flex:1;border:none;background:transparent;padding:.6rem 0;font-size:.9rem;color:var(--text-primary);outline:none}.lexique-picker-search::placeholder{color:var(--text-secondary);opacity:.7}.lexique-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;overflow-y:auto;flex:1;padding:.25rem}.lexique-picker-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:2px solid transparent;border-radius:10px;padding:.5rem;cursor:pointer;background:var(--bg-secondary);transition:border-color .15s,background .15s,transform .1s;text-align:center}.lexique-picker-item:hover{border-color:var(--primary);background:var(--primary-light, #e8f0fe);transform:scale(1.03)}.lexique-picker-item:active{transform:scale(.98)}.lexique-picker-item-img{width:72px;height:72px;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.lexique-picker-item-img img{width:100%;height:100%;object-fit:contain}.lexique-picker-item-label{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lexique-picker-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-secondary);text-align:center}.lexique-picker-empty i,.lexique-picker-empty svg{width:40px;height:40px;opacity:.4}.lexique-picker-empty span{font-size:.9rem}@media(max-width:480px){.lexique-picker-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.lexique-picker-item-img{width:56px;height:56px}}.modal-wikimedia-picker{max-width:720px;width:95vw;max-height:85vh;display:flex;flex-direction:column}.modal-wikimedia-picker .modal-body{display:flex;flex-direction:column;gap:.5rem;overflow:hidden;flex:1;padding:1rem 1.25rem .5rem}.wikimedia-search-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.73rem;color:var(--text-secondary);line-height:1.45}.wikimedia-search-tip i,.wikimedia-search-tip svg{width:14px;height:14px;flex-shrink:0;margin-top:1px;opacity:.7}.wikimedia-search-tip em{font-style:normal;font-weight:600;color:var(--text-primary)}.wikimedia-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;overflow-y:auto;flex:1;padding:.25rem}.wikimedia-picker-item{display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:10px;padding:.5rem;cursor:pointer;background:var(--bg-secondary);transition:border-color .15s,background .15s,transform .1s}.wikimedia-picker-item:hover{border-color:var(--primary);background:var(--primary-light, #e8f0fe);transform:scale(1.03)}.wikimedia-picker-item:active{transform:scale(.97)}.wikimedia-picker-item-img{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.wikimedia-picker-item-img img{width:100%;height:100%;object-fit:contain;display:block}.wikimedia-picker-status{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-secondary);text-align:center;font-size:.9rem}.wikimedia-picker-hint{opacity:.7}.wikimedia-spinner{width:28px;height:28px;stroke:var(--primary);animation:wikimediaSpin .9s linear infinite;transform-origin:center}@keyframes wikimediaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wikimedia-picker-footer{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.wikimedia-picker-footer svg,.wikimedia-picker-footer i{width:14px;height:14px;flex-shrink:0}.wikimedia-picker-footer a{color:var(--primary);text-decoration:none}.wikimedia-picker-footer a:hover{text-decoration:underline}@media(max-width:480px){.wikimedia-picker-grid{grid-template-columns:repeat(3,1fr)}}.add-word-tags-input-wrapper{position:relative;margin-bottom:.75rem}.add-word-tags-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--layer-1);color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.add-word-tags-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5da8cd26}.add-word-tags-input::placeholder{color:var(--text-tertiary)}.add-word-tags-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--layer-2);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-lg);display:none}.add-word-tags-dropdown.visible{display:block}.add-word-tag-option{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;cursor:pointer;transition:background .15s ease}.add-word-tag-option:hover{background:var(--layer-3)}.add-word-tag-name{font-size:.9rem;color:var(--text-primary)}.add-word-tag-count{font-size:.75rem;color:var(--text-tertiary);background:var(--layer-1);padding:.15rem .5rem;border-radius:var(--radius-sm)}.add-word-tag-create{color:var(--primary-color);gap:.5rem;justify-content:flex-start}.add-word-tag-create i,.add-word-tag-create svg{width:14px;height:14px}.add-word-tags-empty{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.85rem}.add-word-tags-selected{display:flex;flex-wrap:wrap;gap:.5rem;min-height:32px}.add-word-no-tags{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.add-word-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem .35rem .75rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.add-word-tag-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#fff3;border:none;cursor:pointer;color:#fff;transition:background .15s ease}.add-word-tag-chip-remove:hover{background:#ffffff59}.add-word-tag-chip-remove i,.add-word-tag-chip-remove svg{width:10px;height:10px}.add-word-skip-option{display:flex;align-items:center;gap:.625rem}.add-word-skip-label{font-size:.8125rem;color:var(--text-secondary);user-select:none}@media(max-width:599px){.modal-add-word{width:95%}.add-word-images-grid{grid-template-columns:repeat(3,1fr)}.add-word-preview{flex-direction:column;align-items:flex-start;gap:.25rem}}#modalImportPreview .modal-content{max-width:500px}#modalImportPreview .modal-header h2{display:flex;align-items:center;gap:.5rem}#modalImportPreview .modal-header h2 i,#modalImportPreview .modal-header h2 svg{width:20px;height:20px;color:var(--primary-color)}#modalImportPreview .modal-body{padding:1.25rem}.import-preview-info{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.import-preview-version{font-size:.85rem;color:var(--text-secondary)}.import-preview-version strong{color:var(--text-primary)}.import-preview-section{margin-bottom:1.25rem}.import-preview-section:last-of-type{margin-bottom:1rem}.import-preview-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.625rem}.import-preview-section h3 i,.import-preview-section h3 svg{width:16px;height:16px;color:var(--text-tertiary)}.import-preview-stats{display:flex;flex-wrap:wrap;gap:.5rem}.import-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.import-stat .count{font-weight:700}.import-stat.create{background:#22c55e26;color:#16a34a}.import-stat.merge{background:#3b82f626;color:#2563eb}.import-stat.restore{background:#a855f726;color:#9333ea}.import-stat.skip{background:var(--layer-2);color:var(--text-tertiary)}.import-stat.empty{background:var(--layer-1);color:var(--text-tertiary);font-weight:400}.import-preview-note{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;background:#3b82f614;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;line-height:1.5}.import-preview-note i,.import-preview-note svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:#3b82f6}[data-theme=dark] .import-stat.create{background:#22c55e33;color:#4ade80}[data-theme=dark] .import-stat.merge{background:#3b82f633;color:#60a5fa}[data-theme=dark] .import-stat.restore{background:#a855f733;color:#a78bfa}[data-theme=dark] .import-preview-note{background:#3b82f61f}[data-theme=dark] .import-preview-note i,[data-theme=dark] .import-preview-note svg{color:#60a5fa}#modalImageImportPreview .modal-content{max-width:600px;max-height:85vh;display:flex;flex-direction:column}#modalImageImportPreview .modal-header h2{display:flex;align-items:center;gap:.5rem}#modalImageImportPreview .modal-header h2 i,#modalImageImportPreview .modal-header h2 svg{width:20px;height:20px;color:var(--primary-color)}#modalImageImportPreview .modal-body{padding:1.25rem;overflow-y:auto;flex:1}.import-preview-summary{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem}.import-preview-list{display:flex;flex-direction:column;gap:.75rem}.import-preview-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--layer-1);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease}.import-preview-item:hover{border-color:var(--primary-color)}.import-preview-image{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--layer-2)}.import-preview-image img{width:100%;height:100%;object-fit:cover}.import-preview-details{flex:1;min-width:0}.import-preview-word-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease}.import-preview-word-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.import-preview-proper-noun{display:inline-flex;align-items:center;gap:.375rem;margin-top:.375rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;user-select:none}.import-preview-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:color .2s ease,background-color .2s ease;flex-shrink:0}.import-preview-remove:hover{background:#ef44441a;color:#ef4444}.import-preview-remove i,.import-preview-remove svg{width:18px;height:18px}@media(max-width:640px){#modalImageImportPreview .modal-content{max-width:95%;max-height:90vh}.import-preview-item{padding:.625rem;gap:.75rem}.import-preview-image{width:50px;height:50px}.import-preview-word-input{padding:.5rem .75rem;font-size:.9rem}}.selection-toolbar-mobile-row{display:none}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.bottom-sheet-close{display:none}@media(max-width:1023px){.popover-mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.popover-mobile-overlay.active{opacity:1;visibility:visible}.selection-tag-popover.active,.selection-collection-popover.active{position:fixed!important;inset:auto 0 0!important;width:100%!important;min-width:100%!important;max-width:100%!important;max-height:70vh!important;max-height:70dvh!important;border-radius:1rem 1rem 0 0!important;z-index:1200!important;animation:bottomSheetSlideUp .25s ease-out;padding-bottom:env(safe-area-inset-bottom,0px)}.selection-tag-popover .tag-popover-header,.selection-collection-popover .collection-popover-header{display:block;position:relative;padding:1rem;font-size:1rem;font-weight:600;text-align:center;border-bottom:1px solid var(--border-subtle)}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--layer-3);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.bottom-sheet-close:hover,.bottom-sheet-close:active{background:var(--layer-hover);color:var(--text-primary)}.bottom-sheet-close .lucide{width:18px;height:18px}.selection-tag-popover .tag-popover-item,.selection-collection-popover .collection-popover-item{min-height:48px;padding:.75rem 1rem;font-size:.9375rem}.selection-tag-popover .tag-popover-search{padding:.75rem 1rem}.selection-tag-popover .tag-popover-search input{min-height:44px;font-size:16px;padding:.625rem .875rem}.selection-tag-popover .tag-popover-list,.selection-collection-popover .collection-popover-list{max-height:calc(70vh - 140px);max-height:calc(70dvh - 140px);overflow-y:auto;padding:.5rem}.selection-collection-popover .support-popover-section{padding:.75rem 1rem}.selection-collection-popover .support-popover-section-title{font-size:.75rem;padding:.25rem 0 .75rem}.selection-collection-popover .support-create-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.selection-collection-popover .support-create-btn{padding:.75rem .5rem;min-height:64px}.selection-collection-popover .support-create-btn .lucide{width:24px;height:24px}.selection-collection-popover .support-create-btn span{font-size:.6875rem}.selection-collection-popover .support-item{min-height:52px;padding:.75rem 1rem;font-size:.9375rem}.selection-collection-popover .support-item .lucide{width:20px;height:20px}.selection-tag-popover .tag-popover-item{min-height:48px;padding:.75rem 1rem;font-size:.9375rem}}@media(max-width:1023px){.mobile-selection-bar{display:none!important}.selection-nav-group{gap:.125rem}.selection-nav-group .selection-count{font-size:.75rem;min-width:auto}.selection-nav-group .selection-nav-btn{width:28px;height:28px;padding:0}.selection-nav-group .selection-nav-btn .lucide{width:14px;height:14px}.selection-toolbar-mobile-row{display:none;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);border-top:1px solid rgba(255,255,255,.1)}body.has-word-selection .selection-toolbar-mobile-row{display:flex}body.game-creation-mode .selection-toolbar-mobile-row{display:none!important}.selection-toolbar-mobile-count{display:flex;align-items:center;gap:.375rem;color:var(--text-on-primary);font-size:.8125rem;font-weight:500;flex-shrink:0}.selection-toolbar-mobile-count .lucide{width:14px;height:14px}.selection-toolbar-mobile-spacer{flex:1}.selection-toolbar-mobile-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--text-on-primary);cursor:pointer;transition:all .15s ease}.selection-toolbar-mobile-btn:hover,.selection-toolbar-mobile-btn:active{background:#fff3}.selection-toolbar-mobile-btn .lucide{width:18px;height:18px}.selection-toolbar-mobile-btn.danger{background:#ef444433}.selection-toolbar-mobile-btn.danger:hover,.selection-toolbar-mobile-btn.danger:active{background:#ef444459}.selection-toolbar-mobile-btn.single-only{display:none}.selection-toolbar-mobile-row.single-selected .selection-toolbar-mobile-btn.single-only{display:flex}body.library-view #selectionEditActions,body.library-view #selectionOrgActions{display:none!important}body.library-view .topbar{gap:.5rem}body.library-view .topbar-center{flex:1;min-width:0;overflow:hidden}body.library-view .topbar-quick-zone{min-width:0;flex:1}body.library-view .topbar-quick-zone .finder-quick-input{min-width:0}body.library-view .topbar-overflow-wrapper{flex-shrink:0}}@media(max-width:599px){body.library-view .topbar{padding:.375rem .5rem;gap:.375rem}body.library-view .topbar-center{flex:1;min-width:80px}body.library-view .topbar-quick-zone{height:40px;padding:0 .5rem}body.library-view .topbar-quick-zone .finder-quick-input{font-size:16px}body.library-view .topbar-quick-zone .finder-quick-input::placeholder{font-size:.8125rem}.selection-toolbar-mobile-btn{width:40px;height:40px}.selection-toolbar-mobile-btn .lucide{width:20px;height:20px}.selection-toolbar-row .view-toggle,.selection-toolbar-row .selection-toolbar-divider,.selection-count .count-full{display:none!important}.selection-count .count-compact{display:inline!important}.selection-nav-group .selection-nav-btn{width:24px;height:24px}.selection-nav-group .selection-nav-btn .lucide{width:12px;height:12px}}@media(max-width:1023px){.card-checkbox,.card-row-checkbox,.library-item-checkbox,.cards-list tbody tr .card-checkbox{opacity:1!important;visibility:visible!important}.vocabulary-item-checkbox{opacity:0}.vocabulary-item.selected .vocabulary-item-checkbox{opacity:1}.card-checkbox{width:24px;height:24px;border-width:2px;border-radius:6px}.card-row-checkbox{width:22px;height:22px;border-radius:5px}.library-item-checkbox,.vocabulary-item-checkbox{width:26px;height:26px}.selection-checkbox-btn{width:44px;height:44px}.selection-checkbox-btn .checkbox-box{width:24px;height:24px;border-radius:6px}.cards-list tbody tr{height:56px;min-height:56px}.cards-list tbody tr:not(.empty-row){border-bottom:1px solid var(--border-subtle)}.cards-list td{padding:.625rem .5rem;vertical-align:middle}.cards-list .col-checkbox,.cards-list th.col-checkbox,.cards-list td.col-checkbox{width:44px;min-width:44px;max-width:44px;padding:.375rem}.cards-list th.col-word,.cards-list td.col-word{width:40%;min-width:90px;padding-left:.375rem}.cards-list td.col-word{font-weight:500}.cards-list th.col-images,.cards-list td.col-images{display:table-cell!important;width:auto;min-width:80px}.card-row-image{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:6px}.card-row-images{gap:.375rem}.col-images .overflow-indicator{width:36px;height:36px;min-width:36px;min-height:36px;font-size:.75rem;border-radius:6px}.cards-list th.col-tags,.cards-list td.col-tags{display:none}.cards-list .col-actions,.cards-list th.col-actions,.cards-list td.col-actions{width:48px;min-width:48px;padding:.5rem .25rem}.cards-list .col-actions button,.card-action-btn{width:40px;height:40px;min-width:40px;min-height:40px}.cards-list thead th{padding:.75rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--text-secondary)}.cards-list thead .header-checkbox{width:22px;height:22px}body.library-view .vocabulary-table tbody tr{height:56px;min-height:56px}body.library-view .vocabulary-table td{padding:.625rem .5rem}body.library-view .vocabulary-table .col-checkbox{width:52px;min-width:52px}}@media(max-width:1023px){.modal-crop{display:flex;flex-direction:column}.modal-crop .modal-body{flex:1;display:flex;flex-direction:column;padding:0;min-height:0}.modal-crop .modal-body-crop{flex:1;display:flex;flex-direction:column;min-height:0}.modal-crop .crop-canvas-container{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center}.modal-crop .crop-toolbar{position:sticky;bottom:0;background:var(--layer-2);padding:.75rem;border-top:1px solid var(--border-subtle);gap:.5rem;flex-wrap:wrap;justify-content:center}.modal-crop .crop-toolbar .btn{min-height:44px;padding:0 1rem}.modal-crop .crop-toolbar .btn-sm{min-width:44px}.modal-crop .modal-footer{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.modal-crop .modal-footer .btn{flex:1;min-width:100px;min-height:48px}.modal-crop .modal-footer .btn.danger{flex:0 0 auto;width:48px;min-width:48px;padding:0}.modal-crop .modal-footer .btn.danger span{display:none}}@media(max-width:599px){.modal-crop .modal-footer{flex-direction:column;align-items:stretch}.modal-crop .modal-footer .btn{width:100%;min-width:auto}.modal-crop .modal-footer .btn.danger{flex:1;width:100%;order:10}.modal-crop .modal-footer .btn.danger span{display:inline}.modal-crop .crop-toolbar{padding:.5rem}.modal-crop .crop-toolbar .btn{flex:1;min-width:60px}.modal-crop .crop-toolbar .btn span{display:none}}.phrase-row{display:flex;flex-direction:column;gap:4px;position:relative}.phrase-delete-row-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--danger-color, #e53e3e);cursor:pointer;border-radius:4px;padding:0;opacity:.7;transition:background .12s,opacity .12s}.phrase-delete-row-btn:hover{background:var(--danger-light, rgba(229,62,62,.1));opacity:1}.phrase-delete-row-btn svg{width:12px;height:12px}.phrase-card{transition:box-shadow .12s}.phrase-add-placeholder{display:flex;align-items:center;justify-content:center;border:2px dashed var(--type-phrases, #B87352);background:none;cursor:pointer;padding:0;box-sizing:border-box;opacity:.5;transition:opacity .15s,background .15s}.phrase-add-placeholder:hover{opacity:1;background:var(--type-phrases-light, rgba(184,115,82,.12))}.phrase-add-placeholder-inner{display:flex;align-items:center;justify-content:center;color:var(--type-phrases, #B87352)}.phrase-add-placeholder-inner svg{width:28px;height:28px}.phrase-inline-input{display:block;width:100%;border:none;background:transparent;text-align:center;outline:none;padding:0}.phrase-text-zone{cursor:text}.phrase-text-zone:hover{background:#00000008}.phrase-card-text{font-family:Lexend,sans-serif;font-size:14px;text-align:center;outline:none;border-radius:3px;padding:1px 3px;min-width:20px;cursor:text;word-break:break-word}.phrase-card-text:focus{background:#0000000f}.phrase-add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px dashed var(--type-phrases, #B87352);background:none;color:var(--type-phrases, #B87352);border-radius:50%;cursor:pointer;padding:0;flex-shrink:0;align-self:center;opacity:.35;margin:0 3px;transition:opacity .12s,background .12s}.phrase-add-btn:hover{opacity:1;background:var(--type-phrases-light, rgba(184,115,82,.15))}.phrase-add-btn svg{width:12px;height:12px}.phrases-page-group{display:flex;flex-direction:column;align-items:center;gap:8px}.phrases-page-header{transition:width .2s ease;display:flex;align-items:center;gap:8px;padding:0 2px;min-width:0}.phrases-page-tag--suite{opacity:.6}.phrases-suite-label{font-weight:400}.phrases-page-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--type-phrases-light, rgba(184, 115, 82, .15));color:var(--type-phrases, #B87352);border-radius:4px;font-size:11px;font-weight:600;font-family:Lexend,sans-serif;white-space:nowrap;flex-shrink:0}.phrases-sentence-input{flex:1;min-width:0;font-size:13px;font-weight:500;color:var(--text-primary, #1e293b);font-family:Lexend,sans-serif;background:transparent;border:none;border-bottom:1.5px solid transparent;border-radius:0;padding:1px 2px;outline:none;transition:border-color .15s}.phrases-sentence-input:hover{border-bottom-color:var(--border-color, #e2e8f0)}.phrases-sentence-input:focus{border-bottom-color:var(--type-phrases, #B87352)}.phrases-sentence-input::placeholder{color:var(--text-tertiary, #94a3b8);font-weight:400;font-style:italic}.phrases-new-phrase-row{display:flex;justify-content:center;padding:4px 0}.phrases-new-phrase-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px dashed var(--type-phrases, #B87352);background:none;color:var(--type-phrases, #B87352);border-radius:8px;cursor:pointer;font-size:13px;font-family:Lexend,sans-serif;opacity:.75;transition:opacity .12s,background .12s}.phrases-new-phrase-btn:hover{opacity:1;background:var(--type-phrases-light, rgba(184,115,82,.15))}.phrases-new-phrase-btn svg{width:14px;height:14px}.phrase-card--merged .phrase-text-zone--merged .phrase-text-upper,.phrase-card--merged .phrase-text-zone--merged .phrase-text-lower,.phrase-card--merged .phrase-text-zone--merged .phrase-text-cursive{color:#7a4528;font-style:italic}.phrase-unfuse-btn{position:absolute;top:0;right:44px;width:44px;height:44px;border-radius:0 0 0 16px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#7a4528e0;color:#fff;opacity:0;pointer-events:none;transition:all .15s ease;z-index:15}.phrase-unfuse-btn .lucide{width:18px;height:18px}.preview-cell-interactive:hover .phrase-unfuse-btn{opacity:1;pointer-events:auto}.phrase-unfuse-btn:hover{background:#64341c}.phrase-merge-side-btn{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:44px;padding:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1e293bd1;color:#fff;opacity:0;pointer-events:none;transition:all .15s ease;z-index:15}.phrase-merge-side-btn .lucide{width:18px;height:18px}.phrase-merge-side-btn--left{left:0;border-radius:0 10px 10px 0}.phrase-merge-side-btn--right{right:0;border-radius:10px 0 0 10px}.preview-cell-interactive:hover .phrase-merge-side-btn{opacity:1;pointer-events:auto}.phrase-merge-side-btn:hover{background:#1e293b}.phrases-merge-popover{position:absolute;z-index:9999;display:none;align-items:center;background:#1e293b;border-radius:8px;padding:3px;box-shadow:0 4px 14px #00000040;pointer-events:auto}.phrases-merge-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:none;border:none;color:#fff;font-family:Lexend,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;white-space:nowrap;transition:background .12s}.phrases-merge-btn:hover{background:#ffffff1f}.phrases-merge-btn svg,.phrases-merge-btn i{width:14px;height:14px;flex-shrink:0}.phrases-add-popover{position:fixed;z-index:9999;width:240px;background:var(--bg-elevated, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column;overflow:hidden}.phrases-add-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--border-color, #e2e8f0);font-size:13px;font-weight:600;color:var(--text-primary)}.phrases-add-popover-close{border:none;background:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;padding:2px;border-radius:4px}.phrases-add-popover-close:hover{background:var(--bg-hover)}.phrases-add-popover-close svg{width:14px;height:14px}.phrases-add-popover-input-row{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-light, #f1f5f9)}.phrases-add-free-input{flex:1;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:6px 8px;font-size:13px;font-family:Lexend,sans-serif;background:var(--bg-page, #f8fafc);color:var(--text-primary);outline:none}.phrases-add-free-input:focus{border-color:var(--type-phrases, #B87352)}.phrases-add-free-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--type-phrases, #B87352);color:#fff;border-radius:6px;cursor:pointer;flex-shrink:0;transition:background .12s}.phrases-add-free-btn:hover{background:#9e6244}.phrases-add-free-btn svg{width:14px;height:14px}.phrases-add-popover-sep{padding:6px 12px 2px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.phrases-add-popover-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:4px 6px 8px;gap:2px;max-height:200px}.phrases-add-popover-empty{padding:12px;text-align:center;font-size:12px;color:var(--text-tertiary)}.phrases-add-word-item{text-align:left;padding:7px 10px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:13px;font-family:Lexend,sans-serif;color:var(--text-primary);transition:background .1s}.phrases-add-word-item:hover{background:var(--bg-hover, #f1f5f9)}.params-game-info{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.params-shuffle-row{padding-top:.25rem}.etiquettes-size-options{display:flex;flex-direction:column;gap:4px}.etiquettes-size-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--layer-1);color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.etiquettes-size-option:hover{border-color:var(--type-etiquettes)}.etiquettes-size-option.active{border-color:var(--type-etiquettes);background:var(--type-etiquettes-light)}.etiquettes-size-name{font-weight:600}.etiquettes-size-dims{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.etiquettes-custom-size{display:flex;align-items:flex-end;gap:6px;margin:8px 0 4px}.etiquettes-custom-size label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:.75rem;color:var(--text-secondary)}.etiquettes-custom-size input{width:100%;padding:5px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--layer-1);color:var(--text-primary);font-size:.8125rem}.etiquettes-hint{font-size:.75rem;color:var(--text-secondary)}.etiquettes-hint:empty{display:none}.etiquettes-custom-size-x,.etiquettes-custom-size-unit{padding-bottom:6px;font-size:.8125rem;color:var(--text-secondary)}.topbar-new-popover{position:fixed;inset:0;width:auto;z-index:var(--z-modal);align-items:center;justify-content:center;padding:2rem 1rem;background:#0009;border-radius:0;box-shadow:none;overflow:visible;animation:createSupportFadeIn .15s ease-out}body.create-support-modal-open{overflow:hidden}@keyframes createSupportFadeIn{0%{opacity:0}to{opacity:1}}.new-popover-dialog{display:flex;flex-direction:column;width:min(820px,100%);height:min(720px,calc(100vh - 4rem));background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:popoverSlideIn .2s cubic-bezier(.16,1,.3,1)}.topbar-new-popover .new-popover-dialog .new-popover-header{gap:1rem;margin:0;padding:.875rem 1rem .875rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.new-popover-dialog .new-popover-title{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:none;letter-spacing:0}.new-popover-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background .15s ease}.new-popover-close:hover{background:var(--layer-3);color:var(--text-primary)}.new-popover-close .lucide{width:18px;height:18px;color:inherit}.new-popover-body{flex:1;min-height:0;display:flex}.topbar-new-popover[data-mode=change] .new-popover-footer{display:none}@media(max-width:1023px){.topbar-new-popover[data-mode=change].active{display:flex!important}}@media(max-width:599px){.topbar-new-popover{padding:1rem .5rem}.new-popover-dialog{height:calc(100vh - 2rem)}}.new-popover-footer{padding:.5rem .75rem;border-top:1px solid var(--border-subtle)}.support-picker{container-type:inline-size;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.support-picker [hidden]{display:none!important}.support-picker-bar{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.support-picker-search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;height:34px;padding:0 .625rem;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:text;transition:border-color .15s ease}.support-picker-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.support-picker-search .lucide{width:16px;height:16px;flex-shrink:0}.support-picker-search-input{flex:1;min-width:0;padding:0;border:none;background:transparent;outline:none;font:inherit;font-size:.8125rem;color:var(--text-primary)}.support-picker-search-input:focus-visible{outline:none;box-shadow:none}.support-picker-chips{display:flex;gap:.375rem;flex-shrink:0}.support-picker-chip{flex-shrink:0;padding:.375rem .75rem;background:var(--layer-1);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font:inherit;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.support-picker-chip:hover{background:var(--layer-3);color:var(--text-primary)}.support-picker-chip.active{background:color-mix(in srgb,var(--primary-color) 12%,transparent);border-color:var(--primary-color);color:var(--primary-color)}.support-picker-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:1rem;padding:.75rem .75rem 1rem;overflow-y:auto}.support-picker-section{display:flex;flex-direction:column;gap:.125rem}.support-picker-section-title{margin:0 0 .25rem;padding:0 .5rem;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.support-picker-rows{display:flex;flex-direction:column;gap:2px}.support-picker-item{display:grid;grid-template-columns:28px 11rem minmax(0,1fr) 16px;align-items:center;column-gap:.75rem;width:100%;padding:.3125rem .5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font:inherit;text-align:left;cursor:pointer;transition:background .1s ease}.support-picker-item:hover{background:var(--layer-3)}.support-picker-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-1px}.support-picker-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm)}.support-picker-icon .lucide,.support-picker-icon svg{width:16px;height:16px}.support-picker-icon--loto{background:var(--type-loto-light);color:var(--type-loto)}.support-picker-icon--memory{background:var(--type-memory-light);color:var(--type-memory)}.support-picker-icon--cartes{background:var(--type-cartes-light);color:var(--type-cartes)}.support-picker-icon--phrases{background:var(--type-phrases-light);color:var(--type-phrases)}.support-picker-icon--etiquettes{background:var(--type-etiquettes-light);color:var(--type-etiquettes)}.support-picker-icon--dobble{background:var(--type-dobble-light);color:var(--type-dobble)}.support-picker-icon--dominos{background:var(--type-dominos-light);color:var(--type-dominos)}.support-picker-icon--puzzles{background:var(--type-puzzles-light);color:var(--type-puzzles)}.support-picker-icon--exercices{background:var(--type-exercices-light);color:var(--type-exercices)}.support-picker-icon--pinces{background:var(--type-pinces-light);color:var(--type-pinces)}.support-picker-icon--oie{background:var(--type-oie-light);color:var(--type-oie)}.support-picker-icon--projection{background:var(--type-projection-light);color:var(--type-projection)}.support-picker-icon--liste{background:var(--type-liste-light);color:var(--type-liste)}.support-picker-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.support-picker-item-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--text-secondary)}.support-picker-interactive{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.support-picker-interactive .lucide{width:15px;height:15px}.support-picker-item:hover .support-picker-interactive{color:var(--type-projection)}.support-picker-item.is-current{background:var(--layer-3);border-color:var(--primary-color)}.support-picker-item.is-current .support-picker-item-name:after{content:"Actuel";margin-left:.5rem;padding:.0625rem .375rem;border-radius:999px;background:var(--primary-color);color:#fff;font-size:.625rem;font-weight:600;vertical-align:middle}.support-picker-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.8125rem;color:var(--text-tertiary);text-align:center}.support-picker-empty .lucide{width:24px;height:24px}@container (max-width: 640px){.support-picker-bar{flex-direction:column;align-items:stretch;gap:.625rem;padding:.75rem 0 .625rem}.support-picker-search{flex:none;margin:0 .75rem}.support-picker-chips{padding:0 .75rem 2px;overflow-x:auto;scrollbar-width:none}.support-picker-chips::-webkit-scrollbar{display:none}.support-picker-list{padding:.625rem .5rem 1rem}.support-picker-item{grid-template-columns:34px minmax(0,1fr) 16px;grid-template-rows:auto auto;align-items:start;row-gap:.125rem;padding:.5rem}.support-picker-icon{grid-row:span 2;width:34px;height:34px}.support-picker-item-name{grid-column:2;grid-row:1}.support-picker-interactive{grid-column:3;grid-row:1;align-self:center}.support-picker-item-desc{grid-column:2 / span 2;grid-row:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:.75rem;line-height:1.4}}.exercices-full-select,.exercices-full-input{width:100%;flex:1 1 auto}.exercices-desc{margin-top:.375rem;font-size:.75rem;line-height:1.4;color:var(--text-secondary)}#exercicesInfo{margin-top:.5rem}#exercicesPreviewContainer .drawer-preview-a4{content-visibility:auto}.word-list-item-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.125rem}.word-list-item-main .word-list-item-text{flex:none}.word-list-item-sub{font-size:.6875rem;line-height:1.2;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-list-item--custom .word-list-item-sub{color:var(--primary-color)}.drawer-autocomplete-item-again{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:.25rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0}.drawer-autocomplete-item-again:hover{background:var(--layer-3);color:var(--primary-color)}.drawer-autocomplete-item-again .lucide{width:16px;height:16px}.topbar-action-btn[hidden],body.game-creation-mode .topbar-support-actions .topbar-action-btn[hidden]{display:none}body.game-creation-mode .topbar-support-actions .topbar-board-btn,.topbar-board-btn{background:var(--type-projection-light);color:var(--type-projection)}body.game-creation-mode .topbar-support-actions .topbar-board-btn:hover,.topbar-board-btn:hover{background:var(--type-projection-light);color:var(--type-projection);filter:brightness(1.25)}body.game-creation-mode .topbar-support-actions .topbar-board-btn.is-primary,.topbar-board-btn.is-primary,.topbar-board-btn.is-primary:hover{background:var(--type-projection);color:var(--type-projection-text)}.topbar-action-label{display:none}@media(min-width:1024px){body.game-creation-mode .topbar-support-info{max-width:min(320px,calc(33.33vw - 190px))}body.game-creation-mode .topbar-left:has(.topbar-board-btn:not([hidden]):not(.is-primary)) .topbar-support-info{max-width:min(320px,calc(33.33vw - 210px))}.topbar-pdf-btn,.topbar-board-btn.is-primary{width:auto;padding:0 .875rem 0 .75rem;font-size:.8125rem;font-weight:600}.topbar-board-btn.is-primary{box-shadow:0 1px 2px #00000040}.topbar-pdf-btn{background:var(--primary-light);color:var(--primary-color)}.topbar-pdf-btn:hover{background:#5da8cd38;color:var(--primary-hover)}.topbar-pdf-btn:disabled,.topbar-pdf-btn:disabled:hover{background:var(--primary-light);color:var(--primary-color)}.topbar-pdf-btn .topbar-action-label,.topbar-board-btn.is-primary .topbar-action-label{display:inline}.topbar-pdf-btn+.topbar-board-btn{margin-left:.125rem}}@media(min-width:1280px){body.game-creation-mode .topbar-left:has(.topbar-board-btn:not([hidden]):not(.is-primary)) .topbar-support-info{max-width:min(320px,calc(33.33vw - 250px))}body.game-creation-mode .topbar-support-actions .topbar-board-btn,.topbar-board-btn{width:auto;padding:0 .875rem 0 .75rem;font-size:.8125rem;font-weight:600}.topbar-board-btn .topbar-action-label{display:inline}}.board-preview-container{padding-bottom:1.5rem}.board-preview{width:min(100%,calc(1050px * var(--preview-zoom, .8)));display:flex;flex-direction:column;gap:.75rem}.board-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.board-preview-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-secondary)}.board-preview-label .lucide{width:16px;height:16px}.board-launch-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:none;border-radius:999px;background:var(--type-projection);color:var(--type-projection-text);font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #00000040;transition:filter .15s ease,transform .15s ease}.board-launch-btn:hover{filter:brightness(1.1)}.board-launch-btn:active{transform:translateY(1px)}.board-launch-btn .lucide{width:18px;height:18px}.board-preview-frame{width:100%;aspect-ratio:16 / 10}.board-preview-hint{margin:0;font-size:.75rem;color:var(--text-tertiary);text-align:center}@media(max-width:1023px){.board-preview{width:100%}}@media(max-width:599px){.board-preview-frame{aspect-ratio:3 / 4}.board-preview-hint{display:none}}#projectionInfo{margin-top:.5rem}body.board-player-open{overflow:hidden}.board-player{position:fixed;inset:0;z-index:100000;display:flex;background:#0f172a}.board-player.is-idle{cursor:none}.board-player .board-stage{flex:1}.board-stage{position:relative;container-type:size;container-name:stage;overflow:hidden;background:#fffcf5;color:#1f2937;font-family:Lexend,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation}.board-stage--preview{width:100%;height:100%;border-radius:12px;box-shadow:0 6px 24px #0000004d}.board-chrome{position:absolute;inset:0;pointer-events:none}.board-chrome-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 16px;transition:opacity .4s ease}.board-chrome-title{font:500 14px Lexend,sans-serif;color:#1f293780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-chrome-actions{display:flex;gap:8px;pointer-events:auto}.board-chrome-btn,.board-nav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:999px;background:#ffffffe0;color:#1f2937;box-shadow:0 2px 10px #0f172a33;cursor:pointer;pointer-events:auto;transition:opacity .4s ease,transform .15s ease}.board-chrome-btn:hover,.board-nav:hover{transform:scale(1.06)}.board-chrome-btn.active{background:#1f2937;color:#fff}.board-nav{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;background:#ffffffb3}.board-nav--prev{left:10px}.board-nav--next{right:10px}.board-chrome-btn[hidden],.board-nav[hidden]{display:none}@media(orientation:portrait){.board-nav{top:auto;bottom:12px;width:52px;height:52px;margin-top:0}}.board-player.is-idle .board-chrome-top,.board-player.is-idle .board-nav{opacity:.1}.bd-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:2cqh;padding:4cqh 5cqw;box-sizing:border-box}.bd-center{justify-content:center}.board-player .bd-screen{padding:max(4cqh,64px) max(5cqw,80px) max(4cqh,16px)}.bd-title{display:flex;flex-direction:column;align-items:center;gap:2cqh;font-size:6cqmin;font-weight:600;text-align:center}.bd-title svg{width:14cqmin;height:14cqmin}.bd-heading{display:flex;align-items:center;justify-content:center;gap:1.5cqmin;font-size:4cqmin;font-weight:600;text-align:center;line-height:1.2}.bd-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:2cqmin}.bd-btn{display:inline-flex;align-items:center;gap:1.2cqmin;padding:1.8cqmin 3.4cqmin;border:.45cqmin solid var(--bd-accent);border-radius:999px;background:#fff;color:#1f2937;font:600 3.2cqmin/1 Lexend,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 .6cqmin #0f172a1f}.bd-btn svg{width:4cqmin;height:4cqmin}.bd-btn--primary{background:var(--bd-accent);color:var(--bd-on-accent)}.bd-btn:active{transform:translateY(.4cqmin);box-shadow:none}.bd-progress{position:absolute;left:2.5cqw;bottom:2.5cqh;font-size:2.4cqmin;color:#1f293773}.bd-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4cqmin;color:#64748b}.bd-picture{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.bd-picture img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.bd-picture--word span{font-size:3.6cqmin;font-weight:600;text-align:center}.bd-word{display:inline-block;color:#1f2937;line-height:1.2;white-space:nowrap}.bd-pawn{display:inline-block;flex-shrink:0;width:4cqmin;height:4cqmin;border:.5cqmin solid #fff;border-radius:50%;box-shadow:0 .3cqmin .8cqmin #0000004d;box-sizing:border-box}.bd-pawn--big{width:8cqmin;height:8cqmin}.bd-chip{padding:1cqmin 1.8cqmin;border:.3cqmin solid #CBD5E1;border-radius:999px;background:#fff;color:#1f2937;font:500 2.2cqmin/1.1 Lexend,sans-serif;cursor:pointer}.bd-chip.active{border-color:#1f2937;background:#1f2937;color:#fff}.bd-result{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0f172a8c;animation:bd-fade .25s both}.bd-result-card{display:flex;flex-direction:column;align-items:center;gap:2cqh;width:min(70cqw,100cqh);padding:3cqmin 4cqmin;border-radius:3cqmin;background:#fff;box-shadow:0 2cqmin 6cqmin #0000004d;animation:bd-pop .4s both}.bd-result-picture{width:100%;height:48cqh}.bd-result-word{display:flex;align-items:center;min-height:11cqh}.bd-confetti{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none}.bd-confetti span{position:absolute;top:-3cqh;width:1.4cqmin;height:2.2cqmin;border-radius:.3cqmin;animation:bd-fall 1.6s ease-in forwards}.is-shaking{animation:bd-shake .45s}.bd-syllables{display:flex;align-items:flex-end;justify-content:center;gap:2.5cqw}.bd-syllable{display:flex;flex-direction:column;align-items:center;gap:1.6cqh}.bd-syllable.is-animated{animation:bd-pop .45s ease-out both}.bd-syllable-text{line-height:1.15;white-space:nowrap}.bd-beat{display:block;flex-shrink:0;width:4.2cqmin;height:4.2cqmin;border-radius:50%}.bd-imagier{cursor:pointer}.bd-imagier-picture{flex:1 1 0;width:100%}.bd-imagier-text{flex:0 0 24cqh;display:flex;align-items:center;justify-content:center;width:100%}.bd-question{display:flex;align-items:center;gap:2cqmin;font-size:5cqmin;font-weight:600}.bd-question svg{width:7cqmin;height:7cqmin}.bd-count{display:flex;align-items:center;gap:5cqw}.bd-count-number{font-size:13cqmin;font-weight:700;line-height:1;color:var(--bd-accent-ink);animation:bd-pop .5s both}.bd-count-number.is-static{animation:none}.bd-designer-question{flex:0 0 auto;min-height:11cqh;font-size:5cqmin}.bd-designer-word{color:var(--bd-accent-ink)}.bd-listen{display:inline-flex;align-items:center;justify-content:center;width:9cqmin;height:9cqmin;margin-left:1cqmin;padding:0;border:.45cqmin solid var(--bd-accent);border-radius:50%;background:#fff;color:var(--bd-accent-ink);cursor:pointer;box-shadow:0 .6cqmin #0f172a1f}.bd-listen svg{width:5.4cqmin;height:5.4cqmin}.bd-designer-tile{cursor:pointer;transition:opacity .25s,transform .15s}.bd-designer-tile:active{transform:scale(.97)}.bd-designer-tile.is-wrong{opacity:.3;cursor:default}.bd-designer-done{position:absolute;top:1.2cqmin;right:1.2cqmin;display:flex;align-items:center;justify-content:center;width:4.6cqmin;height:4.6cqmin;border-radius:50%;background:#10b981}.bd-designer-done svg{width:3cqmin;height:3cqmin}.bd-grid{flex:1 1 0;display:grid;grid-auto-rows:1fr;gap:2cqmin;width:100%;min-height:0}.bd-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:1.5cqmin;border-radius:2.4cqmin;background:#fff;box-shadow:0 .8cqmin 2cqmin #0f172a1a;box-sizing:border-box;overflow:hidden}.bd-tile-picture{flex:1 1 0;width:100%}.bd-tile-word{flex:0 0 auto;padding-top:1cqh}.bd-tile--empty{border:.5cqmin dashed var(--bd-accent);background:transparent;box-shadow:none;cursor:pointer}.bd-tile--empty span{font-size:12cqmin;font-weight:700;color:var(--bd-accent-ink)}.bd-tile--found{outline:.7cqmin solid #10B981;animation:bd-pop .5s both}.bd-curtain{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#1e293b;animation:bd-curtain .6s ease-out both}.bd-curtain-inner{display:flex;flex-direction:column;align-items:center;gap:3cqh;color:#fff;font-size:5cqmin;font-weight:600}.bd-curtain-inner svg{width:16cqmin;height:16cqmin}.bd-cachee-frame{position:relative;flex-shrink:0;width:min(85cqh,90cqw);height:64cqh;border-radius:2.5cqmin;background:#fff;box-shadow:0 .8cqmin 2.4cqmin #0f172a24;overflow:hidden;cursor:pointer}.bd-cachee-picture{position:absolute;inset:4%;transition:transform .7s ease}.bd-cachee-picture .bd-picture{width:100%;height:100%}.bd-cover{position:absolute;inset:0;display:grid}.bd-cover-tile{border:.25cqmin solid rgba(255,255,255,.55);background:var(--bd-accent);cursor:pointer;transition:opacity .45s ease,transform .45s ease}.bd-cover-tile.is-gone{opacity:0;transform:scale(.5) rotate(8deg);pointer-events:none}.bd-cachee-word{display:flex;align-items:center;height:11cqh}.bd-sort-columns{flex:1 1 0;display:grid;gap:2cqmin;width:100%;min-height:0}.bd-sort-col{display:flex;flex-direction:column;min-height:0;border:.45cqmin solid var(--bd-accent);border-radius:2.4cqmin;background:#fff;overflow:hidden}.bd-sort-head{display:flex;flex-direction:column;align-items:center;gap:.8cqmin;padding:1.4cqmin;background:color-mix(in srgb,var(--bd-accent) 16%,white)}.bd-sort-beats{display:flex;align-items:center;gap:1.2cqmin}.bd-sort-plus{font-size:4cqmin;font-weight:700;line-height:1}.bd-sort-label{font-size:2.6cqmin;font-weight:600}.bd-sort-label--big{font-size:4.2cqmin}.bd-sort-drop{flex:1 1 0;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:1.2cqmin;padding:1.4cqmin;overflow:hidden}.bd-sort-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4cqmin;width:100%;min-height:13cqmin}.bd-sort-item{position:relative;width:12cqmin;height:12cqmin;padding:.8cqmin;border-radius:1.6cqmin;background:#fff;box-shadow:0 .6cqmin 1.4cqmin #0f172a24;box-sizing:border-box;cursor:grab;touch-action:none}.bd-sort-drop .bd-sort-item{width:10cqmin;height:10cqmin}.bd-sort-item .bd-picture{width:100%;height:100%}.bd-sort-item.is-dragging{z-index:20;pointer-events:none;cursor:grabbing;box-shadow:0 2cqmin 4cqmin #0f172a4d}.bd-sort-item.is-selected{outline:.6cqmin solid var(--bd-accent);transform:translateY(-1cqmin)}.bd-sort-item.is-right{outline:.5cqmin solid #10B981}.bd-sort-item.is-wrong{outline:.5cqmin solid #EF4444}.bd-roue{justify-content:center}.bd-wheel{position:relative;width:86cqmin;height:86cqmin}.bd-wheel-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1cqmin 2cqmin rgba(15,23,42,.2))}.bd-wheel-svg.is-spinning{transition:transform 5s cubic-bezier(.12,.72,.1,1)}.bd-wheel-pointer{position:absolute;top:-1.5cqmin;left:50%;z-index:2;width:0;height:0;border-left:3cqmin solid transparent;border-right:3cqmin solid transparent;border-top:5.5cqmin solid #1F2937;transform:translate(-50%)}.bd-wheel-hub{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqmin;width:20cqmin;height:20cqmin;border:1cqmin solid #fff;border-radius:50%;background:var(--bd-accent);color:var(--bd-on-accent);font:700 2.6cqmin/1 Lexend,sans-serif;box-shadow:0 1cqmin 2.4cqmin #0f172a4d;cursor:pointer;transform:translate(-50%,-50%)}.bd-wheel-hub svg{width:6cqmin;height:6cqmin}.bd-mystere-top{flex:1 1 0;display:flex;justify-content:center;width:100%;min-height:0}.bd-mystere-picture{width:60cqw;height:100%}.bd-mystere-hidden{display:flex;align-items:center;justify-content:center;width:40cqh;border-radius:2cqmin;background:color-mix(in srgb,var(--bd-accent) 14%,white)}.bd-mystere-hidden svg{width:20cqmin;height:20cqmin}.bd-slots{display:flex;justify-content:center;gap:1cqw}.bd-slot{display:flex;align-items:flex-end;justify-content:center;min-height:1.3em;border-bottom:.7cqmin solid #1F2937;font-family:Lexend,sans-serif;font-weight:600;line-height:1.1}.bd-slot.is-shown{color:var(--bd-accent-ink);animation:bd-pop .35s both}.bd-slot--gap{border-bottom:none}.bd-slots.is-found .bd-slot{border-color:#10b981;color:#047857}.bd-keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:.8cqmin;width:min(92cqw,150cqh)}.bd-key{padding:1.2cqmin 0;border:.35cqmin solid #CBD5E1;border-radius:1.2cqmin;background:#fff;color:#1f2937;font:600 3.4cqmin/1 Lexend,sans-serif;cursor:pointer}.bd-key:disabled{cursor:default}.bd-key.is-right{border-color:#10b981;background:#d1fae5;color:#047857}.bd-key.is-wrong{background:#f1f5f9;color:#94a3b8;text-decoration:line-through}.bd-clavier-top{flex:1 1 0;display:flex;justify-content:center;width:100%;min-height:0}.bd-clavier-picture{width:60cqw;height:100%}.bd-clavier-model{display:flex;justify-content:center;line-height:1.15;color:#1f2937;white-space:pre}.bd-clavier-model .is-done{color:#94a3b8}.bd-clavier-model .is-current{color:var(--bd-accent-ink);text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.12em}.bd-slot.is-current{border-color:var(--bd-accent);background:color-mix(in srgb,var(--bd-accent) 12%,transparent)}.bd-slot.is-right{border-color:#10b981;color:#047857}.bd-slot.is-wrong{border-color:#ef4444;background:#fee2e2;color:#b91c1c}.bd-keyboard.is-tiles .bd-key{padding:1.6cqmin 0;font-size:5.5cqmin}.bd-key.is-used{opacity:.18}.bd-key.is-wrong-key{border-color:#ef4444;background:#fee2e2;color:#b91c1c}.bd-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.bd-draw{flex-direction:row;align-items:stretch;gap:3cqw}.bd-draw-main{flex:1 1 64%;display:flex;flex-direction:column;gap:2cqh;min-width:0}.bd-draw-card{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:3cqmin;border-radius:3cqmin;background:#fff;box-shadow:0 1cqmin 3cqmin #0f172a1f;cursor:pointer}.bd-draw-picture{flex:1 1 0;width:100%;animation:bd-pop .45s both}.bd-draw-word{display:flex;align-items:center;height:11cqh}.bd-draw-waiting{display:flex;flex-direction:column;align-items:center;gap:3cqh;color:#64748b;font-size:3.6cqmin;text-align:center}.bd-draw-waiting svg{width:16cqmin;height:16cqmin}.bd-draw-side{flex:0 0 30%;display:flex;flex-direction:column;gap:2cqh;min-height:0}.bd-draw-listen{color:#1f2937;font-weight:600}.bd-draw-listen svg{animation:bd-listen 1.4s ease-in-out infinite}.bd-draw-mode{display:flex;gap:.6cqmin;padding:.6cqmin;border-radius:999px;background:#0f172a0f;align-self:flex-start}.bd-draw-mode-btn{display:inline-flex;align-items:center;gap:.8cqmin;padding:1cqmin 2.4cqmin;border:none;border-radius:999px;background:transparent;color:#475569;font:600 2.4cqmin/1 Lexend,sans-serif;cursor:pointer}.bd-draw-mode-btn svg{width:2.8cqmin;height:2.8cqmin}.bd-draw-mode-btn.is-active{background:#fff;color:var(--bd-accent-ink);box-shadow:0 .3cqmin 1cqmin #0f172a1f}.bd-draw-note{font-size:2.3cqmin;color:#64748b;line-height:1.35}.bd-draw-count{font-size:3.4cqmin}.bd-draw-count strong{font-size:6cqmin;color:var(--bd-accent-ink)}.bd-draw-history{flex:1 1 0;display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:1cqmin;min-height:0;overflow-y:auto}.bd-draw-thumb{aspect-ratio:1;padding:.6cqmin;border:.3cqmin solid #E2E8F0;border-radius:1.2cqmin;background:#fff;cursor:pointer}.bd-draw-thumb .bd-picture{width:100%;height:100%}.bd-draw-thumb.is-current{border-color:var(--bd-accent);box-shadow:0 0 0 .4cqmin var(--bd-accent)}.bd-memory{flex-direction:row;align-items:stretch;gap:2.5cqw}.bd-memory-grid{flex:1 1 0;display:grid;gap:1.4cqmin;min-width:0}.bd-memory-card{position:relative;min-height:0;padding:0;border:none;background:transparent;cursor:pointer;perspective:800px}.bd-memory-back,.bd-memory-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:1.8cqmin;backface-visibility:hidden;box-sizing:border-box}.bd-memory-back{background-color:var(--bd-accent);background-image:radial-gradient(rgba(255,255,255,.28) 12%,transparent 13%);background-size:3cqmin 3cqmin;box-shadow:0 .6cqmin 1.4cqmin #0f172a2e}.bd-memory-back svg{width:5cqmin;height:5cqmin;opacity:.9}.bd-memory-face{padding:1cqmin;background:#fff;box-shadow:0 .6cqmin 1.4cqmin #0f172a24;transform:rotateY(180deg)}.bd-memory-face .bd-picture{width:100%;height:100%}.bd-memory-card.is-open .bd-memory-back{transform:rotateY(-180deg)}.bd-memory-card.is-open .bd-memory-face{transform:rotateY(0)}.bd-memory-card.is-open:not(.is-found) .bd-memory-face{animation:bd-flip .35s ease-out both}.bd-memory-card.is-found .bd-memory-face{box-shadow:0 0 0 .6cqmin var(--bd-owner, #10B981)}.bd-memory-text{container-type:size;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.bd-memory-side{flex:0 0 24%;display:flex;flex-direction:column;justify-content:center;gap:2.4cqh}.bd-scores{display:flex;flex-direction:column;gap:1.4cqh}.bd-score{display:flex;align-items:center;gap:1.6cqmin;padding:1cqmin 2cqmin;border:.4cqmin solid transparent;border-radius:2cqmin;background:#fff;font-size:4.4cqmin}.bd-score svg{width:5cqmin;height:5cqmin}.bd-score.is-turn{border-color:#1f2937;animation:bd-pulse 1.6s infinite}.bd-memory-banner{font-size:3.4cqmin;font-weight:600;text-align:center}.bd-team-choice{display:flex;flex-wrap:wrap;gap:1cqmin}.bd-memory-side .bd-btn{justify-content:center;font-size:2.6cqmin}.bd-quiz-prompt{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:1.5cqh;width:100%;min-height:0}.bd-quiz-picture{flex:1 1 0;width:70cqw}.bd-quiz-word{display:flex;align-items:center;height:10cqh}.bd-quiz-count{flex:1 1 0;display:grid;grid-auto-rows:1fr;gap:1cqmin;width:80cqw;min-height:0}.bd-gap{display:inline-block;width:.7em;height:.95em;margin:0 .05em;border-bottom:.12em solid var(--bd-accent);vertical-align:-.1em}.bd-gap.is-filled{width:auto;height:auto;border-bottom-color:#10b981;color:#047857}.bd-quiz-choices{display:flex;justify-content:center;gap:2.5cqw}.bd-choice{display:flex;align-items:center;justify-content:center;min-width:16cqw;height:15cqh;padding:0 2cqw;border:.5cqmin solid #CBD5E1;border-radius:2.4cqmin;background:#fff;box-shadow:0 .6cqmin #0f172a1f;cursor:pointer}.bd-choice--image{width:18cqh;min-width:0;height:18cqh;padding:1cqmin}.bd-choice--image .bd-picture{width:100%;height:100%}.bd-choice.is-right{border-color:#10b981;background:#d1fae5;animation:bd-pop .4s both}.bd-choice.is-wrong{border-color:#ef4444;background:#fee2e2;opacity:.7}.bd-oie{flex-direction:row;align-items:stretch;gap:2cqw}.bd-oie-board{flex:1 1 0;display:grid;gap:1cqmin;min-width:0}.bd-oie-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqmin;min-width:0;min-height:0;padding:.6cqmin;border:.4cqmin solid var(--bd-accent);border-radius:1.6cqmin;background:#fff;box-sizing:border-box;font-size:1.7cqmin;font-weight:600;text-align:center;line-height:1.1}.bd-oie-cell .bd-picture{width:100%;height:100%}.bd-oie-cell>svg{flex-shrink:0;width:4cqmin;height:4cqmin}.bd-oie-word{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.bd-oie-cell--end{background:var(--bd-accent);color:var(--bd-on-accent)}.bd-oie-cell--again{border-color:#d97706;background:#fff3c4;color:#b45309}.bd-oie-cell--skip{border-color:#5c6bc0;background:#e8eaf6;color:#4338ca}.bd-oie-number{position:absolute;top:.4cqmin;left:.7cqmin;font-size:1.6cqmin;font-weight:600;color:#94a3b8}.bd-oie-pawns{position:absolute;right:0;bottom:.4cqmin;left:0;display:flex;justify-content:center;gap:.3cqmin}.bd-oie-pawns .bd-pawn{width:3.4cqmin;height:3.4cqmin;animation:bd-pop .3s both}.bd-oie-side{flex:0 0 22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqh;text-align:center}.bd-oie-turn{display:flex;flex-direction:column;align-items:center;gap:1.4cqh;font-size:3.6cqmin;font-weight:600}.bd-die{width:22cqmin;height:22cqmin;padding:0;border:none;background:transparent;cursor:pointer}.bd-die:disabled{cursor:default}.bd-die-svg{width:100%;height:100%;filter:drop-shadow(0 1cqmin 1.4cqmin rgba(15,23,42,.25))}.bd-die.is-rolling .bd-die-svg{animation:bd-roll .14s linear infinite}.bd-oie-message{min-height:4cqmin;font-size:3cqmin;color:#475569}@container stage (orientation: portrait){.bd-screen{gap:1.6cqh;padding:3cqh 4cqw 7cqh}.board-player .bd-screen{padding:max(3cqh,64px) 4cqw max(3cqh,76px)}.bd-progress{left:50%;bottom:1.6cqh;transform:translate(-50%);font-size:3.4cqmin}.bd-heading{flex-wrap:wrap;font-size:5.2cqmin}.bd-toolbar{gap:2.5cqmin}.bd-btn{gap:1.6cqmin;padding:2.8cqmin 4.4cqmin;border-width:.6cqmin;font-size:4.4cqmin;box-shadow:0 .8cqmin #0f172a1f}.bd-btn svg{width:5.2cqmin;height:5.2cqmin}.bd-chip{padding:1.8cqmin 3cqmin;border-width:.4cqmin;font-size:3.6cqmin}.bd-picture--word span{font-size:4.6cqmin}.bd-message{font-size:5cqmin}.bd-result-card{width:88cqw;padding:4cqmin}.bd-result-picture{height:40cqh}.bd-imagier-text{flex-basis:20cqh}.bd-question{flex-wrap:wrap;justify-content:center;font-size:5.6cqmin}.bd-question svg{width:8cqmin;height:8cqmin}.bd-designer-question{min-height:0;font-size:5.6cqmin}.bd-listen{width:11cqmin;height:11cqmin}.bd-listen svg{width:6.6cqmin;height:6.6cqmin}.bd-grid{gap:2.5cqmin}.bd-tile--empty span{font-size:16cqmin}.bd-curtain-inner{font-size:6cqmin}.bd-cachee{justify-content:center}.bd-cachee-frame{width:90cqw;height:min(60cqh,90cqw)}.bd-sort-label{font-size:3.6cqmin}.bd-sort-label--big,.bd-sort-plus{font-size:5cqmin}.bd-sort-item{width:15cqmin;height:15cqmin}.bd-sort-drop .bd-sort-item{width:13cqmin;height:13cqmin}.bd-sort-tray{min-height:16cqmin}.bd-mystere-picture,.bd-clavier-picture{width:90cqw}.bd-mystere-hidden{width:60cqw}.bd-keyboard{grid-template-columns:repeat(7,1fr);gap:1.4cqmin;width:92cqw}.bd-key{padding:2.4cqmin 0;border-width:.5cqmin;border-radius:2cqmin;font-size:5.6cqmin}.bd-keyboard.is-tiles .bd-key{padding:2.6cqmin 0;font-size:7cqmin}.bd-draw{flex-direction:column;gap:1.6cqh}.bd-draw-main{flex:1 1 0;min-height:0}.bd-draw-word{height:9cqh}.bd-draw-waiting{font-size:4.4cqmin}.bd-draw-side{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2cqh 3cqw}.bd-draw-mode{align-self:center}.bd-draw-mode-btn{padding:1.6cqmin 3cqmin;font-size:3.4cqmin}.bd-draw-mode-btn svg{width:4cqmin;height:4cqmin}.bd-draw-note{flex-basis:100%;font-size:3.2cqmin}.bd-draw-count{font-size:4cqmin}.bd-draw-count strong{font-size:7cqmin}.bd-draw-history{flex:0 0 auto;flex-basis:100%;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:15cqw;gap:1.5cqmin;overflow-x:auto;overflow-y:hidden}.bd-draw-restart{flex-basis:100%;display:flex;justify-content:center}.bd-memory{flex-direction:column;gap:1.6cqh}.bd-memory-grid{gap:1.8cqmin;min-height:0}.bd-memory-side{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2cqh 3cqw}.bd-scores{flex-direction:row;gap:2cqw}.bd-score{font-size:5cqmin}.bd-memory-banner{flex-basis:100%;font-size:4.4cqmin}.bd-team-choice{justify-content:center;gap:1.5cqmin}.bd-memory-side .bd-btn{font-size:3.8cqmin}.bd-quiz-picture,.bd-quiz-count{width:90cqw}.bd-quiz-choices{flex-wrap:wrap;gap:2.5cqmin}.bd-choice{min-width:24cqw;height:11cqh;padding:0 3cqw}.bd-choice--image{width:27cqw;min-width:0;height:27cqw}.bd-oie{flex-direction:column;gap:1.6cqh}.bd-oie-board{min-height:0}.bd-oie-cell{font-size:2.6cqmin}.bd-oie-cell>svg{width:5.5cqmin;height:5.5cqmin}.bd-oie-number{font-size:2.4cqmin}.bd-oie-pawns .bd-pawn{width:4.6cqmin;height:4.6cqmin}.bd-oie-side{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;gap:1.5cqh 4cqw}.bd-oie-turn{font-size:4.4cqmin}.bd-die{width:20cqmin;height:20cqmin}.bd-oie-message{flex-basis:100%;min-height:0;font-size:3.8cqmin;text-align:center}}@keyframes bd-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes bd-fade{0%{opacity:0}to{opacity:1}}@keyframes bd-curtain{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bd-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes bd-shake{0%,to{transform:translate(0)}20%{transform:translate(-1.5cqmin)}40%{transform:translate(1.5cqmin)}60%{transform:translate(-1cqmin)}80%{transform:translate(1cqmin)}}@keyframes bd-fall{to{transform:translate(var(--bd-drift, 0),110cqh) rotate(var(--bd-spin, 360deg))}}@keyframes bd-listen{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bd-pulse{0%,to{box-shadow:0 0 #1f293740}50%{box-shadow:0 0 0 1cqmin #1f293700}}@keyframes bd-roll{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg) scale(1.05)}to{transform:rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.board-stage *,.board-stage *:before,.board-stage *:after{animation-duration:.01s!important;transition-duration:.01s!important}}.word-list-modal .modal-description{margin-bottom:.75rem}.word-list-zone{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;border-radius:var(--radius-md)}.word-list-zone.dragover{outline:2px dashed var(--primary-color);outline-offset:4px}.word-list-zone textarea{width:100%;min-height:140px;max-height:40vh;resize:vertical;padding:.625rem .875rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-primary);font:inherit;font-size:.9375rem;line-height:1.5}.word-list-zone textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.word-list-preview{margin-top:1rem}.word-list-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-bottom:.5rem;font-size:.8125rem;color:var(--text-secondary)}.word-list-total{font-weight:600;color:var(--text-primary)}.word-list-legend{display:inline-flex;align-items:center;gap:.3rem}.word-list-legend:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wl-dot, var(--text-tertiary))}.word-list-chips{display:flex;flex-wrap:wrap;gap:.35rem;max-height:30vh;overflow-y:auto}.word-list-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border:1px solid transparent;border-radius:var(--radius-full);background:var(--layer-2);color:var(--text-primary);font:inherit;font-size:.8125rem;line-height:1.4}.word-list-chip-count{font-size:.75rem;font-weight:600;opacity:.75}.word-list-chip--new,.word-list-legend--new{--wl-dot: var(--success-color)}.word-list-chip--new{background:var(--success-light);border-color:var(--success-color)}.word-list-chip--restore,.word-list-legend--restore{--wl-dot: #a78bfa}.word-list-chip--restore{background:#a855f726;border-color:#a78bfa}.word-list-legend--add{--wl-dot: var(--primary-color)}.word-list-chip--add{border-color:var(--primary-color)}.word-list-chip--in-support,.word-list-chip--exists{color:var(--text-tertiary);border-style:dashed;border-color:var(--border-subtle)}.word-list-chip--toggle{cursor:pointer}.word-list-chip--toggle[aria-pressed=true]{font-weight:600}.word-list-chip--toggle:hover{filter:brightness(1.1)}.word-list-proper-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-tertiary)}.liste-preview{width:100%;max-width:880px;padding:1.5rem 1.5rem 0;box-sizing:border-box}.liste-preview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 1.5rem;border:1px dashed var(--border-color);border-radius:var(--radius-xl);background:var(--bg-secondary)}.liste-preview-text{flex:1 1 280px;min-width:0}.liste-preview-title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.liste-preview-lead{margin:0;font-size:.875rem;line-height:1.45;color:var(--text-secondary)}.liste-preview-cta{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;padding:.625rem 1rem;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:var(--primary-text);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.liste-preview-cta:hover{background:var(--primary-hover)}.liste-preview-cta svg{width:18px;height:18px}.liste-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.75rem;margin-top:1.25rem}.liste-tile{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .5rem .5rem;border-radius:var(--radius-lg);background:#fff;color:#1f2937;min-width:0}.liste-tile-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.liste-tile-image img{max-width:100%;max-height:100%;object-fit:contain}.liste-tile-noimage{width:70%;height:70%;border:1.5px dashed #CBD5E1;border-radius:var(--radius-md)}.liste-tile-word{max-width:100%;font-size:.875rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liste-preview-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;color:var(--text-tertiary);font-size:.875rem}.liste-preview-empty svg{width:36px;height:36px;opacity:.5}.word-themes-start,.words-list-tool,.liste-preview-tool{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.word-themes-start:hover,.words-list-tool:hover,.liste-preview-tool:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.word-themes-start:focus-visible,.words-list-tool:focus-visible,.liste-preview-tool:focus-visible,.word-theme:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.word-themes-start svg,.words-list-tool svg,.liste-preview-tool svg{width:15px;height:15px}.liste-preview-empty .word-themes-start{margin-top:.5rem}.words-list-tools{display:flex;gap:.375rem;padding:.25rem .25rem .5rem}.words-list-tools--empty{justify-content:center;padding-top:.75rem}.words-list-tool{flex:1;justify-content:center}.liste-preview-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.liste-preview-tools+.liste-preview-grid{margin-top:.75rem}.word-themes-modal{max-width:920px}.word-themes-modal .modal-description{margin-bottom:.75rem}.word-themes-search{position:relative;margin-bottom:1rem}.word-themes-search svg{position:absolute;left:.75rem;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.word-themes-search input{width:100%;box-sizing:border-box;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--layer-2);color:var(--text-primary);font:inherit;font-size:.875rem}.word-themes-search input:focus{outline:none;border-color:var(--primary-color)}.word-themes-group+.word-themes-group{margin-top:1.25rem}.word-themes-group-name{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.word-themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.word-theme{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem .5rem;background:var(--layer-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font:inherit;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.word-theme:hover{background:var(--layer-3);border-color:var(--primary-color);transform:translateY(-1px)}.word-theme-pictos{display:flex;gap:.2rem}.word-theme-pictos img{width:30px;height:30px;object-fit:contain;border-radius:4px;background:#fff}.word-theme-name{font-size:.8125rem;font-weight:600;line-height:1.2}.word-theme-count{font-size:.6875rem;color:var(--text-tertiary)}.word-themes-none{margin:1rem 0;color:var(--text-tertiary);font-size:.875rem;text-align:center}@media(max-width:600px){.liste-preview{padding:1rem 1rem 0}.liste-preview-head{padding:1rem}.liste-preview-cta{width:100%;justify-content:center}.liste-preview-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem}}