@layer reset,base,components,refinements,utilities;@layer components{.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}}@layer components{.tab-conflict-overlay{position:fixed;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center;background:#000000e6}.tab-conflict-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-md);max-width:400px;text-align:center;box-shadow:var(--shadow-lg)}.tab-conflict-content h2{margin:0 0 var(--spacing-md) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.tab-conflict-content p{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.tab-conflict-content p:last-child{margin-bottom:0}}:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-hover: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #919191;--text-tertiary: #777777;--text-disabled: #555555;--border-color: #404040;--border-light: #333333;--accent-primary: #0d47a1;--accent-hover: #1565c0;--accent-active: #0a3d91;--danger: #ff4757;--success: #2ed573;--warning: #ffa502;--channel-red: #ff6b6b;--channel-green: #69db7c;--channel-blue: #74c0fc;--histogram-red: #ff3b30;--histogram-green: #34c759;--histogram-blue: #007aff;--histogram-luma: #8e8e93;--clipping-shadow: #007aff;--clipping-highlight: #ff3b30;--slider-track: #404040;--slider-fill: #0d47a1;--slider-thumb: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .15);--shadow-md: 0 2px 4px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6), 0 4px 16px rgba(0, 0, 0, .35);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .12s ease;--transition-normal: .25s ease;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--header-height: 56px;--sidebar-width: 320px;--panel-buttons-width-compact: 56px;--panel-buttons-width-expanded: 180px;--panel-settings-width: 320px;--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-md: .8125rem;--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;--slider-height: 6px;--slider-height-hover: 8px;--slider-thumb-size: 14px;--slider-thumb-scale-hover: 1.1;--slider-thumb-scale-active: 1.2;--slider-fill-opacity: 1;--nav-accent-bar-width: 3px;--nav-active-bg: rgba(74, 158, 255, .1);--nav-hover-bg: var(--bg-hover);--transition-micro: .1s ease;--backdrop-blur: 10px;--backdrop-opacity: .8;--surface-raised: rgba(255, 255, 255, .04);--surface-overlay: rgba(255, 255, 255, .07);--surface-high: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .06);--border-muted: rgba(255, 255, 255, .1);--accent-glow: rgba(29, 109, 235, .35);--accent-bright: #1d6deb}[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;--warning: #b45309;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .18), 0 4px 16px rgba(0, 0, 0, .1);--surface-raised: rgba(0, 0, 0, .025);--surface-overlay: rgba(0, 0, 0, .05);--surface-high: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .06);--border-muted: rgba(0, 0, 0, .12);--accent-glow: rgba(13, 71, 161, .25);--accent-bright: #1558d6;--nav-active-bg: rgba(74, 158, 255, .08)}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:100svh;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh;height:100svh;display:flex;flex-direction:column}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);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;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a}.btn:hover:not(:disabled){background-color:var(--bg-hover)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn--icon:active:not(:disabled),.btn-icon:active:not(:disabled){transform:scale(.92)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary,.btn-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 0 1px var(--accent-glow),var(--shadow-sm)}.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}}@layer utilities{.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}}@layer components{.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 24px;background:#121212e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-base);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)}}@layer components{.error-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#121212e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--danger);border-left:4px solid var(--danger);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-base);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 .lucide-icon{width:var(--text-xl);height:var(--text-xl)}.error-toast-actions{display:flex;gap:8px;margin-left:8px;flex-shrink:0}.error-toast-action{padding:4px 12px;font-size:var(--text-sm);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)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@layer base{:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}}@layer components{.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)}}@layer components{.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}}@layer utilities{.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}}@layer utilities{.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}}@layer utilities{.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}}@layer components{.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:var(--text-xl);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-btn{position:relative}.theme-toggle-btn .icon-sun,.theme-toggle-btn .icon-moon{font-size:var(--text-xl)}[data-theme=dark] .theme-toggle-btn .icon-sun{display:none}[data-theme=dark] .theme-toggle-btn .icon-moon,[data-theme=light] .theme-toggle-btn .icon-sun{display:inline-flex}[data-theme=light] .theme-toggle-btn .icon-moon{display:none}#fullscreen-btn>span{display:inline-flex}.dropdown{position:relative}.dropdown-arrow{font-size:var(--text-xs);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:var(--text-xs);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;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);overflow-y:auto}.dropzone:hover,.dropzone.drag-over{background-color:var(--bg-tertiary)}.dropzone-content{text-align:center;padding:var(--spacing-xl)}.dropzone h2{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.dropzone p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.dropzone-upload-card{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-tertiary);border:2px dashed var(--border-color);transition:border-color var(--transition-normal),transform var(--transition-normal)}.dropzone:hover .dropzone-upload-card,.dropzone.drag-over .dropzone-upload-card{border-color:var(--accent-primary);transform:scale(1.02)}.dropzone-icon{color:var(--text-secondary);margin-bottom:var(--spacing-md);display:flex;justify-content:center;transition:color var(--transition-normal),transform var(--transition-normal)}.dropzone:hover .dropzone-icon,.dropzone.drag-over .dropzone-icon{color:var(--accent-primary);transform:translateY(-4px)}.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:var(--text-base);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-display{min-width:50px;text-align:right;color:var(--text-secondary);font-size:var(--text-md)}.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:var(--text-sm);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:var(--text-xs);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}.session-only-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:var(--text-sm);color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning) 20%,transparent);border-radius:4px;cursor:help}.session-only-indicator.hidden{display:none}.session-only-icon{font-size:var(--text-lg)}.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)}}@layer refinements{.dropdown-section{text-transform:none;letter-spacing:.25px}.dropzone h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.01em}.dropzone p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.dropzone:hover,.dropzone.drag-over{transition:background-color var(--transition-fast)}.toolbar .btn:hover:not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.toolbar .btn-icon:hover:not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.toolbar .btn:focus-visible:not(:disabled){transition:background-color var(--transition-fast),outline var(--transition-fast)}}@layer components{.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)}html[data-sidebar-compact=true] .panel-buttons.no-transition .panel-btn-divider{margin:var(--spacing-xs) auto;width:calc(100% - var(--spacing-md))}.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:var(--text-md);font-weight:500;overflow:hidden;text-overflow:ellipsis}.panel-btn-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-xs) var(--spacing-sm);opacity:.5;flex-shrink:0}.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[data-expanded=false] .panel-btn-divider{margin:var(--spacing-xs) auto;width:calc(100% - var(--spacing-md))}.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.no-image{display:none}.panel-settings-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.panel-settings-scroll::-webkit-scrollbar{width:4px}.panel-settings-scroll::-webkit-scrollbar-track{background:transparent}.panel-settings-scroll::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.panel-settings-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.panel-settings-footer{display:flex;flex-direction:column;border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.btn-reset-panel{display:flex;align-items:center;justify-content:center;min-height:50px;width:100%;background-color:var(--bg-tertiary);border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-base);font-weight:500;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-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:var(--text-xs);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-dropdown:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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:var(--text-xl)}.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{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-top:1px solid var(--border-color)}.crop-controls.hidden{display:none}.crop-toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm)}.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;flex:1}.crop-aspect-group select:focus{outline:none;border-color:var(--accent-primary)}.crop-aspect-group select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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}.lock-closed,.btn-icon.active .lock-open{display:none}.btn-icon.active .lock-closed{display:block}.crop-straighten-group{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xs);align-items:center}.crop-straighten-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.crop-straighten-group input[type=range]{grid-column:1 / -1;width:100%;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-straighten-buttons{grid-column:1 / -1;display:flex;gap:var(--spacing-sm)}.crop-actions{display:flex;justify-content:stretch;gap:var(--spacing-sm);border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.crop-actions .btn{flex:1;text-align:center}#crop-angle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}}@layer refinements{.panel-btn.active{background-color:var(--nav-active-bg);color:var(--text-primary);border-left:var(--nav-accent-bar-width) solid var(--accent-primary);padding-left:calc(var(--spacing-md) - var(--nav-accent-bar-width));border-radius:var(--radius-sm)}.panel-btn:hover:not(.active){background-color:var(--nav-hover-bg);color:var(--text-primary)}.panel-buttons[data-expanded=false] .panel-btn.active,html[data-sidebar-compact=true] .panel-buttons.no-transition .panel-btn.active{border-left-width:0;padding-left:var(--spacing-sm)}.info-section-title{text-transform:none;font-weight:var(--font-semibold);letter-spacing:.25px}.panel-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}}@layer components{.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 .15s cubic-bezier(.4,0,.2,1)}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);transform:scale(1);transition:transform .15s cubic-bezier(.4,0,.2,1)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.2)}input[type=range]::-moz-range-track{width:100%;height:6px;background:transparent;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:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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;grid-row:1;margin-bottom:0}.control-group .control-value{grid-column:2;grid-row:1}.control-group input[type=range]{grid-column:1 / -1;grid-row:2;margin-bottom:0}.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)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}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}.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:var(--channel-red);border-color:var(--channel-red)}.curve-tab[data-channel=g].active{background:var(--channel-green);border-color:var(--channel-green);color:var(--bg-primary)}.curve-tab[data-channel=b].active{background:var(--channel-blue);border-color:var(--channel-blue)}.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.hidden{display:none}.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:var(--text-md);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:var(--text-lg);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-group-header{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;padding:0}.effect-card{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border:1px solid color-mix(in srgb,var(--border-color) 30%,transparent)}.effect-card:last-child{margin-bottom:0}.effect-card .control-group:last-child{margin-bottom:0}.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}.crop-presets-bar{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:8px 12px;background:var(--bg-primary);border-top:1px solid var(--border-color)}.crop-presets-bar::-webkit-scrollbar{display:none}.crop-preset-chip{flex-shrink:0;padding:8px 16px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;min-height:36px;transition:background-color .15s ease,border-color .15s ease}.crop-preset-chip:hover{background:var(--bg-hover)}.crop-preset-chip.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}}@layer refinements{.control-value{font-variant-numeric:tabular-nums}.control-value:focus{box-shadow:0 0 0 1px var(--accent-primary)}.panel-content .control-group{margin-bottom:var(--spacing-md)}.panel-content .control-group:last-child{margin-bottom:0}.effect-card .control-group{margin-bottom:var(--spacing-sm)}.panel-divider{border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0;opacity:.4}.tone-curve-container,.cg-wheels{border-bottom:none;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.lut-settings{border-top:none;padding-top:var(--spacing-lg)}}@layer components{[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:var(--text-xs);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}}@layer components{.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}.btn-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)}.btn-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}.btn-fullres:hover:not(:disabled){background-color:#4285f480;border-color:#4285f4cc}.btn-fullres:disabled{opacity:.4;cursor:not-allowed}.btn-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-display{min-width:45px;text-align:center;font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.filmstrip-toggle-btn{padding:4px 8px}.filmstrip-toggle-btn .filmstrip-icon{display:inline-block;transition:transform var(--transition-fast);font-size:.625rem}.filmstrip-toggle-btn.collapsed .filmstrip-icon{transform:rotate(180deg)}.filmstrip-toggle-btn: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-add{flex-shrink:0;width:100px;height:68px;border:2px dashed var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.filmstrip-add:hover{border-color:var(--accent-primary);background-color:rgba(var(--accent-primary-rgb, 66, 133, 244),.1)}.filmstrip-add:focus{outline:none;border-color:var(--accent-secondary)}.filmstrip-add:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.filmstrip-add:active{transform:scale(.98)}.filmstrip-add-icon{font-size:2rem;color:var(--text-muted);font-weight:300;line-height:1;transition:color var(--transition-fast)}.filmstrip-add:hover .filmstrip-add-icon{color:var(--accent-primary)}.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:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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:var(--clipping-shadow)}.clipping-indicator.highlight-clip{color:var(--clipping-highlight)}.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:var(--histogram-red);color:#fff}.channel-toggle[data-channel=g]{background:var(--histogram-green);color:#fff}.channel-toggle[data-channel=b]{background:var(--histogram-blue);color:#fff}.channel-toggle[data-channel=l]{background:var(--histogram-luma);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:var(--text-md);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:var(--danger)}.filmstrip-context-menu button.danger:hover{background-color:color-mix(in srgb,var(--danger) 15%,transparent)}.context-menu-divider{height:1px;background:var(--border-color);margin:4px 0}}@layer refinements{.filmstrip-thumb{border-width:1px;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.filmstrip-thumb:hover{transform:translateY(-2px);box-shadow:0 2px 2px #0000001a,0 4px 4px #0000001a,0 8px 8px #0000001a,0 12px 12px #00000013}.filmstrip-thumb.selected{border:2px solid var(--accent-primary);box-shadow:none}.filmstrip-thumb.multi-selected{border:2px solid var(--accent-secondary);box-shadow:none}.filmstrip-thumb:active{transform:scale(.98) translateY(0);box-shadow:0 1px 1px #0000001a,0 2px 2px #0000001a}.utility-bar{border-bottom-color:var(--border-light)}.filmstrip-thumb:focus-visible{transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.filmstrip-add:focus-visible{transition:border-color var(--transition-fast)}.utility-bar .btn:hover:not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.filmstrip-toggle-btn:hover:not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.preview-window-btn:hover:not(.active):not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.preview-window-btn.active{transition:background-color var(--transition-fast)}#zoom-fit:hover:not(:disabled),#zoom-100:hover:not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.compare-toggle-btn:hover:not(:disabled),#clipping-toggle:hover:not(:disabled),#focus-peaking-toggle:hover:not(:disabled){background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.btn-fullres:hover:not(:disabled){transition:background-color var(--transition-fast),border-color var(--transition-fast)}.filmstrip-add:hover{transition:border-color var(--transition-fast),background-color var(--transition-fast)}}@layer components{.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:var(--text-lg);font-weight:600}.batch-modal-close{background:transparent;border:none;font-size:1.25rem;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:var(--text-md)}.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:var(--text-md)}.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:var(--text-md)}.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:var(--text-md);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 var(--success)}.batch-toast-error{border-left:4px solid var(--danger)}.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:var(--text-md);font-weight:500;color:var(--text-secondary)}.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 span{font-size:var(--text-sm);font-weight:500}.export-format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.export-format-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-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-label{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:var(--text-md)}.export-custom-input-group input[type=number]:focus{outline:none;border-color:var(--accent-primary)}.export-custom-input-group input[type=number]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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:var(--text-md);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:var(--text-md);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:var(--text-md);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:var(--text-md)}.watermark-input-group input[type=text]:focus,.watermark-input-group select:focus{outline:none;border-color:var(--accent-primary)}.watermark-input-group input[type=text]:focus-visible,.watermark-input-group select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.watermark-input-group select{height:32px}.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-input-column{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.watermark-position-offset-row{display:flex;gap:var(--spacing-md);align-items:center}.watermark-position-offset-row .watermark-position-section{margin-bottom:0;align-items:center}.watermark-position-offset-row .watermark-position-section>label{align-self:center}.watermark-offset-section{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center}.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:var(--text-2xl);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:var(--danger);border-color:var(--danger);color:#fff}.watermark-position-section{flex:1;margin-bottom:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.watermark-position-section>label{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-xs);align-self:flex-start}.watermark-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:fit-content}.watermark-position-btn{width:36px;height:36px;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:10px;height:10px;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}.export-xmp-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.export-xmp-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--text-sm)}.export-xmp-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.export-tabs{display:flex;gap:0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.export-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.export-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.export-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.export-tab-content{display:none;height:460px;overflow-y:auto}.export-tab-content.active{display:block}}@layer components{.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:var(--text-sm);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-btn.active{background:var(--accent-primary);color:#fff}.compare-toggle-btn.loading{pointer-events:none;opacity:.7}.compare-toggle-btn.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}}@layer components{.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:var(--text-lg);font-weight:600}.storage-modal-close{background:transparent;border:none;font-size:1.25rem;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:var(--text-md)}.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:var(--text-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-item-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.storage-item-remove{width:24px;height:24px;padding:0;font-size:var(--text-lg);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:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}}@layer components{.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:var(--text-lg);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:1.25rem;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:var(--text-md);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)}}}@layer components{.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:var(--text-lg);font-weight:600}.feedback-modal-close{background:transparent;border:none;font-size:1.25rem;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(--danger)}.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(--danger)}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 20%,transparent)}.form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--danger);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:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}.form-message.error{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.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}@keyframes buttonSpinner{to{transform:rotate(360deg)}}@media(max-width:520px){.feedback-modal-content{width:calc(100vw - 32px);margin:var(--spacing-md)}}}@layer components{.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:480px;max-height:85vh;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:var(--text-lg);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:1.25rem;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-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(--danger)}.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(--danger)}.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 color-mix(in srgb,var(--danger) 20%,transparent)}.about-panel .form-error{display:block;margin-top:var(--spacing-xs);font-size:var(--text-xs);color:var(--danger);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:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}.about-panel .form-message.error{background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.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)}}@media(max-width:600px){.about-modal-content{width:calc(100vw - 32px);height:calc(100vh - 64px);margin:var(--spacing-md)}}}@layer components{.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:var(--text-lg);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:1.25rem;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:var(--text-md);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)}}}@layer components{.add-mask-dropdown{position:relative;margin-bottom:12px}.add-mask-btn{display:flex;align-items:center;justify-content:center;gap:6px}.add-mask-btn .lucide-icon{width:18px;height: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:var(--text-md);text-align:left}.add-mask-menu button:hover{background:var(--bg-hover)}.add-mask-menu button .lucide-icon{width:18px;height: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 .lucide-icon,.mask-invert-btn .lucide-icon,.mask-delete-btn .lucide-icon{width:16px;height:16px}.mask-type-icon{width:16px;height: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-rename-input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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 .lucide-icon{width:16px;height: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 .lucide-icon{width:16px;height:16px;flex-shrink:0;color:var(--accent-primary)}.clone-source-status.source-set{color:var(--accent-primary)}.clear-clone-source-btn{margin-top:8px}.healing-instructions{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-sm);color:var(--text-muted)}.healing-instructions .lucide-icon{width:16px;height: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 .lucide-icon{width:16px;height: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 .lucide-icon{width:18px;height: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 .lucide-icon{width:16px;height: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]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.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 .lucide-icon{width:var(--text-lg);height: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 .lucide-icon{width:20px;height:20px}.overlay-title{font-size:var(--text-md);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}}@layer refinements{.tool-settings-header,.section-header{text-transform:none;letter-spacing:.25px}}@layer components{.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:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.confirm-modal-content{position:relative;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:300px;max-width:400px;box-shadow:var(--shadow-xl);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-preview{display:block;max-width:100%;max-height:150px;border-radius:var(--radius-sm);margin:0 auto var(--spacing-md) auto;object-fit:contain}.confirm-modal-preview.hidden{display:none}.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:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.acknowledgment-modal-content{position:relative;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:350px;max-width:450px;box-shadow:var(--shadow-xl);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:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.error-modal-content{position:relative;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--danger);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:400px;max-width:500px;box-shadow:var(--shadow-xl);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 .lucide-icon{width:18px;height: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:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.storage-cleanup-modal-content{position:relative;background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.storage-cleanup-modal-content h2{margin:0 0 8px;font-size:var(--text-xl);color:var(--text-primary)}.cleanup-modal-usage{margin:0 0 16px;color:var(--text-secondary);font-size:var(--text-base)}.cleanup-modal-quota-warning{margin:0 0 16px;padding:12px;background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:4px;color:var(--danger);font-size:var(--text-base)}.cleanup-modal-quota-warning.warning-approaching{background:color-mix(in srgb,var(--warning) 10%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,transparent);color:var(--warning)}.cleanup-section{margin-bottom:20px}.cleanup-section h3{margin:0 0 8px;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.cleanup-section-hint{margin:0 0 12px;font-size:var(--text-sm);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:var(--text-md);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cleanup-session-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.cleanup-thumbnail-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-base);color:var(--text-primary)}.cleanup-no-sessions{padding:16px;text-align:center;color:var(--text-tertiary);font-size:var(--text-md)}.cleanup-modal-summary{margin:16px 0;padding:12px;background:var(--bg-tertiary);border-radius:4px;font-size:var(--text-md);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:var(--text-md);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:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.error-log-panel-content{position:relative;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-muted);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);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-subtle)}.error-log-panel-header h3{margin:0;font-size:var(--text-lg)}.error-log-close{background:none;border:none;font-size:var(--text-2xl);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-subtle);background:#0000001a;display:flex;justify-content:flex-end}.error-log-report{display:flex;align-items:center;gap:var(--spacing-xs)}.error-log-report .lucide-icon{width:18px;height:18px}}.error-toast-suggestion{font-size:var(--text-md);color:var(--text-secondary, #aaa);margin-top:.25rem;font-style:italic}.error-toast-details{margin-top:.5rem;font-size:.75rem}.error-toast-details summary{cursor:pointer;color:var(--text-tertiary, #888);user-select:none}.error-toast-details summary:hover{color:var(--text-secondary, #aaa)}.error-toast-technical{margin-top:.25rem;padding:.5rem;background:#0000004d;border-radius:4px;font-family:monospace;font-size:var(--text-sm);white-space:pre-wrap;word-break:break-all;max-height:150px;overflow-y:auto;color:var(--text-secondary, #aaa)}} @layer refinements{}@layer components{.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}.wasm-gate-overlay{position:fixed;inset:0;z-index:10003;display:none;align-items:center;justify-content:center}html[data-wasm-blocked=true] .wasm-gate-overlay{display:flex}html[data-wasm-blocked=true] #app{opacity:.3;pointer-events:none;filter:blur(2px)}.wasm-gate-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.wasm-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)}.wasm-gate-icon{color:var(--warning, #f59e0b);margin-bottom:var(--spacing-md);display:block}.wasm-gate-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.wasm-gate-message{margin:0 0 var(--spacing-md) 0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.wasm-gate-browsers{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:var(--text-sm);color:var(--text-secondary)}.wasm-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)}.wasm-gate-browser-list li{display:inline-block}.wasm-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}.wasm-gate-browser-list a:hover,.wasm-gate-browser-list a:focus{background:var(--accent-primary);color:var(--bg-primary)}}@layer components{.shortcut-hint{font-size:.7rem;color:var(--text-tertiary, #888);margin-left:.2rem;font-weight:400;opacity:.7}@media(max-width:768px){.shortcut-hint{display:none}}}@layer refinements{@media(max-width:1023px){body{overscroll-behavior:none}.canvas-wrapper,#photo-canvas{touch-action:none}.panel-settings-scroll{touch-action:pan-y}.filmstrip-scroll{touch-action:pan-x}.toolbar button,.toolbar .btn,.btn,.panel-button{touch-action:manipulation}.toolbar{padding-top:env(safe-area-inset-top);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.filmstrip-area{padding-bottom:env(safe-area-inset-bottom)}.panel-settings{padding-left:env(safe-area-inset-left)}.utility-bar{padding-bottom:env(safe-area-inset-bottom)}}}@layer refinements{.tablet-only,#filmstrip-toggle-tablet{display:none}@media(min-width:768px)and (max-width:1023px){.panel-buttons{position:fixed;left:0;top:var(--header-height);bottom:0;width:56px;z-index:110;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-width:none;padding-top:var(--spacing-xs);padding-right:var(--spacing-xs);padding-bottom:env(safe-area-inset-bottom);padding-left:max(var(--spacing-xs),env(safe-area-inset-left))}.panel-buttons-toggle{display:none}.panel-buttons[data-expanded=false],.panel-buttons[data-expanded=true]{width:56px;left:0}.panel-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center}.panel-btn-label,.panel-btn-divider{display:none}.panel-buttons-list{padding:0;overflow-y:visible}.panel-btn.active{background-color:var(--accent-primary);color:#fff;border-left:none;padding-left:0}.panel-settings{position:fixed;top:var(--header-height);left:var(--panel-buttons-width-compact);bottom:0;width:320px;z-index:100;background-color:var(--bg-secondary);box-shadow:4px 0 12px #0003;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;touch-action:none;padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}.panel-settings.overlay-open{transform:translate(0)}.panel-settings.animating{pointer-events:none}.panel-settings-scroll{touch-action:pan-y}.canvas-container{margin-left:56px}.toolbar .tablet-only{display:inline-flex;align-items:center}.toolbar .btn .shortcut-hint{display:none}.toolbar .btn,.toolbar .btn-icon{min-width:44px;min-height:44px}.dropdown:hover .dropdown-menu{display:none}.dropdown.active .dropdown-menu{display:block}.filmstrip-area{position:fixed;bottom:0;left:56px;right:0;height:36px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);overflow:hidden;transition:height .2s ease-out;z-index:60;padding-bottom:env(safe-area-inset-bottom)}.filmstrip-area.expanded{height:100px}.filmstrip-scroll{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;height:100%}.filmstrip-thumbnail{width:80px;height:80px;flex-shrink:0}.dropzone h2{font-size:0}.dropzone h2:after{content:"Tap to open a photo";font-size:var(--font-size-lg, 1.25rem)}.dropzone p:first-of-type{font-size:0}.dropzone p:first-of-type:after{content:"or use File > Import";font-size:var(--font-size-sm, .875rem)}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}input[type=range]{padding:12px 0}.control-group{padding:var(--spacing-sm) 0;min-height:52px}.control-value{min-height:44px;padding:10px var(--spacing-sm)}.panel-content .control-group label{padding:4px 0}.panel-tool-btn{min-width:44px;min-height:44px}.btn-reset-panel{min-height:50px}.preset-btn,.preset-action-btn{min-height:44px}body.tablet-crop-mode .crop-presets-bar{display:flex;flex-direction:row;align-items:center}.crop-preset-chip{min-height:40px;padding:8px 16px}.crop-actions .btn{min-height:44px}}}@layer refinements{.phone-only,.phone-only-menu-item,.phone-landscape-overlay{display:none}@media(max-width:767px){.phone-only{display:flex}.toolbar{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding-top:env(safe-area-inset-top);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.toolbar-left{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar .tablet-only{display:inline-flex}#about-btn,#shortcuts-btn,#theme-toggle,#storage-btn,#auto-adjust-btn,#reset-btn,#fullscreen-btn{display:none}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-xs)}#file-btn{min-height:44px;min-width:44px}.dropdown-menu{max-height:60vh;overflow-y:auto}#file-menu .batch-only{display:none}.phone-only-menu-item{display:block}.phone-carousel-wrapper{position:fixed;top:var(--header-height);left:0;right:0;height:52px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90;display:flex;align-items:center;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.phone-carousel-scroll{flex:1;display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;padding:0 8px}.phone-carousel-scroll::-webkit-scrollbar{display:none}.carousel-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;min-width:56px;min-height:48px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;scroll-snap-align:center;scroll-snap-stop:always}.carousel-item.active{background-color:var(--accent-primary);color:#fff}.carousel-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.carousel-item-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.carousel-item-label{font-size:10px;font-weight:500;white-space:nowrap;line-height:1}.carousel-arrow{flex-shrink:0;width:32px;min-width:32px;height:44px;min-height:44px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.panel-dropdown{position:fixed;top:calc(var(--header-height) + 52px);left:0;right:0;height:65vh;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;z-index:80;transform:translateY(-100%);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in;will-change:transform;backface-visibility:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex;flex-direction:column}.panel-dropdown.open{transform:translateY(0)}.panel-dropdown.animating{pointer-events:none}.panel-dropdown-header{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-dropdown-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.panel-dropdown-close{width:44px;height:44px;min-width:44px;min-height:44px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-dropdown-content{flex:1;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md);touch-action:pan-y;scrollbar-width:thin}.canvas-container{margin-top:calc(var(--header-height) + 52px);margin-left:0}.sidebar,.panel-buttons,.panel-settings,.filmstrip-area,.filmstrip-toggle-btn,.utility-bar{display:none}.btn,button{min-width:48px;min-height:48px}.toolbar button,.toolbar .btn,.toolbar .btn-icon{min-height:auto;min-width:auto}.clipping-indicator{min-width:14px;min-height:14px;width:14px;height:14px;padding:0}.channel-toggle{min-width:20px;min-height:20px;width:20px;height:20px;padding:0;font-size:.5625rem}.histogram-channel-toggles{opacity:1}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}input[type=range]{padding:6px 0;pointer-events:none}input[type=range]::-webkit-slider-thumb{pointer-events:auto}input[type=range]::-moz-range-thumb{pointer-events:auto}.control-group{min-height:36px;padding:2px 0}.control-value{display:none}.panel .control-group label,.panel-content label{min-height:28px;display:flex;align-items:center}.panel-dropdown-content .control-group{margin-bottom:var(--spacing-xs)}body.phone-crop-mode .phone-carousel-wrapper,body.phone-crop-mode .panel-dropdown{display:none}body.phone-crop-mode .canvas-container{margin-top:var(--header-height)}body.phone-crop-mode .phone-crop-controls-container{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom));z-index:95}body.phone-crop-mode .phone-crop-controls-container .crop-controls{display:block}body.phone-crop-mode .phone-crop-controls-container .crop-toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm)}body.phone-crop-mode .phone-crop-controls-container .crop-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}body.phone-crop-mode .crop-presets-bar{display:flex;flex-direction:row;align-items:center}body.phone-crop-mode .crop-preset-chip{min-height:44px;padding:10px 18px;font-size:14px}.phone-landscape-overlay{display:none}.panel-dropdown.slider-dragging{background-color:transparent;border-bottom-color:transparent;box-shadow:none;transition:background-color .12s ease-out,border-bottom-color .12s ease-out,box-shadow .12s ease-out}.panel-dropdown.slider-dragging .panel-dropdown-header{opacity:0;pointer-events:none;transition:opacity .12s ease-out}.panel-dropdown.slider-dragging .panel-dropdown-content{pointer-events:none}.panel-dropdown.slider-dragging .panel-dropdown-content>*{visibility:hidden}.panel-dropdown.slider-dragging .panel-dropdown-content .control-group{visibility:hidden}.panel-dropdown.slider-dragging .panel-dropdown-content .control-group.drag-active{visibility:visible;pointer-events:auto}.panel-dropdown.slider-dragging .panel-dropdown-content .control-group.drag-active label{visibility:hidden;height:0;min-height:0;overflow:hidden}.panel-dropdown.slider-dragging .panel-dropdown-content .control-group.drag-active input[type=range]{background:transparent}.panel-dropdown:not(.slider-dragging){transition:background-color .2s ease-in,border-bottom-color .2s ease-in,box-shadow .2s ease-in}.panel-dropdown:not(.slider-dragging) .panel-dropdown-header{transition:opacity .2s ease-in}}@media(max-width:767px)and (orientation:landscape){.phone-landscape-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:fixed;inset:0;z-index:100000;background:var(--color-bg, #1a1a1a);color:var(--text-primary, #ffffff);padding:var(--spacing-md)}.phone-landscape-icon{display:flex;align-items:center;justify-content:center}.phone-landscape-icon svg{width:48px;height:48px;color:var(--text-primary, #ffffff)}.phone-landscape-message{font-size:16px;text-align:center;margin:0;color:var(--text-primary, #ffffff)}}}