.recovery-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;pointer-events:auto}.recovery-overlay.hidden{display:none}.recovery-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.recovery-message{margin:0;font-size:var(--text-base);color:var(--text-primary)}.context-lost-modal{position:fixed;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center}.context-lost-modal.hidden{display:none}.context-lost-backdrop{position:absolute;inset:0;background:#000c}.context-lost-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-md);max-width:360px;text-align:center;box-shadow:var(--shadow-lg)}.context-lost-content h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.context-lost-content p{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-sm);color:var(--text-secondary)}.context-lost-content .btn{min-width:140px}:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-hover: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #919191;--text-disabled: #555555;--border-color: #404040;--border-light: #333333;--accent-primary: #4a9eff;--accent-hover: #6eb0ff;--accent-active: #2d7fd9;--danger: #ff4757;--success: #2ed573;--warning: #ffa502;--slider-track: #404040;--slider-fill: #4a9eff;--slider-thumb: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--header-height: 56px;--sidebar-width: 320px;--panel-buttons-width-compact: 56px;--panel-buttons-width-expanded: 180px;--panel-settings-width: 320px;--ad-bottom-height: 90px;--space-1: var(--spacing-xs);--space-2: var(--spacing-sm);--space-3: .75rem;--space-4: var(--spacing-md);--space-5: 1.25rem;--space-6: var(--spacing-lg);--space-7: 1.75rem;--space-8: var(--spacing-xl);--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--duration-fast: var(--transition-fast);--duration-normal: var(--transition-normal);--duration-slow: .4s;--radius-full: 9999px;--radius-xs: 2px}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e8e8e8;--bg-hover: #d4d4d4;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #6b6b6b;--text-disabled: #aaaaaa;--border-color: #d4d4d4;--border-light: #e8e8e8;--slider-track: #d4d4d4;--slider-thumb: #808080;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){background-color:var(--bg-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary,.btn-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn--small,.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn--full,.btn-full{width:100%}.btn--icon,.btn-icon{padding:var(--spacing-sm);min-width:40px}.is-hidden,.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--accent-primary);color:#fff}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;font-size:14px;color:var(--text-primary);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:4000}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-info{border-left:4px solid var(--accent-primary)}.error-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--danger);border-left:4px solid var(--danger);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;font-size:14px;color:var(--text-primary);opacity:0;transform:translate(20px);transition:opacity .3s ease,transform .3s ease;z-index:4000;max-width:400px}.error-toast.visible{opacity:1;transform:translate(0)}.error-toast-message{flex:1}.error-toast-copy{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.error-toast-copy:hover{color:var(--text-primary)}.error-toast-copy .material-icons{font-size:18px}.error-toast-actions{display:flex;gap:8px;margin-left:8px;flex-shrink:0}.error-toast-action{padding:4px 12px;font-size:12px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s,border-color .2s;white-space:nowrap}.error-toast-action:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.error-toast-action:focus{outline:2px solid var(--accent-primary);outline-offset:1px}.error-toast-action:first-child{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.error-toast-action:first-child:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.material-icons{visibility:hidden}.fonts-loaded .material-icons{visibility:visible}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal__backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.modal__content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;min-width:400px;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal__header h3{margin:0;font-size:1rem;font-weight:600}.modal__body{padding:var(--spacing-md);overflow-y:auto;flex:1;min-height:0}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal__close{background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.modal__close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn--danger,.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:#e5342b;border-color:#e5342b}.btn--primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn--icon{padding:var(--spacing-sm);min-width:40px}.is-hidden{display:none!important}.is-visible{display:block!important}.is-active{background-color:var(--accent-primary);color:#fff}.is-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.processing-spinner,.btn.loading:after{animation-duration:2s!important;animation-iteration-count:infinite!important}}.toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-left .btn{height:36px}.toolbar-left .btn-icon{width:36px}.toolbar-left .logo{margin-right:var(--spacing-sm)}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-right .btn{height:36px}.toolbar-right .btn-icon{width:36px}.logo{font-size:18px;font-weight:600;color:var(--text-primary)}.logo-link{color:inherit;text-decoration:none;outline-offset:2px}.logo-link:focus{outline:2px solid var(--accent-primary);border-radius:var(--radius-xs)}.logo-link:hover{opacity:.8}#theme-toggle{position:relative}#theme-toggle .icon-sun,#theme-toggle .icon-moon{font-size:18px}[data-theme=dark] #theme-toggle .icon-sun{display:none}[data-theme=dark] #theme-toggle .icon-moon,[data-theme=light] #theme-toggle .icon-sun{display:inline}[data-theme=light] #theme-toggle .icon-moon{display:none}.dropdown{position:relative}.dropdown-arrow{font-size:10px;margin-left:var(--spacing-xs)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:180px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:100}.dropdown:hover .dropdown-menu,.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--text-base);color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-menu button:hover:not(:disabled){background-color:var(--bg-hover)}.dropdown-menu button:disabled{color:var(--text-disabled);cursor:not-allowed}.dropdown-section{padding:var(--spacing-xs) var(--spacing-md);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.dropdown-menu hr{margin:var(--spacing-xs) 0;border:none;border-top:1px solid var(--border-color)}.dropdown-menu button:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-menu button:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.dropdown-menu hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-xs) 0}.editor-main{display:flex;flex:1;height:100%;overflow:hidden}.canvas-container{flex:1;display:flex;flex-direction:column;position:relative;background-color:var(--bg-primary);overflow:hidden}.dropzone{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-normal)}.dropzone:hover,.dropzone.drag-over{background-color:var(--bg-tertiary)}.dropzone.drag-over{border:3px dashed var(--accent-primary)}.dropzone-content{text-align:center;padding:var(--spacing-xl)}.dropzone-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.dropzone h2{font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.dropzone p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.dropzone-formats{font-size:12px;color:var(--text-muted)}.canvas-content-area:has(.canvas-loading:not(.hidden)) .dropzone-content{visibility:hidden}.canvas-wrapper{flex:1;position:relative;overflow:hidden;cursor:grab;touch-action:none;-webkit-touch-callout:none}.canvas-wrapper:active{cursor:grabbing}.canvas-wrapper canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000b3;z-index:50}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin-top:var(--spacing-md);color:var(--text-secondary)}.canvas-content-area{flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.canvas-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;z-index:40;pointer-events:auto}.canvas-loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.canvas-loading p{color:var(--text-primary);font-size:14px;margin:0}.canvas-progress-ring{width:56px;height:56px}.canvas-progress-ring.hidden{display:none}.canvas-loading-content:has(.canvas-progress-ring:not(.hidden)) .spinner{display:none}.canvas-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.canvas-progress-ring .progress-bg{fill:none;stroke:#fff3;stroke-width:3}.canvas-progress-ring .progress-fill{fill:none;stroke:var(--accent-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:125.66;transition:stroke-dashoffset .1s ease-out}.histogram-container{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs)}.histogram-container canvas{display:block}#zoom-level{min-width:50px;text-align:right;color:var(--text-secondary);font-size:13px}.processing-indicator{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background-color:#000000d9;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);z-index:40;min-width:150px;transition:opacity var(--transition-fast)}.processing-indicator.hidden{display:none}.processing-indicator.flash{animation:flash-indicator .15s ease-out}@keyframes flash-indicator{0%{opacity:1}to{opacity:0}}.processing-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.processing-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.processing-text{color:var(--text-secondary);font-size:12px;margin:0}.processing-bar-container{width:100%;height:3px;background-color:var(--slider-track);border-radius:2px;overflow:hidden}.processing-bar{height:100%;background-color:var(--accent-primary);border-radius:2px;width:0%;transition:width .1s ease-out}.processing-cancel{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.processing-cancel:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.processing-cancel.hidden{display:none}.processing-cancel.cancelling{opacity:.6;cursor:not-allowed}.processing-cancel.cancelling:hover{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.processing-indicator.indeterminate .processing-bar-container{display:none}.processing-indicator.indeterminate .processing-spinner{width:28px;height:28px}.memory-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);height:36px;box-sizing:border-box}.memory-indicator.hidden{display:none}.memory-icon{font-weight:600;color:var(--text-muted)}.memory-value{font-variant-numeric:tabular-nums;min-width:50px}.session-only-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:#eab308;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:4px;cursor:help}.session-only-indicator.hidden{display:none}.session-only-icon{font-size:16px}.session-only-label{white-space:nowrap}@keyframes session-only-pulse{0%,to{opacity:1}50%{opacity:.7}}.session-only-indicator.animate-in{animation:session-only-pulse 1s ease-in-out 3}.decode-progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;pointer-events:none;z-index:10}.decode-progress-ring.hidden{display:none}.decode-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.decode-progress-ring .progress-bg{fill:none;stroke:#fff3;stroke-width:3}.decode-progress-ring .progress-fill{fill:none;stroke:var(--accent-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:100.53;transition:stroke-dashoffset .1s ease-out}.filmstrip-thumb.decoding{opacity:.7}.filmstrip-thumb.decoding img{filter:brightness(.8)}.panel-buttons{display:flex;flex-direction:column;width:var(--panel-buttons-width-expanded);height:100%;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;transition:width var(--transition-normal)}.panel-buttons.no-transition{transition:none}html[data-sidebar-compact=true] .panel-buttons.no-transition{width:var(--panel-buttons-width-compact)}html[data-sidebar-compact=true] .panel-buttons.no-transition .panel-btn-label{display:none}html[data-sidebar-compact=true] .panel-buttons.no-transition .panel-btn{justify-content:center;padding:var(--spacing-sm)}html[data-sidebar-compact=true] .panel-buttons.no-transition .toggle-icon{transform:rotate(180deg)}.panel-buttons[data-expanded=false]{width:var(--panel-buttons-width-compact)}.panel-buttons>nav{flex:1;display:flex;flex-direction:column;min-height:0}.panel-buttons-list{flex:1;display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-xs);overflow-y:auto}.panel-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden}.panel-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.panel-btn.active{background-color:var(--accent-primary);color:#fff}.panel-btn-icon{width:18px;height:18px;min-width:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.panel-btn-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.panel-btn-label{font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.panel-buttons[data-expanded=false] .panel-btn-label{display:none}.panel-buttons[data-expanded=false] .panel-btn{justify-content:center;padding:var(--spacing-sm)}.panel-buttons-toggle{display:flex;align-items:center;justify-content:center;min-height:50px;background-color:var(--bg-tertiary);border:none;border-top:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.panel-buttons-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toggle-icon{font-size:var(--text-base);transition:transform var(--transition-normal)}.panel-buttons[data-expanded=false] .toggle-icon{transform:rotate(180deg)}.panel-settings{width:var(--panel-settings-width);height:100%;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.panel-settings-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.panel-settings-scroll::-webkit-scrollbar{display:none}.panel-settings-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.panel-settings-footer .btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.btn-reset-panel{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-reset-panel:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-reset-panel:disabled{opacity:.5;cursor:not-allowed}.panel{overflow:hidden}.panel-settings .panel{display:none}.panel-settings .panel.active{display:block}.panel-settings .panel.active[data-panel=local]{height:100%;display:flex;flex-direction:column}.panel-settings .panel.active[data-panel=local] .panel-content{flex:1;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);user-select:none;border-bottom:1px solid var(--border-color)}.panel-header h3{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.panel-tool-btn{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);padding:4px 6px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.panel-tool-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.panel-tool-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.panel-settings .panel-toggle{display:none}.panel-toggle{background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;padding:var(--spacing-xs);transition:transform var(--transition-fast)}.panel.collapsed .panel-toggle{transform:rotate(-90deg)}.panel-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.panel.collapsed .panel-content{display:none}.panel-settings .panel.active .panel-content{display:block}.preset-dropdown{width:100%;padding:var(--spacing-sm);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--spacing-sm)}.preset-dropdown:focus{outline:none;border-color:var(--accent-primary)}.preset-buttons{display:flex;gap:var(--spacing-sm)}.preset-buttons .btn{flex:1}.geometry-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.geometry-buttons .btn{flex:1;font-size:18px}.info-panel{padding:var(--spacing-sm)}.info-section{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--border-light)}.info-section:last-child{margin-bottom:0}.info-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xs);font-size:var(--text-sm);border-radius:var(--radius-xs);transition:background-color .15s ease}.info-row:hover{background:var(--bg-tertiary)}.info-row.hidden{display:none}.info-label{color:var(--text-secondary);flex-shrink:0;margin-right:var(--spacing-sm)}.info-value{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-word;max-width:180px}.crop-controls{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:1000;box-shadow:0 4px 12px #0000004d}.crop-toolbar{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.crop-aspect-group{display:flex;align-items:center;gap:var(--spacing-sm)}.crop-aspect-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.crop-aspect-group select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;min-width:80px}.crop-aspect-group select:focus{outline:none;border-color:var(--accent-primary)}.btn-icon{padding:var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-icon svg{width:16px;height:16px}.btn-icon.active .lock-open{display:none}.btn-icon.active .lock-closed{display:block!important}.crop-straighten-group{display:flex;align-items:center;gap:var(--spacing-sm)}.crop-straighten-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.crop-straighten-group input[type=range]{width:120px;height:4px;-webkit-appearance:none;background:var(--bg-tertiary);border-radius:2px;cursor:pointer}.crop-straighten-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer}.crop-straighten-group input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none}#crop-straighten-value{font-size:var(--text-sm);color:var(--text-primary);font-family:monospace;min-width:45px;text-align:right}.crop-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}#crop-angle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.control-group{margin-bottom:var(--spacing-sm)}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--slider-track);border-radius:3px;cursor:pointer;margin-bottom:var(--spacing-xs)}input[type=range]:focus{outline:none}input[type=range]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--slider-thumb);border-radius:50%;cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--slider-thumb);border:none;border-radius:50%;cursor:grab;box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--slider-track);border-radius:3px}.control-value{width:60px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:right}.control-value:focus{outline:none;border-color:var(--accent-primary)}.control-value::-webkit-outer-spin-button,.control-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.control-value[type=number]{-moz-appearance:textfield}.control-group{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--spacing-xs) var(--spacing-sm);align-items:center}.control-group label{grid-column:1 / -1;margin-bottom:0}.control-group input[type=range]{grid-column:1;margin-bottom:0}.control-group .control-value{grid-column:2;grid-row:2}.slider--temperature{background:linear-gradient(to right,#5b9bd5,#fff,#f4a460)}.slider--tint{background:linear-gradient(to right,#98d98e,#fff,#d98ed9)}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all var(--transition-fast)}input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none;border-color:var(--accent-primary)}select{-webkit-appearance: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 12 12'%3E%3Cpath fill='%23808080' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.control-group.disabled,.panel-settings.disabled,.panel-buttons.disabled{opacity:.5;pointer-events:none}.control-group:hover label{color:var(--text-primary)}.crop-overlay{position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:10}.crop-overlay.active{pointer-events:auto;cursor:crosshair}.crop-controls{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20}.crop-controls.hidden{display:none}.btn.active{background-color:var(--accent-primary);color:#fff}.tone-curve-container{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.tone-curve-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.curve-tab{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.curve-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.curve-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.curve-tab[data-channel=r].active{background:#ff6b6b;border-color:#ff6b6b}.curve-tab[data-channel=g].active{background:#69db7c;border-color:#69db7c;color:#1a1a1a}.curve-tab[data-channel=b].active{background:#74c0fc;border-color:#74c0fc}.tone-curve__canvas{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);cursor:crosshair}.tone-curve-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.hsl-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.hsl-tab{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.hsl-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.hsl-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.hsl-tab-content{display:none}.hsl-tab-content.active{display:block}.hsl-control{margin-bottom:var(--spacing-sm)}.hsl-control label{font-size:var(--text-xs)}input[type=range].hsl-slider-red{background:linear-gradient(to right,#c66,red,#f66)}input[type=range].hsl-slider-orange{background:linear-gradient(to right,#cc8533,#ff8c00,#fa4)}input[type=range].hsl-slider-yellow{background:linear-gradient(to right,#ca0,#fd0,#fe6)}input[type=range].hsl-slider-green{background:linear-gradient(to right,#393,#0c0,#6d6)}input[type=range].hsl-slider-aqua{background:linear-gradient(to right,#399,#0cc,#6dd)}input[type=range].hsl-slider-blue{background:linear-gradient(to right,#46a,#36f,#69f)}input[type=range].hsl-slider-purple{background:linear-gradient(to right,#74a,#93f,#b7f)}input[type=range].hsl-slider-magenta{background:linear-gradient(to right,#a48,#f0a,#f6c)}.hsl__reset{margin-top:var(--spacing-md)}.btn-full{width:100%}.btn-accent{background-color:var(--accent-primary);color:#fff;font-weight:500}.btn-accent:hover:not(:disabled){background-color:var(--accent-hover)}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.cg-wheels{display:flex;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.cg-wheel-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.cg-wheel-container canvas{cursor:crosshair;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a}.cg-wheel-container canvas:hover{box-shadow:inset 0 0 0 1px #ffffff4d}.cg-wheel-label{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.focus-peaking-container{position:relative;display:inline-block}.focus-peaking-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:220px;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100}.focus-peaking-popup:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-primary);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.popup-header span{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.popup-row{margin-bottom:var(--spacing-md)}.popup-row:last-child{margin-bottom:0}.popup-row label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.popup-row input[type=range]{width:calc(100% - 35px);display:inline-block;vertical-align:middle}.popup-row span#focus-peaking-sensitivity-value{display:inline-block;width:28px;text-align:right;font-size:var(--text-xs);color:var(--text-secondary);vertical-align:middle;margin-left:var(--spacing-xs)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:22px;transition:all var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background-color:#fff}.color-options{display:flex;gap:var(--spacing-xs)}.color-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);box-shadow:inset 0 0 0 1px #0003}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),inset 0 0 0 1px #0003}.lut-controls{margin-bottom:var(--spacing-md)}.lut-list{max-height:200px;overflow-y:auto;margin-bottom:var(--spacing-md)}.lut-list-empty{text-align:center;padding:var(--spacing-md);color:var(--text-secondary);font-size:var(--text-sm);font-style:italic}.lut-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.lut-item:hover{background:var(--bg-hover)}.lut-item.active{background:var(--accent-primary);color:#fff}.lut-name{flex:1;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lut-size{font-size:.625rem;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.lut-item.active .lut-size{background:#fff3;color:#fffc}.lut-remove-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:inherit;font-size:16px;cursor:pointer;opacity:.5;transition:opacity var(--transition-fast)}.lut-remove-btn:hover{opacity:1}.lut-settings{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.lut-settings.hidden{display:none}.effect-section{margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.effect-section:last-child{margin-bottom:0}.effect-section summary{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.effect-section summary::-webkit-details-marker{display:none}.effect-section summary:before{content:"";display:inline-block;width:0;height:0;margin-right:var(--spacing-sm);border-left:5px solid var(--text-secondary);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform var(--transition-fast)}.effect-section[open] summary:before{transform:rotate(90deg)}.effect-section summary:hover{background-color:var(--bg-secondary)}.effect-section>*:not(summary){padding:var(--spacing-xs) var(--spacing-md)}.effect-section>.sub-control{padding-top:0;padding-bottom:0}.effect-section>.sub-control:last-child{margin-bottom:var(--spacing-sm)}.sub-control{margin-left:var(--spacing-md);padding-left:var(--spacing-sm);border-left:2px solid var(--border-color);margin-bottom:var(--spacing-xs)}.control-group:has(+.sub-control){margin-bottom:var(--spacing-xs)}.panel-divider{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1000}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1001}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}[data-tooltip]:hover:after,[data-tooltip]:hover:before{transition-delay:.3s}.control-group label[data-tooltip]:after{left:0;transform:none;max-width:200px;white-space:normal}.control-group label[data-tooltip]:before{left:20px;transform:none}.toolbar-actions [data-tooltip]:after{bottom:auto;top:calc(100% + 8px)}.toolbar-actions [data-tooltip]:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:var(--border-color)}.panel-settings [data-tooltip]:after{left:auto;right:0;transform:none}.panel-settings [data-tooltip]:before{left:auto;right:20px;transform:none}.filmstrip-area{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.filmstrip-area.hidden{display:none}.utility-bar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 var(--spacing-sm);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm)}.utility-bar-left,.utility-bar-center,.utility-bar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.utility-bar-left{flex:1;justify-content:flex-start}.utility-bar-center{flex:0 0 auto}.utility-bar-right{flex:1;justify-content:flex-end}#render-fullres{position:relative;overflow:hidden;background-color:#4285f44d;border-color:#4285f499;color:var(--text-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast)}#render-fullres:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--progress, 0%);background-color:#ffffff26;transition:width .1s ease-out;pointer-events:none}#render-fullres:hover:not(:disabled){background-color:#4285f480;border-color:#4285f4cc}#render-fullres:disabled{opacity:.4;cursor:not-allowed}#render-fullres.rendering{background-color:#4285f466;border-color:#4285f4b3}.fullres-badge{position:absolute;top:12px;right:12px;padding:4px 8px;background:#0009;backdrop-filter:blur(4px);color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-sm);z-index:50;pointer-events:none;opacity:.8}.fullres-badge.hidden{display:none}.fullres-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--text-secondary)}.fullres-status.hidden{display:none}.full-res-cancel{margin-left:var(--spacing-xs);padding:2px 6px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.full-res-cancel:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.full-res-cancel.hidden{display:none}#preview-window-btn{min-width:28px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}#preview-window-btn.active{background-color:var(--accent-primary);color:#fff}#preview-window-btn svg{flex-shrink:0}#zoom-level{min-width:45px;text-align:center;font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}#filmstrip-toggle{padding:4px 8px}#filmstrip-toggle .filmstrip-icon{display:inline-block;transition:transform var(--transition-fast);font-size:.625rem}#filmstrip-toggle.collapsed .filmstrip-icon{transform:rotate(180deg)}#filmstrip-toggle:disabled{opacity:.4;cursor:not-allowed}.filmstrip{height:80px;overflow:hidden;transition:height var(--transition-normal)}.filmstrip.collapsed{height:0}.filmstrip-scroll{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;height:100%;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}.filmstrip-scroll::-webkit-scrollbar{height:6px}.filmstrip-scroll::-webkit-scrollbar-track{background:var(--bg-secondary)}.filmstrip-scroll::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.filmstrip-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.filmstrip-thumb{flex-shrink:0;width:100px;height:68px;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;background-color:var(--bg-primary);transition:border-color var(--transition-fast),transform var(--transition-fast)}.filmstrip-thumb:hover{border-color:var(--border-color)}.filmstrip-thumb:focus{outline:none;border-color:var(--accent-secondary)}.filmstrip-thumb.selected{border-color:var(--accent-primary)}.filmstrip-thumb.multi-selected{border-color:var(--accent-secondary);background-color:rgba(var(--accent-secondary-rgb, 100, 149, 237),.15)}.filmstrip-thumb.multi-selected:after{content:"";position:absolute;top:4px;left:4px;width:14px;height:14px;background:var(--accent-secondary);border-radius:3px;display:flex;align-items:center;justify-content:center}.filmstrip-thumb.multi-selected:before{content:"✓";position:absolute;top:4px;left:4px;width:14px;height:14px;font-size:.625rem;color:#fff;z-index:1;display:flex;align-items:center;justify-content:center}.filmstrip-thumb:active{transform:scale(.98)}.filmstrip-thumb img{width:100%;height:100%;object-fit:contain;background-color:var(--bg-primary);pointer-events:none}.filmstrip-thumb .edit-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;box-shadow:0 1px 2px #0000004d}.filmstrip-thumb .thumb-filename{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-size:.5625rem;background:linear-gradient(transparent,#000c);color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}.filmstrip-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:var(--text-sm)}.filmstrip-empty-state{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:var(--text-sm);user-select:none}.filmstrip-scroll:has(.filmstrip-thumb) .filmstrip-empty-state{display:none}.focus-peaking-container{position:relative}.focus-peaking-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:200px;box-shadow:0 4px 12px #0000004d;z-index:100}.focus-peaking-popup.hidden{display:none}.focus-peaking-popup .popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.focus-peaking-popup .popup-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.focus-peaking-popup .popup-row label{flex:0 0 70px;font-size:var(--text-sm);color:var(--text-secondary)}.focus-peaking-popup .popup-row input[type=range]{flex:1}.focus-peaking-popup .popup-row span{flex:0 0 30px;text-align:right;font-size:var(--text-sm);color:var(--text-secondary)}.focus-peaking-popup .color-options{display:flex;gap:4px}.focus-peaking-popup .color-btn{width:20px;height:20px;border:2px solid transparent;border-radius:4px;cursor:pointer;padding:0}.focus-peaking-popup .color-btn:hover{border-color:var(--text-secondary)}.focus-peaking-popup .color-btn.active{border-color:var(--accent-primary)}.histogram-container{position:absolute;bottom:12px;left:12px;z-index:50;background:#202020eb;backdrop-filter:blur(8px);border:none;border-radius:var(--radius-md);box-shadow:0 2px 12px #00000080;overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-fast)}.histogram-container:hover{box-shadow:0 4px 24px #00000080}.histogram-container.expanded{cursor:default}.histogram-container canvas{display:block;position:static;top:auto;left:auto;transform:none}.histogram-clipping-indicators{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;z-index:2;pointer-events:auto}.clipping-indicator{width:14px;height:14px;padding:0;border:none;background:transparent;opacity:.25;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.clipping-indicator:hover{transform:scale(1.15)}.clipping-indicator svg{width:100%;height:100%;fill:currentColor}.clipping-indicator.shadow-clip{color:#007aff}.clipping-indicator.highlight-clip{color:#ff3b30}.clipping-indicator.active{opacity:1}.histogram-container.expanded .clipping-indicator{width:18px;height:18px}.histogram-channel-toggles{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;gap:2px;z-index:3;opacity:0;transition:opacity .15s ease}.histogram-container:hover .histogram-channel-toggles{opacity:1}.channel-toggle{width:16px;height:16px;padding:0;border:none;border-radius:3px;font-size:.5625rem;font-weight:700;cursor:pointer;opacity:.4;transition:opacity .1s ease}.channel-toggle.active{opacity:1}.channel-toggle[data-channel=r]{background:#ff3b30;color:#fff}.channel-toggle[data-channel=g]{background:#34c759;color:#fff}.channel-toggle[data-channel=b]{background:#007aff;color:#fff}.channel-toggle[data-channel=l]{background:#8e8e93;color:#fff}.histogram-container.expanded .channel-toggle{width:20px;height:20px;font-size:.625rem}.filmstrip-context-menu{position:fixed;z-index:1000;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;padding:4px 0;overflow:hidden}.filmstrip-context-menu.hidden{display:none}.filmstrip-context-menu button{display:block;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.filmstrip-context-menu button:hover:not(:disabled){background-color:var(--bg-tertiary)}.filmstrip-context-menu button:disabled{opacity:.4;cursor:not-allowed}.filmstrip-context-menu button.danger{color:#f44}.filmstrip-context-menu button.danger:hover{background-color:#ff444426}.context-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.batch-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.batch-modal.hidden{display:none}.batch-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.batch-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;min-width:400px;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.batch-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.batch-modal-header h3{margin:0;font-size:16px;font-weight:600}.batch-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.batch-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.batch-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1;min-height:0}.batch-modal-description{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:.8125rem}.batch-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.batch-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.batch-option:hover{background:var(--bg-primary)}.batch-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.batch-option span{font-size:.8125rem}.batch-options-presets{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.batch-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.batch-progress{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px)}.batch-progress.hidden{display:none}.batch-progress-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);min-width:300px;text-align:center}.batch-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-sm)}.batch-progress-fill{height:100%;background:var(--accent-primary);border-radius:4px;transition:width .1s ease-out}.batch-progress-text{color:var(--text-secondary);font-size:.8125rem}.batch-progress-cancel{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.batch-progress-cancel:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.batch-progress-cancel.hidden{display:none}.batch-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;font-size:var(--text-base);color:var(--text-primary);opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:4000}.batch-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.batch-toast-success{border-left:4px solid #34c759}.batch-toast-error{border-left:4px solid #ff3b30}.batch-toast-info{border-left:4px solid var(--accent-primary)}.export-options-modal{min-width:380px;max-width:420px}.export-section{margin-bottom:var(--spacing-md)}.export-section:last-child{margin-bottom:0}.export-section-label{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.export-format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.export-format-option{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.export-format-option:hover{background:var(--bg-primary)}.export-format-option:has(input:checked){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.export-format-option input[type=radio]{display:none}.export-format-option span{font-size:var(--text-sm);font-weight:500}.export-resolution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.export-resolution-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.export-resolution-option:hover{background:var(--bg-primary)}.export-resolution-option:has(input:checked){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.export-resolution-option input[type=radio]{display:none}.export-resolution-label{font-size:var(--text-sm);font-weight:500}.export-custom-size{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.export-custom-mode{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.export-custom-mode-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.export-custom-mode-option:hover{background:var(--bg-primary)}.export-custom-mode-option:has(input:checked){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.export-custom-mode-option input[type=radio]{display:none}.export-custom-inputs{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.export-custom-input-group{display:flex;flex-direction:column;gap:4px;flex:1}.export-custom-input-group label{font-size:var(--text-xs);color:var(--text-tertiary)}.export-custom-input-group input[type=number]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem}.export-custom-input-group input[type=number]:focus{outline:none;border-color:var(--accent-primary)}.export-aspect-lock{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.export-aspect-lock:hover{background:var(--bg-primary);color:var(--text-primary)}.export-aspect-lock.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.export-percentage-presets{display:flex;gap:var(--spacing-xs)}.export-percentage-presets .btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}.export-size-preview{padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-secondary);text-align:center;margin-top:var(--spacing-md)}.export-size-value{font-weight:600;color:var(--text-primary)}.export-quality-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.export-quality-section .export-section{margin-bottom:0}.export-quality-slider{width:100%;margin-top:var(--spacing-xs)}.export-quality-value{font-weight:600;color:var(--text-primary)}.watermark-section{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.watermark-section summary{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.8125rem;font-weight:500;background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.watermark-section summary:hover{background:var(--bg-primary)}.watermark-section[open] summary{border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:1px solid var(--border-color)}.watermark-status{font-size:var(--text-xs);padding:2px 8px;border-radius:10px;background:var(--bg-secondary);color:var(--text-tertiary)}.watermark-status.watermark-status-on{background:var(--accent-primary);color:#fff}.watermark-section-content{padding:var(--spacing-md)}.watermark-enable-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.watermark-enable-row label{font-size:.8125rem;font-weight:500}.watermark-enable-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.watermark-type-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.watermark-type-tab{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.watermark-type-tab:hover{background:var(--bg-primary)}.watermark-type-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.watermark-panel{margin-bottom:var(--spacing-md)}.watermark-panel.hidden{display:none}.watermark-input-group{margin-bottom:var(--spacing-sm)}.watermark-input-group label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:4px}.watermark-input-group input[type=text],.watermark-input-group select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem}.watermark-input-group input[type=text]:focus,.watermark-input-group select:focus{outline:none;border-color:var(--accent-primary)}.watermark-input-group input[type=range]{width:100%}.watermark-input-group input[type=color]{width:100%;height:32px;padding:2px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.watermark-input-row{display:flex;gap:var(--spacing-sm)}.watermark-input-half{flex:1}.watermark-upload-area{margin-bottom:var(--spacing-sm)}.watermark-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.watermark-upload-placeholder:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.watermark-upload-placeholder.hidden{display:none}.watermark-upload-icon{font-size:24px;color:var(--text-tertiary)}.watermark-upload-placeholder span{font-size:var(--text-sm);color:var(--text-tertiary)}.watermark-upload-preview{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.watermark-upload-preview.hidden{display:none}.watermark-preview-img{max-width:100%;max-height:80px;object-fit:contain}.watermark-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;font-size:var(--text-base);line-height:1;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.watermark-remove-btn:hover{background:#ff3b30;border-color:#ff3b30;color:#fff}.watermark-position-section{margin-bottom:var(--spacing-md)}.watermark-position-section>label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.watermark-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:fit-content}.watermark-position-btn{width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all var(--transition-fast)}.watermark-position-btn:after{content:"";position:absolute;width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.watermark-position-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.watermark-position-btn.active{background:var(--accent-primary);border-color:var(--accent-primary)}.watermark-position-btn.active:after{background:#fff}.compare-container{position:absolute;inset:0;z-index:10;overflow:hidden;cursor:grab}.compare-container.hidden{display:none}.compare-pane{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none}.compare-pane canvas{position:absolute;top:50%;left:50%;transform-origin:center center;image-rendering:auto;pointer-events:none}.compare-before{z-index:2;clip-path:inset(0 50% 0 0)}.compare-after{z-index:1}.compare-label{position:absolute;top:12px;padding:4px 12px;background:#000000b3;color:var(--text-primary);font-size:12px;font-weight:500;border-radius:4px;z-index:5;pointer-events:none;opacity:1;transition:opacity .3s ease}.compare-before .compare-label{left:12px}.compare-after .compare-label{right:12px}.compare-container:not(:hover) .compare-label{opacity:.6}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:var(--accent-primary);cursor:col-resize;z-index:20;transition:background .15s ease}.compare-divider:before{content:"";position:absolute;inset:0 -15px;cursor:col-resize}.compare-divider:hover,.compare-divider.dragging{background:var(--accent-secondary)}.compare-divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease;box-shadow:0 2px 8px #0000004d}.compare-divider:hover .compare-divider-handle,.compare-divider.dragging .compare-divider-handle{background:var(--accent-secondary);transform:translate(-50%,-50%) scale(1.1)}.compare-divider-handle:before,.compare-divider-handle:after{content:"";position:absolute;width:0;height:0;border-style:solid}.compare-divider-handle:before{left:6px;border-width:5px 6px 5px 0;border-color:transparent rgba(255,255,255,.8) transparent transparent}.compare-divider-handle:after{right:6px;border-width:5px 0 5px 6px;border-color:transparent transparent transparent rgba(255,255,255,.8)}.canvas-wrapper.compare-active>#photo-canvas{visibility:hidden}.canvas-wrapper.compare-active>#crop-overlay{visibility:hidden}#compare-toggle.active{background:var(--accent-primary);color:var(--bg-primary)}#compare-toggle.loading{pointer-events:none;opacity:.7}#compare-toggle.loading:after{content:"";width:12px;height:12px;margin-left:6px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;vertical-align:middle;animation:spin .8s linear infinite}.storage-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.storage-modal.hidden{display:none}.storage-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.storage-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;min-width:400px;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.storage-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.storage-modal-header h3{margin:0;font-size:16px;font-weight:600}.storage-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.storage-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.storage-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.storage-modal-footer{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.storage-summary{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.storage-total{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.storage-list-header{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.storage-list-items{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.storage-empty{text-align:center;padding:var(--spacing-lg);color:var(--text-muted);font-size:.8125rem}.storage-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.storage-item:hover{background:var(--bg-primary)}.storage-item-thumb{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-secondary)}.storage-item-thumb img{width:100%;height:100%;object-fit:cover}.storage-item-no-thumb{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.storage-item-info{flex:1;min-width:0}.storage-item-name{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-item-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.storage-item-remove{width:24px;height:24px;padding:0;font-size:16px;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.storage-item-remove:hover{color:#ff3b30;background:#ff3b301a}.ad-bottom-bar{margin-top:auto;height:var(--ad-bottom-height, 90px);background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--transition-fast)}.ad-bottom-bar.hidden{display:none}.ad-bottom-bar.editing{opacity:.3;pointer-events:none}.ad-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.ad-slot{display:flex;align-items:center;justify-content:center;flex:1;width:100%}.ad-slot ins.adsbygoogle{display:block;width:100%;height:auto}.ad-blocked-notice{text-align:center;padding:var(--spacing-md);color:var(--text-muted);font-size:12px}.ad-blocked-notice a{color:var(--accent-primary);text-decoration:none}.ad-blocked-notice a:hover{text-decoration:underline}[data-theme=light] .ad-bottom-bar{background:var(--bg-tertiary)}.support-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.support-modal.hidden{display:none}.support-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.support-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;min-width:400px;max-width:480px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.support-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.support-modal-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.support-modal-header h3 svg{color:#ff6b6b}.support-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.support-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.support-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.support-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.support-intro{text-align:center;padding:var(--spacing-sm) 0 var(--spacing-md);color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.support-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.support-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.support-section h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.support-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-xs);text-align:center}.support-options{display:flex;gap:var(--spacing-sm)}.support-option{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;flex:1;justify-content:center}.support-option:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.support-option-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.support-option-icon svg{width:16px;height:16px}.support-option-label{font-size:.8125rem;font-weight:500}.support-option.kofi .support-option-icon{color:#ff5e5b}.support-option.paypal .support-option-icon,[data-theme=light] .support-option.paypal .support-option-icon{color:#003087}.ad-placement-toggle{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-md)}.placement-btn{flex:1;padding:var(--spacing-sm) var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.placement-btn:hover:not(.active){background:var(--bg-hover)}.placement-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.watch-ad-section{text-align:center}.watch-ad-section .btn{margin-bottom:var(--spacing-xs)}.watch-ad-section .btn.disabled,.watch-ad-section .btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color);cursor:default;opacity:.9}.watch-ad-section .btn.disabled:hover,.watch-ad-section .btn:disabled:hover{background:var(--bg-tertiary);transform:none}.watch-ad-section .support-hint{margin-top:var(--spacing-xs)}@media(max-width:480px){.support-modal-content{min-width:320px;max-width:calc(100vw - 32px);margin:var(--spacing-md)}.support-options{flex-direction:column}}.info-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.info-modal.hidden{display:none}.info-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.info-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;width:520px;height:500px;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.info-modal-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.info-modal-header h3 svg{color:var(--accent-primary)}.info-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.info-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.info-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.info-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.info-tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.info-tab{flex:1;padding:var(--spacing-sm) var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.info-tab:hover:not(.active){background:var(--bg-hover)}.info-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.info-panel{display:none}.info-panel.active{display:block}.info-section-content{padding:var(--spacing-md);font-size:.8125rem;line-height:1.6;color:var(--text-secondary)}.info-section-content p{margin:0 0 var(--spacing-sm) 0}.info-section-content p:last-child{margin-bottom:0}.info-section-content ul{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.info-section-content li{margin-bottom:var(--spacing-xs)}.info-section-content .info-note{font-style:italic;color:var(--text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.license-item{padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.license-item:last-child{margin-bottom:0}.license-item strong{color:var(--text-primary)}.license-item p{margin:var(--spacing-xs) 0 0 0}.license-text{font-size:var(--text-sm);color:var(--text-muted)}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table tr{border-bottom:1px solid var(--border-color)}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{padding:var(--spacing-xs) var(--spacing-sm)}.shortcuts-table td:first-child{white-space:nowrap;padding-right:var(--spacing-md)}.shortcuts-table kbd{display:inline-block;padding:2px 6px;font-family:inherit;font-size:var(--text-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;box-shadow:0 1px 0 var(--border-color)}@media(max-width:560px){.info-modal-content{width:calc(100vw - 32px);height:calc(100vh - 64px);margin:var(--spacing-md)}}.feedback-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.feedback-modal.hidden{display:none}.feedback-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.feedback-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;width:480px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.feedback-modal-header h3{margin:0;font-size:16px;font-weight:600}.feedback-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.feedback-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.feedback-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.feedback-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.feedback-form{display:contents}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-group .required{color:var(--error-color, #ef4444)}.form-group .optional{color:var(--text-muted);font-weight:400;font-size:var(--text-xs)}.form-group input[type=text],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.form-group textarea{resize:vertical;min-height:100px}.form-group select{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 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-sm) * 2 + 12px)}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--error-color, #ef4444)}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 2px #ef444433}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--error-color, #ef4444);opacity:0;transition:opacity var(--transition-fast)}.form-error.visible{opacity:1}.char-counter{display:block;text-align:right;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.char-counter.met{color:var(--text-secondary)}.form-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:var(--spacing-md);text-align:center}.form-message.hidden{display:none}.form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.feedback-modal-footer .btn.loading{position:relative;color:transparent;pointer-events:none}.feedback-modal-footer .btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:buttonSpinner .6s linear infinite}@media(max-width:520px){.feedback-modal-content{width:calc(100vw - 32px);margin:var(--spacing-md)}}.about-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.about-modal.hidden{display:none}.about-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.about-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;width:560px;height:560px;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.about-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.about-modal-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.about-modal-header h3 svg{color:var(--accent-primary)}.about-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.about-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.about-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.about-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.about-tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.about-tab{flex:1;padding:var(--spacing-sm) var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.about-tab:hover:not(.active){background:var(--bg-hover)}.about-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.about-panel{display:none}.about-panel.active{display:block}.about-section-content{padding:var(--spacing-md);font-size:.8125rem;line-height:1.6;color:var(--text-secondary)}.about-section-content p{margin:0 0 var(--spacing-sm) 0}.about-section-content p:last-child{margin-bottom:0}.about-section-content ul{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.about-section-content li{margin-bottom:var(--spacing-xs)}.about-section-content .about-note{font-style:italic;color:var(--text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.info-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.info-card:last-child{margin-bottom:0}.info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.info-card-icon{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.info-card-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.info-card-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.info-feature-list{margin:0;padding-left:var(--spacing-lg);font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.info-feature-list li{margin-bottom:var(--spacing-xs)}.info-feature-list li:last-child{margin-bottom:0}.info-privacy-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-privacy-list li{display:flex;align-items:baseline;gap:var(--spacing-sm);font-size:.8125rem;line-height:1.4}.info-privacy-list .privacy-label{color:var(--text-primary);font-weight:500;min-width:110px;flex-shrink:0}.info-privacy-list .privacy-desc{color:var(--text-muted)}.info-card-privacy{border-color:#22c55e33;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(34,197,94,.03) 100%)}.info-card-privacy .info-card-icon{color:#22c55e}.about-panel .license-item{padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.about-panel .license-item:last-child{margin-bottom:0}.about-panel .license-item strong{color:var(--text-primary)}.about-panel .license-item p{margin:var(--spacing-xs) 0 0 0}.about-panel .license-text{font-size:var(--text-sm);color:var(--text-muted)}.about-panel .contact-form{padding:0 var(--spacing-sm)}.about-panel .form-group{margin-bottom:var(--spacing-md)}.about-panel .form-group:last-of-type{margin-bottom:0}.about-panel .form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.about-panel .form-group .required{color:var(--error-color, #ef4444)}.about-panel .form-group .optional{color:var(--text-muted);font-weight:400;font-size:var(--text-xs)}.about-panel .form-group input[type=text],.about-panel .form-group input[type=email],.about-panel .form-group select,.about-panel .form-group textarea{width:100%;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.about-panel .form-group input[type=text]:focus,.about-panel .form-group input[type=email]:focus,.about-panel .form-group select:focus,.about-panel .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.about-panel .form-group textarea{resize:vertical;min-height:80px}.about-panel .form-group select{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 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-sm) * 2 + 12px)}.about-panel .form-group.has-error input,.about-panel .form-group.has-error select,.about-panel .form-group.has-error textarea{border-color:var(--error-color, #ef4444)}.about-panel .form-group.has-error input:focus,.about-panel .form-group.has-error select:focus,.about-panel .form-group.has-error textarea:focus{box-shadow:0 0 0 2px #ef444433}.about-panel .form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--error-color, #ef4444);opacity:0;transition:opacity var(--transition-fast)}.about-panel .form-error.visible{opacity:1}.about-panel .char-counter{display:block;text-align:right;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.about-panel .char-counter.met{color:var(--text-secondary)}.about-panel .form-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:var(--spacing-md);text-align:center}.about-panel .form-message.hidden{display:none}.about-panel .form-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.about-panel .form-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.about-modal-footer .btn.loading{position:relative;color:transparent;pointer-events:none}.about-modal-footer .btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:buttonSpinner .6s linear infinite}@keyframes buttonSpinner{to{transform:rotate(360deg)}}.about-panel .support-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.about-panel .support-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.about-panel .support-section h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.about-panel .support-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-xs);text-align:center}.about-panel .support-options{display:flex;gap:var(--spacing-sm)}.about-panel .support-option{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;flex:1;justify-content:center}.about-panel .support-option:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.about-panel .support-option-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.about-panel .support-option-icon svg{width:16px;height:16px}.about-panel .support-option-label{font-size:.8125rem;font-weight:500}.about-panel .support-option.kofi .support-option-icon{color:#ff5e5b}.about-panel .support-option.paypal .support-option-icon,[data-theme=light] .about-panel .support-option.paypal .support-option-icon{color:#003087}.about-panel .ad-placement-toggle{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-md)}.about-panel .placement-btn{flex:1;padding:var(--spacing-sm) var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.about-panel .placement-btn:hover:not(.active){background:var(--bg-hover)}.about-panel .placement-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.about-panel .watch-ad-section{text-align:center}.about-panel .watch-ad-section .btn{margin-bottom:var(--spacing-xs)}.about-panel .watch-ad-section .btn.disabled,.about-panel .watch-ad-section .btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color);cursor:default;opacity:.9}.about-panel .watch-ad-section .btn.disabled:hover,.about-panel .watch-ad-section .btn:disabled:hover{background:var(--bg-tertiary);transform:none}.about-panel .watch-ad-section .support-hint{margin-top:var(--spacing-xs)}@media(max-width:600px){.about-modal-content{width:calc(100vw - 32px);height:calc(100vh - 64px);margin:var(--spacing-md)}.about-tabs{flex-wrap:wrap}.about-tab{flex:1 0 auto;min-width:calc(33.33% - var(--spacing-xs))}.about-panel .support-options{flex-direction:column}.info-privacy-list li{flex-direction:column;gap:2px}.info-privacy-list .privacy-label{min-width:auto}}.shortcuts-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.shortcuts-modal.hidden{display:none}.shortcuts-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.shortcuts-modal-content{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;width:580px;max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.shortcuts-modal-header h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.shortcuts-modal-header h3 svg{color:var(--accent-primary)}.shortcuts-modal-close{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.shortcuts-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.shortcuts-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.shortcuts-modal .shortcuts-grid{display:flex;gap:var(--spacing-md)}.shortcuts-modal .shortcuts-column{flex:1}.shortcuts-modal .shortcuts-divider{width:1px;background:var(--border-color)}.shortcuts-modal .shortcut-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-color)}.shortcuts-modal .shortcut-item:last-child{border-bottom:none}.shortcuts-modal .shortcut-keys{white-space:nowrap;flex-shrink:0}.shortcuts-modal .shortcut-action{color:var(--text-secondary);font-size:.8125rem;flex:1;text-align:right}.shortcuts-modal kbd{display:inline-block;padding:3px 8px;font-family:inherit;font-size:var(--text-sm);font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 0 var(--border-color);color:var(--text-primary);min-width:24px;text-align:center}.shortcuts-modal .shortcut-plus{color:var(--text-muted);margin:0 2px;font-size:var(--text-xs)}.shortcuts-modal .shortcut-or{color:var(--text-muted);margin:0 6px;font-size:var(--text-sm);font-style:italic}.shortcuts-modal .shortcut-suffix{color:var(--text-muted);font-size:var(--text-xs);margin-left:4px}.shortcuts-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media(max-width:620px){.shortcuts-modal-content{width:calc(100vw - 32px);margin:var(--spacing-md)}.shortcuts-modal .shortcuts-grid{flex-direction:column}.shortcuts-modal .shortcuts-divider{width:100%;height:1px}.shortcuts-modal kbd{padding:2px 6px;font-size:var(--text-xs)}}.add-mask-dropdown{position:relative;margin-bottom:12px}.add-mask-btn{display:flex;align-items:center;justify-content:center;gap:6px}.add-mask-btn .material-icons{font-size:18px}.add-mask-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px;z-index:1000;display:none;box-shadow:0 4px 12px #0000004d;min-width:180px}.add-mask-menu.visible{display:block}.add-mask-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:3px;font-size:.8125rem;text-align:left}.add-mask-menu button:hover{background:var(--bg-hover)}.add-mask-menu button .material-icons{font-size:18px;opacity:.7}.mask-list{margin-bottom:12px;flex:1;min-height:0;overflow-y:auto}.mask-list-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.mask-list-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s}.mask-list-item:hover{background:var(--bg-hover)}.mask-list-item.selected{background:var(--accent-active)}.mask-list-item.disabled{opacity:.5}.mask-visibility-btn,.mask-invert-btn,.mask-delete-btn{background:transparent;border:none;padding:2px;cursor:pointer;color:var(--text-muted);border-radius:3px;display:flex;align-items:center;justify-content:center}.mask-visibility-btn:hover,.mask-invert-btn:hover,.mask-delete-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.mask-visibility-btn .material-icons,.mask-invert-btn .material-icons,.mask-delete-btn .material-icons{font-size:16px}.mask-type-icon{font-size:16px;opacity:.6}.mask-name{flex:1;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mask-rename-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:3px;padding:2px 6px;font-size:var(--text-sm);color:var(--text-primary);outline:none}.mask-inverted-badge{font-size:9px;background:var(--accent-primary);color:var(--bg-secondary);padding:1px 4px;border-radius:2px;font-weight:700}.mask-invert-btn,.mask-delete-btn{margin-left:auto}.tool-settings{background:var(--bg-tertiary);border-radius:4px;padding:12px;margin-bottom:12px}.tool-settings.hidden{display:none}.tool-settings.disabled{opacity:.5;pointer-events:none;user-select:none}.tool-settings-header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;letter-spacing:.5px}.tool-hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:10px;font-style:italic}.brush-actions{display:flex;gap:8px;margin-top:10px}.brush-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.brush-actions .btn .material-icons{font-size:16px}.brush-actions .btn.active{background:var(--accent-primary);color:var(--bg-secondary)}.clone-source-status{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:10px}.clone-source-status.hidden{display:none}.clone-source-status .material-icons{font-size:16px;flex-shrink:0;color:var(--accent-primary)}.clone-source-status.source-set{color:var(--accent-primary)}#clear-clone-source{margin-top:8px}.healing-instructions{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm);color:var(--text-muted)}.healing-instructions .material-icons{font-size:16px;flex-shrink:0;color:var(--accent-primary)}.panel-settings-footer .mask-description-zone{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--bg-primary);border-radius:4px;font-size:var(--text-sm);color:var(--text-muted);width:100%}.panel-settings-footer .mask-description-zone.hidden{display:none}.panel-settings-footer .mask-description-zone .material-icons{font-size:16px;flex-shrink:0;color:var(--accent-primary)}.panel-settings-footer .mask-description-content{line-height:1.4}.overlay-checkbox{margin-left:auto;display:flex;align-items:center;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);transition:color .15s ease}.overlay-checkbox:hover{color:var(--text-primary)}.overlay-checkbox input{display:none}.overlay-checkbox:has(input:checked){color:var(--accent-primary)}.local-adjustments-section{padding-top:12px;border-top:1px solid var(--border-color)}.local-adjustments-section.hidden{display:none}.section-header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;letter-spacing:.5px}.icon-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn .material-icons{font-size:18px}.clone-mode-toggle{display:flex;gap:4px;margin-bottom:12px;padding:4px;background:var(--bg-tertiary);border-radius:6px}.clone-mode-toggle .mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .15s}.clone-mode-toggle .mode-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.clone-mode-toggle .mode-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.clone-mode-toggle .mode-btn .material-icons{font-size:16px}.clone-mode-toggle .mode-label{font-weight:500}.clone-spot-settings{padding:8px 0}.clone-spot-settings .control-group{margin-bottom:12px}.clone-spot-settings .control-group:last-child{margin-bottom:0}.clone-spot-settings label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.clone-spot-settings input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--slider-track);border-radius:3px;outline:none}.clone-spot-settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--slider-thumb);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.clone-spot-settings input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--slider-thumb);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000004d}.spot-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.spot-actions.hidden{display:none}.btn-danger .material-icons{font-size:var(--text-lg);margin-right:var(--spacing-xs)}.local-adjustments-panel{position:relative;display:flex;flex-direction:column;height:100%}.mask-adjustments-overlay{position:absolute;inset:0;background:var(--bg-secondary);z-index:10;display:flex;flex-direction:column;transform:translate(100%);transition:transform .2s ease-out}.mask-adjustments-overlay.visible{transform:translate(0)}.mask-adjustments-overlay.hidden{display:none}.overlay-header{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.overlay-back-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s}.overlay-back-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.overlay-back-btn .material-icons{font-size:20px}.overlay-title{font-size:.8125rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-mask-name{color:var(--accent-primary);cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s ease}.overlay-mask-name:hover{border-bottom-color:var(--accent-primary)}.overlay-rename-input{width:120px;font-size:inherit}.overlay-content{flex:1;overflow-y:auto;padding:12px}.confirm-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.confirm-modal.hidden{display:none}.confirm-modal-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(2px)}.confirm-modal-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);animation:modalSlideIn .15s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-message{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-base);line-height:1.5;color:var(--text-primary)}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.confirm-modal-actions .btn{min-width:80px}.confirm-modal-actions .btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.acknowledgment-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.acknowledgment-modal.hidden{display:none}.acknowledgment-modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(2px)}.acknowledgment-modal-content{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:350px;max-width:450px;box-shadow:var(--shadow-lg);animation:modalSlideIn .15s ease-out}.acknowledgment-modal-content h2{margin:0 0 var(--spacing-md) 0;font-size:var(--text-lg);color:var(--text-primary)}.acknowledgment-modal-message{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);line-height:1.5;color:var(--text-primary)}.acknowledgment-modal-details{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-sm);color:var(--text-secondary)}.acknowledgment-modal-details summary{cursor:pointer;user-select:none}.acknowledgment-modal-details pre{margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:monospace;overflow-x:auto;max-height:100px;white-space:pre-wrap;word-break:break-all}.acknowledgment-modal-actions{display:flex;justify-content:flex-end}.acknowledgment-modal-actions .btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.error-modal{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center}.error-modal.hidden{display:none}.error-modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.error-modal-content{position:relative;background:var(--bg-primary);border:1px solid var(--danger);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:400px;max-width:500px;box-shadow:var(--shadow-lg);animation:modalSlideIn .15s ease-out}.error-modal-content h2{margin:0 0 var(--spacing-md) 0;font-size:var(--text-lg);color:var(--danger)}.error-modal-message{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);line-height:1.5;color:var(--text-primary)}.error-modal-details{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-sm);color:var(--text-secondary)}.error-modal-details summary{cursor:pointer;user-select:none}.error-modal-details summary:hover{color:var(--text-primary)}.error-modal-stack{margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:monospace;overflow-x:auto;max-height:150px;white-space:pre-wrap;word-break:break-all}.error-modal-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.error-modal-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.error-modal-actions .btn .material-icons{font-size:18px}.error-modal-actions .btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.error-modal-hint{margin:0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.error-modal-hint a{color:var(--accent-primary);text-decoration:none}.error-modal-hint a:hover{text-decoration:underline}.error-modal-hint a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.storage-cleanup-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.storage-cleanup-modal.hidden{display:none}.storage-cleanup-modal-backdrop{position:absolute;inset:0;background:#000000b3}.storage-cleanup-modal-content{position:relative;background:var(--bg-secondary);border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.storage-cleanup-modal-content h2{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.cleanup-modal-usage{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.cleanup-modal-quota-warning{margin:0 0 16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:14px}.cleanup-modal-quota-warning.warning-approaching{background:#eab3081a;border-color:#eab3084d;color:#eab308}.cleanup-section{margin-bottom:20px}.cleanup-section h3{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.cleanup-section-hint{margin:0 0 12px;font-size:12px;color:var(--text-tertiary)}.cleanup-session-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px}.cleanup-session-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border-color)}.cleanup-session-item:last-child{border-bottom:none}.cleanup-session-item input[type=checkbox]{flex-shrink:0}.cleanup-session-label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.cleanup-session-thumb,.cleanup-session-thumb-placeholder{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.cleanup-session-thumb-placeholder{background:var(--bg-tertiary)}.cleanup-session-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cleanup-session-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cleanup-session-meta{font-size:11px;color:var(--text-tertiary)}.cleanup-thumbnail-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.cleanup-no-sessions{padding:16px;text-align:center;color:var(--text-tertiary);font-size:13px}.cleanup-modal-summary{margin:16px 0;padding:12px;background:var(--bg-tertiary);border-radius:4px;font-size:13px;color:var(--text-secondary)}.cleanup-selected-size{color:var(--text-tertiary)}.cleanup-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.memory-cleanup-section{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem}.memory-usage-display{font-family:monospace;background:var(--bg-tertiary);padding:.5rem;border-radius:4px;margin-bottom:.5rem;font-size:13px;color:var(--text-primary)}.error-indicator{position:relative;color:var(--danger)}.error-indicator.hidden{display:none}.error-indicator-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 4px;font-size:10px;font-weight:600;line-height:14px;text-align:center;background:var(--danger);color:#fff;border-radius:7px}.error-log-panel{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.error-log-panel.hidden{display:none}.error-log-panel-backdrop{position:absolute;inset:0;background:#0009}.error-log-panel-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalSlideIn .15s ease-out}.error-log-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.error-log-panel-header h3{margin:0;font-size:var(--text-lg)}.error-log-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;line-height:1}.error-log-close:hover{color:var(--text-primary)}.error-log-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.error-log-list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.error-log-empty{text-align:center;color:var(--text-tertiary);padding:var(--spacing-lg)}.error-log-entry{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.error-log-entry:last-child{border-bottom:none}.error-log-entry-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.error-log-severity{font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.error-log-severity--toast{color:var(--warning)}.error-log-severity--modal,.error-log-severity--fatal{color:var(--danger)}.error-log-time{font-size:var(--text-xs);color:var(--text-tertiary)}.error-log-message{margin:0;font-size:var(--text-sm);color:var(--text-primary)}.error-log-details{margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--text-secondary)}.error-log-details summary{cursor:pointer}.error-log-details summary:hover{color:var(--text-primary)}.error-log-details pre{margin:var(--spacing-xs) 0 0;padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-sm);font-family:monospace;white-space:pre-wrap;word-break:break-all;max-height:100px;overflow-y:auto}.error-log-panel-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.error-log-report{display:flex;align-items:center;gap:var(--spacing-xs)}.error-log-report .material-icons{font-size:18px}.mobile-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center}.mobile-overlay.hidden{display:none}.mobile-overlay-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.mobile-overlay-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-md);max-width:360px;text-align:center;box-shadow:var(--shadow-lg);animation:mobileOverlaySlideIn .2s ease-out}@keyframes mobileOverlaySlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-overlay-icon{font-size:48px;color:var(--accent-primary);margin-bottom:var(--spacing-md);display:block}.mobile-overlay-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.mobile-overlay-message{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.mobile-overlay-btn{min-width:160px}.webgl-gate-overlay{position:fixed;inset:0;z-index:10002;display:none;align-items:center;justify-content:center}html[data-webgl-blocked=true] .webgl-gate-overlay{display:flex}html[data-webgl-blocked=true] #app{opacity:.3;pointer-events:none;filter:blur(2px)}.webgl-gate-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.webgl-gate-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-md);max-width:420px;text-align:center;box-shadow:var(--shadow-lg)}.webgl-gate-icon{color:var(--warning, #f59e0b);margin-bottom:var(--spacing-md);display:block}.webgl-gate-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.webgl-gate-message{margin:0 0 var(--spacing-md) 0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.webgl-gate-browsers{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:var(--text-sm);color:var(--text-secondary)}.webgl-gate-browser-list{list-style:none;padding:0;margin:var(--spacing-md) 0 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.webgl-gate-browser-list li{display:inline-block}.webgl-gate-browser-list a{color:var(--accent-primary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-sm);transition:background-color .15s ease,color .15s ease}.webgl-gate-browser-list a:hover,.webgl-gate-browser-list a:focus{background:var(--accent-primary);color:var(--bg-primary)}.webgl-warning-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px)}.webgl-warning-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-md);max-width:420px;text-align:center;box-shadow:var(--shadow-lg);border:2px solid var(--warning, #f59e0b)}.webgl-warning-content h2{margin:0 0 var(--spacing-md) 0;font-size:var(--text-xl);font-weight:600;color:var(--warning, #f59e0b)}.webgl-warning-content p{margin:0 0 var(--spacing-md) 0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.webgl-warning-content p:last-of-type{margin-bottom:var(--spacing-lg)}.webgl-warning-actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.webgl-warning-actions button{min-width:160px}