/*! Bokeh Photo Editor. Copyright © 2026 Lilo Huang. All rights reserved. */
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d2d;--bg-hover:#3e3e3e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent:#4fc3f7;--border:#3e3e3e;--kbd-bg:#ffffff14;--kbd-border:#ffffff2e;--kbd-border-bottom:#ffffff47;--card-shadow:#0006;--footer-text:#e0e0e0d1;--exif-panel-bg:#1e1e1ef2;--subtle-fill:#ffffff0a;--subtle-fill-strong:#ffffff14;--modal-backdrop:#000000b3;--thumb-size:180px;--sidebar-width:220px;--sidebar-resizer-width:6px;--topbar-height:44px;--app-footer-height:34px}:root.light{--bg-primary:#e9ecef;--bg-secondary:#f3f4f6;--bg-tertiary:#e3e7eb;--bg-hover:#d5dbe2;--text-primary:#202a35;--text-secondary:#5f6c7a;--accent:#0b7fb9;--border:#c9d1da;--kbd-bg:#0f172a0f;--kbd-border:#0f172a29;--kbd-border-bottom:#0f172a47;--card-shadow:#0f172a1f;--footer-text:#202a35b8;--exif-panel-bg:#f3f4f6f5;--subtle-fill:#0f172a0b;--subtle-fill-strong:#0f172a14;--modal-backdrop:#0f172a59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}html.app-booting #app,html.app-booting #unsupported-browser{visibility:hidden}body.unsupported-browser #app{display:none}kbd{background:var(--kbd-bg);border:1px solid var(--kbd-border);border-bottom-color:var(--kbd-border-bottom);min-width:22px;height:22px;color:var(--text-primary);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;line-height:1;display:inline-flex}#app{flex-direction:column;height:100%;display:flex}.unsupported-screen{z-index:3000;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left));background:radial-gradient(circle at top, #4fc3f72e, transparent 34rem), var(--bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.unsupported-screen.hidden{display:none}.unsupported-card{background:var(--bg-secondary);border:1px solid var(--border);width:min(100%,560px);box-shadow:0 24px 80px var(--card-shadow);border-radius:20px;padding:clamp(24px,6vw,40px)}.unsupported-icon{background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;font-size:30px;display:flex}.unsupported-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}#unsupported-title{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(28px,8vw,42px);line-height:1.05}#unsupported-message,.unsupported-details,.unsupported-footnote{color:var(--text-secondary);font-size:15px;line-height:1.6}#unsupported-message{color:var(--text-primary)}.unsupported-details{margin-top:10px}.unsupported-details.hidden{display:none}.unsupported-language-picker{width:fit-content;min-height:36px;margin-top:18px;padding-right:8px}.unsupported-language-picker .language-select{min-width:116px;height:34px}.unsupported-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.unsupported-action{border:1px solid var(--border);min-height:44px;font:inherit;text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.unsupported-action.hidden{display:none}.unsupported-action-primary{background:var(--accent);border-color:var(--accent);color:#111}.unsupported-action-secondary,.unsupported-action-ghost{background:var(--bg-tertiary);color:var(--text-primary)}.unsupported-action-ghost{grid-column:1/-1}.unsupported-action:hover{opacity:.9}.unsupported-footnote{opacity:.75;margin-top:18px;font-size:12px}#topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:var(--topbar-height);flex-shrink:0;align-items:center;gap:12px;padding:6px 12px;display:flex}.source-picker-actions{flex:none;align-items:center;gap:6px;display:flex}#btn-open-photos:before{content:"🖼️";margin-right:5px}#btn-clear-photos{color:#fca5a5}#btn-clear-photos:hover:not(:disabled){background:#f871711f;border-color:#f87171a6}html.directory-picker-unavailable #btn-open-folder,html.directory-picker-unavailable #folder-picker-cta{display:none}#topbar button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:4px;padding:5px 12px;font-size:13px}#topbar button:hover:not(:disabled){background:var(--bg-hover)}#topbar button:disabled{opacity:.4;cursor:default}.photo-picker-warning{top:calc(var(--topbar-height) + 10px);z-index:2500;background:var(--bg-secondary);width:min(560px,100vw - 24px);min-height:44px;box-shadow:0 8px 28px var(--card-shadow);color:var(--text-primary);border:1px solid #f59e0ba6;border-radius:8px;align-items:center;gap:12px;padding:9px 10px 9px 14px;font-size:13px;line-height:1.4;display:flex;position:fixed;left:50%;transform:translate(-50%)}.photo-picker-warning.hidden{display:none}.photo-picker-warning span{flex:1}.photo-picker-warning button{background:var(--bg-tertiary);min-height:34px;color:var(--text-primary);font:inherit;cursor:pointer;border:0;border-radius:5px;padding:5px 10px}.photo-compare-selection{left:50%;bottom:calc(var(--app-footer-height) + 12px + env(safe-area-inset-bottom));z-index:60;background:var(--bg-secondary);width:min(680px,100vw - 24px);min-height:64px;box-shadow:0 12px 36px var(--card-shadow);border:1px solid #4fc3f7b8;border-radius:10px;align-items:center;gap:16px;padding:10px 12px 10px 16px;display:flex;position:fixed;transform:translate(-50%)}.photo-compare-selection.hidden{display:none}.photo-compare-selection-copy{flex:1;gap:3px;min-width:0;display:grid}.photo-compare-selection-copy strong{color:var(--text-primary);font-size:14px}#photo-compare-selection-count{color:var(--text-secondary);font-size:12px}.photo-compare-selection-actions{gap:8px;display:flex}.photo-compare-selection-actions button{border:1px solid var(--border);background:var(--bg-tertiary);min-width:88px;min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:650}#photo-compare-start{border-color:var(--accent);background:var(--accent);color:#071117}.photo-compare-selection-actions button:disabled{cursor:default;opacity:.42}.photo-compare-selection-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#topbar .icon-btn{justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:15px;display:flex}#breadcrumb{min-width:0;color:var(--text-secondary);pointer-events:auto;scrollbar-width:none;flex:auto;align-items:center;gap:4px;font-size:13px;display:flex;overflow:auto hidden}#breadcrumb::-webkit-scrollbar{display:none}#breadcrumb .crumb{cursor:pointer;white-space:nowrap;border-radius:3px;flex:none;padding:2px 6px}#breadcrumb .crumb:hover{background:var(--bg-hover);color:var(--text-primary)}#breadcrumb .separator{color:var(--text-secondary);opacity:.5;flex:none}#topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.thumbnail-size-control{background:var(--bg-tertiary);border:1px solid var(--border);height:30px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.thumbnail-size-control:hover,.thumbnail-size-control:focus-within{background:var(--bg-hover);color:var(--text-primary)}.thumbnail-size-control input[type=range]{width:92px;accent-color:var(--accent);cursor:ew-resize}.language-picker{background:var(--bg-tertiary);border:1px solid var(--border);height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:0 6px 0 8px;font-size:12px;display:inline-flex}.language-picker:hover{background:var(--bg-hover);color:var(--text-primary)}.language-picker:focus-within{border-color:var(--accent);outline:none}.language-icon{font-size:14px;line-height:1}.language-select{min-width:92px;height:28px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:12px}.language-select:focus{outline:none}.language-select option{color:var(--text-primary);background:var(--bg-secondary)}.theme-toggle{align-items:center;gap:5px;display:inline-flex}.theme-toggle span{pointer-events:none}#image-count{color:var(--text-secondary);white-space:nowrap;font-size:12px}html.file-picker-mode #btn-batch-export,html.file-picker-mode #sidebar,html.file-picker-mode #sidebar-resizer,html.file-picker-mode #breadcrumb,#btn-viewer-open-photo{display:none}html.file-picker-mode #btn-viewer-open-photo{display:inline-flex}html.file-picker-mode #app-footer{justify-content:flex-end;left:0}#main{flex:1;display:flex;overflow:hidden}#sidebar{width:var(--sidebar-width);background:var(--bg-secondary);flex-shrink:0;padding:8px 0;overflow:auto}.sidebar-resizer{flex:0 0 var(--sidebar-resizer-width);background:var(--bg-secondary);border-left:1px solid var(--border);border-right:1px solid var(--border);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;position:relative}.sidebar-resizer:before{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sidebar-resizer:hover:before,.sidebar-resizer:focus-visible:before,.sidebar-resizer.active:before{background:var(--accent)}body.resizing-sidebar{cursor:ew-resize;-webkit-user-select:none;user-select:none}body.resizing-sidebar *{cursor:ew-resize!important}#folder-tree{width:max-content;min-width:100%;font-size:13px}.tree-item{width:max-content;min-width:100%;padding:4px 8px 4px calc(8px + var(--depth,0) * 12px);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.tree-item:hover{background:var(--bg-hover)}.tree-item.active{background:var(--bg-tertiary);color:var(--accent)}.tree-item .icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.tree-item .name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.tree-item .count{color:var(--text-secondary);flex-shrink:0;margin-left:auto;font-size:11px}#gallery{padding:12px 12px calc(12px + var(--app-footer-height));flex:1;position:relative;overflow-y:auto}#thumbnail-grid{grid-template-columns:repeat(auto-fill, minmax(var(--thumb-size), 1fr));gap:8px;display:grid}.thumb-item{aspect-ratio:1;cursor:pointer;background:var(--bg-tertiary);content-visibility:auto;contain-intrinsic-size:var(--thumb-size);-webkit-user-select:none;user-select:none;border-radius:4px;transition:transform .1s;position:relative;overflow:hidden}.thumb-shell{aspect-ratio:1;min-width:0;position:relative}.thumb-shell .thumb-item{aspect-ratio:auto;width:100%;height:100%}.thumb-remove{z-index:4;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#141414d1;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:opacity .12s,background .12s,transform .12s;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 2px 7px #00000073}.thumb-remove svg{pointer-events:none;width:16px;height:16px;display:block;overflow:visible}.thumb-remove path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.thumb-shell:hover .thumb-remove,.thumb-shell:focus-within .thumb-remove,.thumb-remove:focus-visible{opacity:1;pointer-events:auto}.thumb-remove:hover,.thumb-remove:focus-visible{background:#b91c1cf0;border-color:#fecaca;outline:none;transform:scale(1.06)}#thumbnail-grid.picker-compare-selecting .thumb-remove{display:none}.thumb-item:hover{transform:scale(1.03);box-shadow:0 2px 8px #0006}.thumb-item img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.thumb-item .thumb-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:linear-gradient(#0000,#000c);padding:4px 6px;font-size:11px;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.thumb-item:hover .thumb-name{opacity:1}.thumb-item.loading{color:var(--text-secondary);justify-content:center;align-items:center;font-size:24px;display:flex}.folder-item{aspect-ratio:1;cursor:pointer;background:var(--bg-tertiary);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:transform .1s;display:flex;overflow:hidden}.folder-item:hover{background:var(--bg-hover);transform:scale(1.03)}.folder-item .folder-icon{font-size:48px}.folder-item .folder-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 8px;font-size:12px;overflow:hidden}#empty-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 18px 46px;display:flex;position:absolute;inset:0;overflow-y:auto}#empty-state p:first-child{font-size:64px}#empty-state .hint{opacity:.6;font-size:12px}.empty-source-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:4px;display:none}.photo-picker-cta,.folder-picker-cta{border:1px solid var(--accent);background:var(--accent);color:#071117;min-height:44px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:700;display:inline-flex}.folder-picker-cta{border-color:var(--border);background:var(--bg-tertiary);color:var(--text-primary)}.photo-picker-cta:hover,.folder-picker-cta:hover{opacity:.9}html.file-picker-mode .empty-source-actions{display:flex}html.file-picker-mode #empty-state-icon{display:none}html.file-picker-mode #empty-state{justify-content:flex-start;padding-top:clamp(36px,8vh,72px)}html.file-picker-mode #empty-state-title{color:var(--text-primary);font-size:20px;font-weight:650}html.file-picker-mode #privacy-badge{white-space:normal}html.file-picker-mode .seo-panel{padding-bottom:12px}html.file-picker-mode .thumb-item .thumb-name{opacity:1}html.file-picker-mode .thumb-item{content-visibility:visible;contain-intrinsic-size:none}#empty-state.hidden,#empty-state.folder-empty #privacy-badge,#empty-state.folder-empty .seo-panel{display:none}#privacy-badge{color:#10b981;white-space:nowrap;background:#10b9811a;border:1px solid #10b98140;border-radius:8px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 32px);margin-top:20px;padding:10px 16px;font-size:12px;line-height:1.4;display:flex}#privacy-badge span:first-child{flex-shrink:0;font-size:18px}#privacy-badge span:last-child{min-width:0}.seo-panel{width:min(860px,100% - 32px);color:var(--text-secondary);text-align:left;margin-top:12px;font-size:13px;line-height:1.65}.seo-panel h2,.seo-panel h3{color:var(--text-primary);line-height:1.25}.seo-panel h2{text-align:center;margin-bottom:8px;font-size:18px;font-weight:700}.seo-panel h3{margin-bottom:5px;font-size:13px;font-weight:700}.seo-panel>p{text-align:center;max-width:760px;margin:0 auto}.seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.seo-grid>section,.seo-panel details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.seo-grid>section{padding:12px}.seo-grid p,.seo-panel details p{margin:0}.seo-panel details{margin-top:10px}.seo-panel summary{color:var(--text-primary);cursor:pointer;padding:11px 12px;font-weight:700}.seo-panel details p{border-top:1px solid var(--border);padding:11px 12px 12px}.download-chrome-btn{background:var(--accent);color:#111;border-radius:6px;margin-top:12px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.download-chrome-btn:hover{opacity:.9}#app-footer{bottom:0;left:calc(var(--sidebar-width) + var(--sidebar-resizer-width));min-height:var(--app-footer-height);padding:6px 14px max(6px, env(safe-area-inset-bottom));color:var(--footer-text);background:var(--bg-secondary);border-top:1px solid var(--border);box-shadow:0 -10px 24px var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:8;justify-content:space-between;align-items:center;gap:12px;font-size:11px;line-height:1.35;transition:background .15s,color .15s;display:flex;position:fixed;right:0}#app-footer:hover{color:var(--text-primary);background:var(--bg-secondary)}#app-footer a{color:var(--accent);pointer-events:auto;text-decoration:none}#app-footer a:hover{opacity:1;text-decoration:underline}.footer-legal-link{opacity:.82;transition:opacity .15s}.footer-legal-link:hover,.footer-legal-link:focus-visible{opacity:1}.footer-meta{white-space:nowrap;flex:0 auto;align-items:center;gap:4px;min-width:max-content;display:flex;position:relative}.footer-sep{opacity:.55;margin:0 4px}#viewer{z-index:1000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}#viewer.hidden{display:none}#viewer-toolbar{z-index:10;background:#000000d9;align-items:center;gap:16px;padding:8px 16px;display:flex}.toolbar-export-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:#4fc3f71f;border:1px solid #4fc3f74d;border-radius:4px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:500}.toolbar-export-btn:hover{border-color:var(--accent);background:#4fc3f738}.toolbar-separator{background:#ffffff26;flex-shrink:0;width:1px;height:20px}#viewer-filename{color:#ccc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}#viewer-counter{color:#888;flex-shrink:0;font-size:12px}#viewer-actions{gap:4px;margin-left:auto;display:flex}#viewer-actions button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}#viewer-actions button:hover{background:#ffffff1a;border-color:#fff3}#viewer-actions button.active{color:var(--accent);background:#4fc3f729;border-color:#4fc3f773}.rotation-state{height:32px;color:var(--accent);background:#4fc3f71c;border:1px solid #4fc3f75c;border-radius:4px;align-items:center;margin-left:2px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.rotation-state.hidden{display:none}#rotation-angle{text-align:center;min-width:38px;padding:0 8px}#viewer-actions .rotation-state button{width:30px;height:30px;color:var(--accent);border:0;border-left:1px solid #4fc3f747;border-radius:0;font-size:15px}#viewer-actions .rotation-state button:hover{background:#4fc3f733;border-left-color:#4fc3f780}#viewer-container{flex:1;align-items:center;transition:margin-right .25s;display:flex;position:relative;overflow:hidden}#viewer-container.exif-open{margin-right:360px}#viewer-image-wrap{touch-action:none;overscroll-behavior:contain;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.viewer-img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;opacity:0;max-width:none;max-height:none;transition:opacity .25s;position:absolute;top:50%;left:50%}.viewer-img.active{opacity:1}.viewer-img.slide-left{animation:.25s forwards slideFromRight}.viewer-img.slide-right{animation:.25s forwards slideFromLeft}@keyframes slideFromRight{0%{opacity:0;transform:translate(-50%,-50%)translate(40px)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-50%,-50%)translate(-40px)}to{opacity:1;transform:translate(-50%,-50%)}}.viewer-img.fade-out{opacity:0;transition:opacity .2s}.viewer-img.stale-frame-hidden{opacity:0;transition:none;animation:none}.viewer-img.zoom-actual{cursor:grab}.viewer-img.zoom-actual:active{cursor:grabbing}.viewer-img.zoom-animate{will-change:transform;transition:transform .25s cubic-bezier(.34,1.25,.64,1)}#zoom-indicator{color:#fff;pointer-events:none;z-index:30;opacity:1;background:#000000b3;border-radius:8px;padding:12px 24px;font-size:28px;font-weight:600;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#zoom-indicator.hidden{opacity:0;pointer-events:none}#viewer-spinner{z-index:25;pointer-events:none;opacity:0;will-change:opacity;contain:layout paint;width:36px;height:36px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#viewer-spinner.visible{opacity:1}#viewer-spinner:after{content:"";box-sizing:border-box;backface-visibility:hidden;will-change:transform;border:3px solid #fff3;border-top-color:#fffc;border-radius:50%;width:100%;height:100%;animation:.7s linear infinite spin;display:block;transform:translateZ(0)}@keyframes spin{0%{transform:rotate(0)translateZ(0)}to{transform:rotate(360deg)translateZ(0)}}.shortcut-hint{z-index:35;color:#ffffffc7;white-space:nowrap;pointer-events:none;opacity:0;background:#000000c7;border:1px solid #ffffff29;border-radius:6px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 12px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000061}.shortcut-hint.visible{opacity:1}.shortcut-hint.hidden{display:none}.bird-view{z-index:30;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#000000bf;border:1px solid #ffffff4d;border-radius:4px;padding:3px;transition:opacity .2s;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 8px #00000080}.bird-view.hidden{opacity:0;pointer-events:none}.bird-view-canvas{border-radius:2px;max-width:160px;max-height:120px;display:block}.bird-view-rect{box-sizing:border-box;pointer-events:none;background:#ffffff14;border:2px solid #ffffffe6;position:absolute;box-shadow:0 0 0 1px #00000080}.nav-btn{color:#fff;cursor:pointer;z-index:5;opacity:0;background:#00000080;border:none;justify-content:center;align-items:center;width:60px;height:100px;font-size:48px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#viewer-container:hover .nav-btn{opacity:.7}.nav-btn:hover{background:#000000b3;opacity:1!important}#btn-prev{border-radius:0 8px 8px 0;left:0}#btn-next{border-radius:8px 0 0 8px;right:0}#viewer-info{color:#888;background:#000000d9;gap:20px;padding:6px 16px;font-size:12px;display:flex}#viewer-info.hidden{display:none}#exif-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#141414eb;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;min-height:38px;padding:8px 20px;transition:background .15s;display:flex}#exif-bar:hover{background:#282828f2}#exif-bar-content{color:#bbb;letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}#exif-bar-content .bar-label{color:#666;margin-right:4px;font-size:11px}#exif-bar-content .bar-value{color:#ddd;margin-right:16px;font-weight:500}#exif-bar-content .bar-separator{color:#444;margin:0 8px}#exif-bar-toggle{color:var(--accent);opacity:.7;flex-shrink:0;margin-left:12px;font-size:11px;transition:opacity .15s}#exif-bar:hover #exif-bar-toggle{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.slideshow-active #btn-viewer-slideshow,.slideshow-active #btn-slideshow{color:var(--accent)!important}#exif-panel{top:var(--topbar-height);background:var(--exif-panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border);z-index:20;flex-direction:column;width:360px;animation:.2s ease-out exif-slide-in;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}#exif-panel.hidden{display:none}@keyframes exif-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#exif-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}#exif-panel-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}#exif-panel-header button:hover{background:var(--bg-hover);color:var(--text-primary)}#exif-panel-content{flex:1;padding:12px 0;overflow-y:auto}.tag-filter-bar{z-index:5;background:var(--exif-panel-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:-12px;margin-bottom:12px;padding:12px 16px;position:sticky;top:-12px}.tag-filter-wrap{align-items:center;display:flex;position:relative}.tag-filter-icon{color:var(--text-secondary);pointer-events:none;font-size:12px;position:absolute;left:10px}.tag-filter-input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font:inherit;border-radius:6px;outline:none;padding:7px 60px 7px 30px;font-size:12px;transition:border-color .15s}.tag-filter-input::placeholder{color:var(--text-secondary);opacity:.7}.tag-filter-input:focus{border-color:var(--accent)}.tag-filter-count{color:var(--text-secondary);pointer-events:none;white-space:nowrap;font-size:10px;position:absolute;right:30px}.tag-filter-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;line-height:1;transition:color .15s,background-color .15s;display:none;position:absolute;right:6px}.tag-filter-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.tag-filter-input:not(:placeholder-shown)~.tag-filter-clear{display:block}.tag-filter-no-match{color:var(--text-secondary);text-align:center;padding:24px 16px;font-size:13px;display:none}#exif-panel .filter-hidden{display:none}.exif-placeholder{height:100%;color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.exif-highlight-grid{grid-template-columns:1fr 1fr;gap:2px;margin-bottom:12px;padding:0 12px;display:grid}.exif-hl-item{background:var(--subtle-fill);border-radius:4px;padding:8px 10px}.exif-hl-item .hl-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.exif-hl-item .hl-value{color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:500}.exif-hl-item.wide{grid-column:1/-1}.exif-section-group{border-top:1px solid var(--border)}.exif-section-toggle{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.exif-section-toggle:hover{background:var(--subtle-fill)}.exif-section-toggle .section-arrow{color:var(--text-secondary);text-align:center;width:14px;font-size:10px;transition:transform .15s}.exif-section-toggle .section-count{color:var(--text-secondary);background:var(--subtle-fill-strong);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:11px}.exif-section-body{padding:0 16px 8px}.exif-section-body.hidden{display:none}.exif-row{gap:8px;padding:3px 0;font-size:12px;line-height:1.4;display:flex}.exif-row .row-label{color:var(--text-secondary);flex-shrink:0;min-width:120px}.exif-row .row-value{color:var(--text-primary);word-break:break-all}.exif-row-embedded-image{align-items:flex-start}.embedded-image-summary,.embedded-image-status{display:block}.embedded-image-status{color:var(--text-secondary);margin-top:2px;font-size:11px}.embedded-image-button{cursor:zoom-in;text-align:left;background:0 0;border:0;margin-top:8px;padding:0;display:block}.embedded-image-button.hidden{display:none}.embedded-image-preview{border:1px solid var(--border);background:var(--bg-secondary);border-radius:4px;width:auto;max-width:180px;height:auto;max-height:140px;display:block}.exif-export-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:calc(100% - 32px);color:var(--text-primary);cursor:pointer;text-align:center;border-radius:4px;margin:12px 16px;padding:8px;font-size:12px;display:block}.exif-export-btn:hover{background:var(--bg-hover)}.exif-export-btn:disabled{cursor:wait;opacity:.7}.exif-map{border:1px solid var(--border);border-radius:6px;margin:8px 12px;overflow:hidden}.modal{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border);width:420px;max-width:90vw;box-shadow:0 16px 48px var(--card-shadow);border-radius:8px;position:relative}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-size:15px;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:16px 20px;display:flex}.shortcuts-dialog{flex-direction:column;width:640px;max-height:min(720px,88vh);display:flex}.privacy-dialog{width:520px}.privacy-body{gap:16px}.privacy-note{color:var(--text-primary);background:#10b98114;border:1px solid #10b9813d;border-radius:6px;grid-template-columns:36px 1fr;gap:12px;padding:14px;display:grid}.privacy-note-icon{color:#10b981;background:#10b98124;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.privacy-note strong{margin-bottom:6px;font-size:13px;display:block}.privacy-note p{color:var(--text-secondary);font-size:12px;line-height:1.5}.privacy-points{color:var(--text-secondary);gap:8px;font-size:12px;display:grid}.privacy-points span{padding-left:18px;line-height:1.45;position:relative}.privacy-points span:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:4px}.privacy-footer{align-items:center;gap:10px}.privacy-footer button:not(.primary-btn){border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px;font-size:13px}.privacy-footer button:not(.primary-btn):hover{background:var(--bg-hover);color:var(--text-primary)}.shortcuts-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;display:grid;overflow:auto}.shortcut-section{min-width:0}.shortcut-section h4{color:var(--accent);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.shortcut-row{border-top:1px solid var(--border);min-height:32px;color:var(--text-secondary);grid-template-columns:minmax(96px,auto) 1fr;align-items:center;gap:12px;padding:5px 0;font-size:13px;display:grid}.shortcut-row>span:first-child{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.shortcut-row>span:last-child{min-width:0;color:var(--text-primary)}.resize-row{align-items:center;gap:10px;display:flex}.resize-row label{color:var(--text-secondary);min-width:60px;font-size:13px}.resize-row input[type=number]{background:var(--bg-primary);border:1px solid var(--border);width:90px;color:var(--text-primary);border-radius:4px;padding:6px 8px;font-size:13px}.resize-row input[type=number]:focus{border-color:var(--accent);outline:none}.resize-row select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;flex:1;padding:6px 8px;font-size:13px}.resize-row select:focus{border-color:var(--accent);outline:none}.resize-row input[type=range]{accent-color:var(--accent);flex:1}.resize-hint{color:var(--text-secondary);margin-left:auto;font-size:11px}.lock-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.lock-btn.active{color:var(--accent);border-color:var(--accent);background:#4fc3f71a}.resize-presets{gap:8px;display:flex}.preset-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;flex:1;padding:6px 0;font-size:12px}.preset-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.primary-btn{background:var(--accent);color:#111;cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:600}.primary-btn:hover{opacity:.9}.primary-btn:disabled{opacity:.4;cursor:default}#resize-progress{background:var(--bg-primary);border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex}#resize-progress.hidden{display:none}#resize-progress-bar{background:var(--border);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}#resize-progress-bar:after{content:"";height:100%;width:var(--progress,0%);background:var(--accent);border-radius:2px;transition:width .2s;position:absolute;top:0;left:0}#resize-progress-text{color:var(--text-secondary);flex-shrink:0;font-size:12px}#quality-row.hidden{display:none}#editor-view{z-index:1600;color:#e5e7eb;background:#111315;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#editor-view.hidden{display:none}#editor-toolbar{background:#191b1f;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:12px;min-height:48px;padding:7px 12px;display:flex}#editor-filename{text-overflow:ellipsis;white-space:nowrap;color:#f3f4f6;min-width:0;font-size:13px;font-weight:600;overflow:hidden}#editor-dimensions{color:#858b95;white-space:nowrap;font-size:11px}#editor-gpu-memory{color:#7dd3fc;text-align:center;white-space:nowrap;background:#0ea5e914;border:1px solid #38bdf838;border-radius:999px;flex:none;min-width:66px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.2}#editor-gpu-memory[data-available=false]{color:#858b95;background:#ffffff08;border-color:#ffffff1a}.editor-toolbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.editor-zoom-controls{border-right:1px solid #ffffff1a;align-items:center;gap:3px;margin-right:3px;padding-right:8px;display:flex}#editor-toolbar .editor-zoom-controls button{width:29px;min-height:28px;padding:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700}#editor-toolbar #editor-zoom-actual{width:36px;font-size:9px}#editor-zoom-output{color:#aeb5c0;text-align:center;white-space:nowrap;width:42px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.editor-toolbar-btn,.editor-primary-btn,#editor-panel button{color:#d7dbe2;min-height:30px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:5px;padding:5px 10px;font-size:12px}.editor-toolbar-btn:hover:not(:disabled),#editor-panel button:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff3d}.editor-toolbar-btn.active,#editor-panel button.active{color:#7dd3fc;background:#4fc3f72e;border-color:#4fc3f7b8}.editor-toolbar-btn:disabled,.editor-primary-btn:disabled,#editor-panel button:disabled{opacity:.38;cursor:default}.editor-primary-btn{color:#071117;background:#38bdf8;border-color:#38bdf8;min-height:32px;padding-inline:15px;font-weight:700}.editor-primary-btn:hover:not(:disabled){background:#7dd3fc}.editor-before-btn.active{color:#17100a;background:#f59e0b;border-color:#fbbf24}#editor-main{flex:1;min-height:0;display:flex}#editor-workspace{touch-action:none;overscroll-behavior:contain;background-color:#0c0d0f;background-image:linear-gradient(45deg,#ffffff05 25%,#0000 25%),linear-gradient(-45deg,#ffffff05 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff05 75%),linear-gradient(-45deg,#0000 75%,#ffffff05 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:24px;display:flex;position:relative;overflow:hidden}#editor-workspace.editor-zoomed{cursor:grab;touch-action:none}#editor-workspace.editor-panning{cursor:grabbing}#editor-workspace.editor-white-balance-picking,#editor-workspace.editor-white-balance-picking.editor-zoomed{cursor:crosshair;touch-action:none}#editor-preview-stage{pointer-events:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:24px}#editor-canvas,#editor-detail-canvas{transform-origin:50%;background:#000;grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 14px 48px #00000080}#editor-canvas{z-index:1}#editor-detail-canvas{z-index:2;max-width:none;max-height:none;box-shadow:none}#editor-detail-canvas.hidden{display:none}#editor-canvas.editor-pixel-preview,#editor-detail-canvas.editor-pixel-preview{will-change:transform;max-width:none;max-height:none}#editor-bird-view{z-index:30}#editor-loading{z-index:20;color:#d1d5db;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b0ddb;border:1px solid #ffffff24;border-radius:7px;align-items:center;gap:9px;padding:10px 14px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#editor-loading.hidden{display:none}#editor-preview-status{z-index:31;color:#d7e7ef;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a0d11d1;border:1px solid #7dd3fc4d;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;line-height:1;transition:opacity .12s,transform .12s,visibility .12s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #00000061}#editor-preview-status.hidden{visibility:hidden;opacity:0;transform:translate(-50%,4px)}#editor-size-notice{z-index:32;background:var(--bg-secondary);width:max-content;max-width:calc(100% - 32px);color:var(--text-primary);box-shadow:0 8px 28px var(--card-shadow);pointer-events:none;visibility:hidden;opacity:0;border:1px solid #d977068c;border-radius:10px;align-items:center;gap:10px;padding:11px 15px;font-size:13px;line-height:1.5;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%,-6px)}#editor-size-notice.visible{visibility:visible;opacity:1;transform:translate(-50%)}#editor-size-notice svg{color:#d97706;flex:none;width:20px;height:20px}.editor-preview-status-spinner{border:1.5px solid #7dd3fc40;border-top-color:#7dd3fc;border-radius:50%;flex:none;width:11px;height:11px;animation:.72s linear infinite spin}.editor-spinner{border:2px solid #ffffff2e;border-top-color:#38bdf8;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}#editor-export-progress{z-index:45;pointer-events:all;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070a94;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#editor-export-progress.hidden{display:none}.editor-export-progress-card{background:#101419f5;border:1px solid #7dd3fc47;border-radius:10px;width:min(410px,100% - 32px);padding:16px 18px 15px;box-shadow:0 18px 55px #00000080}.editor-export-progress-heading{color:#e8f3f8;justify-content:space-between;align-items:baseline;gap:16px;font-size:12px;display:flex}#editor-export-progress-percent{color:#7dd3fc;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}#editor-export-progress-track{background:#ffffff1c;border-radius:999px;height:6px;margin-top:11px;position:relative;overflow:hidden}#editor-export-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#67e8f9);width:0;transition:width .18s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #38bdf857}#editor-export-progress-track.is-indeterminate #editor-export-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:42%;animation:1s ease-in-out infinite editor-export-shimmer;position:absolute;inset:0;transform:translate(-120%)}@keyframes editor-export-shimmer{to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){#editor-size-notice,#editor-export-progress-bar{transition:none}#editor-export-progress-track.is-indeterminate #editor-export-progress-bar:after{animation:none}}#editor-crop-box{z-index:10;cursor:move;touch-action:none;will-change:left, top, width, height;border:1px solid #fffffff2;position:absolute}#editor-crop-box.hidden{display:none}.editor-crop-grid{pointer-events:none;background:#ffffff6b;position:absolute}.editor-crop-grid.grid-v{width:1px;top:0;bottom:0}.editor-crop-grid.grid-h{height:1px;left:0;right:0}.grid-v-one{left:33.333%}.grid-v-two{left:66.666%}.grid-h-one{top:33.333%}.grid-h-two{top:66.666%}.editor-crop-rotate-zone{z-index:1;touch-action:none;width:32px;height:32px;position:absolute}.editor-crop-rotate-zone.rotate-nw{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grab;top:-33px;left:-33px}.editor-crop-rotate-zone.rotate-ne{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20transform='rotate(90%2016%2016)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grab;top:-33px;right:-33px}.editor-crop-rotate-zone.rotate-sw{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20transform='rotate(270%2016%2016)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grab;bottom:-33px;left:-33px}.editor-crop-rotate-zone.rotate-se{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20transform='rotate(180%2016%2016)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grab;bottom:-33px;right:-33px}#editor-crop-box[data-rotate-corner=nw],#editor-crop-box[data-rotate-corner=nw] *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grabbing}#editor-crop-box[data-rotate-corner=ne],#editor-crop-box[data-rotate-corner=ne] *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20transform='rotate(90%2016%2016)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grabbing}#editor-crop-box[data-rotate-corner=sw],#editor-crop-box[data-rotate-corner=sw] *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20transform='rotate(270%2016%2016)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grabbing}#editor-crop-box[data-rotate-corner=se],#editor-crop-box[data-rotate-corner=se] *{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cg%20transform='rotate(180%2016%2016)'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23071117'%20stroke-width='5'/%3e%3cpath%20d='M6%2022C6%2013.2%2013.2%206%2022%206M2.5%2018.2%206%2022l4.1-3.2M18.2%202.5%2022%206l-3.2%204.1'%20stroke='%23f8fafc'%20stroke-width='2.2'/%3e%3c/g%3e%3c/svg%3e") 16 16,grabbing}.editor-crop-handle{z-index:2;touch-action:none;background:#38bdf8;border:2px solid #fff;border-radius:2px;width:15px;height:15px;padding:0;position:absolute;box-shadow:0 1px 4px #000000b3}.editor-crop-handle.handle-nw{cursor:nwse-resize;top:-8px;left:-8px}.editor-crop-handle.handle-ne{cursor:nesw-resize;top:-8px;right:-8px}.editor-crop-handle.handle-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.editor-crop-handle.handle-se{cursor:nwse-resize;bottom:-8px;right:-8px}#editor-panel{color:#d1d5db;background:#1a1c20;border-left:1px solid #ffffff1a;flex:none;width:330px;min-width:300px;min-height:0;overflow-y:auto}.editor-panel-section{border-bottom:1px solid #ffffff14;padding:14px 15px 16px}.editor-panel-section h3{color:#f3f4f6;letter-spacing:.025em;margin-bottom:12px;font-size:12px;font-weight:700}.editor-section-heading{justify-content:space-between;align-items:center;display:flex}.editor-levels-heading,.editor-toggleable-heading,.editor-adjustments-heading,.editor-white-balance-heading,.editor-split-tone-heading,.editor-curves-heading{min-height:28px;margin-bottom:5px}.editor-panel-section.section-disabled{background:#00000013;padding-top:10px;padding-bottom:10px}.editor-panel-section.section-disabled>:not(.editor-section-heading),.editor-panel-section.section-disabled .editor-heading-actions{display:none}.editor-panel-section.section-disabled .editor-section-heading{min-height:28px;margin-bottom:0}#editor-panel .editor-section-toggle{color:#f3f4f6;letter-spacing:.025em;text-align:left;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:7px;min-width:0;min-height:28px;padding:3px 5px 3px 2px;font-size:12px;font-weight:700;display:flex}#editor-panel .editor-section-toggle:hover:not(:disabled){background:#ffffff0e;border-color:#0000}#editor-panel .editor-section-toggle:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.editor-section-toggle:before{content:"";background:#38bdf8;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 7px #38bdf87a}.editor-section-chevron{color:#8e96a3;text-align:center;width:9px;font-size:10px;line-height:1;transition:transform .16s;display:inline-block}.editor-section-bypass{color:#858c97;letter-spacing:.04em;border:1px solid #ffffff21;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:8px;font-weight:700;display:none}.editor-panel-section.section-disabled .editor-section-toggle{color:#858c97}.editor-panel-section.section-disabled .editor-section-toggle:before{box-shadow:none;background:#555c66}.editor-panel-section.section-disabled .editor-section-chevron{transform:rotate(-90deg)}.editor-panel-section.section-disabled .editor-section-bypass{display:inline-flex}.editor-look-picker{margin:9px 0 8px;position:relative}#editor-panel .editor-look-picker-toggle{color:#e5e7eb;text-align:left;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;min-height:46px;padding:5px 9px 5px 6px;display:grid}#editor-panel .editor-look-picker-toggle[aria-expanded=true]{background:#38bdf81c;border-color:#7dd3fcb8}#editor-look-picker-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:650;overflow:hidden}.editor-look-picker-chevron{color:#929aa6;width:16px;height:16px;transition:transform .15s;display:block}.editor-look-picker-chevron path{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.editor-look-picker-toggle[aria-expanded=true] .editor-look-picker-chevron{transform:rotate(180deg)}.editor-look-popover{z-index:30;background:#24272d;border:1px solid #ffffff2b;border-radius:7px;max-height:min(340px,100vh - 160px);padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #0000008c}.editor-look-popover.hidden{display:none}.editor-look-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 8px;display:grid}#editor-panel .editor-look-preset{color:#b8bec8;text-align:left;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-height:46px;padding:5px 7px;font-size:10px;line-height:1.2;display:grid}#editor-panel .editor-look-preset[aria-pressed=true]{color:#e5f6ff;background:#38bdf826;border-color:#7dd3fcd1;box-shadow:inset 0 0 0 1px #38bdf81a}#editor-panel .editor-look-preset.previewing:not([aria-pressed=true]){color:#fef3c7;background:#fbbf241a;border-color:#fbbf24c7;box-shadow:inset 0 0 0 1px #fbbf2414}.editor-look-swatch{background:linear-gradient(145deg,#1f2937,#9ca3af 51%,#f9fafb);border:1px solid #ffffff29;border-radius:4px;width:28px;height:32px;box-shadow:inset 0 0 8px #ffffff1a}.editor-look-picker-toggle .editor-look-swatch{width:36px;height:34px}.editor-look-preset[data-editor-look=none] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=none] .editor-look-swatch{background-color:#0000;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25% 75%,#ffffff14 75%),linear-gradient(45deg,#ffffff14 25%,#272a30 25% 75%,#ffffff14 75%);background-position:0 0,5px 5px;background-repeat:repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.editor-look-preset[data-editor-look=amber-negative] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=amber-negative] .editor-look-swatch{background:linear-gradient(145deg,#173044,#9b6741 53%,#f3d397)}.editor-look-preset[data-editor-look=faded-print] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=faded-print] .editor-look-swatch{background:linear-gradient(145deg,#4a4037,#a78067 50%,#dfc8a1)}.editor-look-preset[data-editor-look=cool-chrome] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=cool-chrome] .editor-look-swatch{background:linear-gradient(145deg,#142d4a,#467f91 52%,#d8e9de)}.editor-look-preset[data-editor-look=silver-retention] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=silver-retention] .editor-look-swatch{background:linear-gradient(145deg,#10151d,#606b72 50%,#e5e2d8)}.editor-look-preset[data-editor-look=soft-pastel] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=soft-pastel] .editor-look-swatch{background:linear-gradient(145deg,#6c647c,#c7978c 52%,#f3dfbd)}.editor-look-preset[data-editor-look=frosted-daylight] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=frosted-daylight] .editor-look-swatch{background:linear-gradient(145deg,#17343d,#6b9897 52%,#f0ead8)}.editor-look-preset[data-editor-look=lantern-nocturne] .editor-look-swatch,.editor-look-picker-toggle[data-active-look=lantern-nocturne] .editor-look-swatch{background:linear-gradient(145deg,#10252b,#79513a 52%,#efb76e)}#editor-panel .editor-look-custom-preset{grid-column:1/-1}#editor-panel .editor-look-custom-preset.hidden{display:none}.editor-look-custom-preset .editor-look-swatch,.editor-look-picker-toggle[data-active-look=custom] .editor-look-swatch{background:linear-gradient(145deg,#0a0c1014,#ffffff24),conic-gradient(from 215deg,#4279b8,#6ea36b,#d8b169,#b86670,#7560a7,#4279b8)}#editor-look-custom-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#editor-panel .editor-look-import{color:#a9dff8;border-style:dashed;width:100%;min-height:34px;margin-bottom:0}.editor-look-file-status{color:#8f98a5;overflow-wrap:anywhere;margin:5px 0 7px;font-size:10px;line-height:1.45}.editor-look-file-status.hidden{display:none}.editor-look-file-status[data-tone=error]{color:#fca5a5}.editor-look-file-status[data-tone=success]{color:#86efac}.editor-look-amount-control{margin-top:2px}.editor-look-hint,.editor-levels-heading h3,.editor-adjustments-heading h3,.editor-white-balance-heading h3,.editor-split-tone-heading h3,.editor-curves-heading h3{margin-bottom:0}#editor-panel #editor-auto-levels,#editor-panel #editor-auto-exposure,#editor-panel #editor-white-balance-picker,#editor-panel #editor-auto-white-balance,#editor-panel #editor-white-balance-reset,#editor-panel #editor-exposure-contrast-reset,#editor-panel #editor-split-tone-reset,#editor-panel #editor-monochrome-toggle,#editor-panel #editor-curve-reset-channel,#editor-panel #editor-curve-reset-all{color:#7dd3fc;border-color:#4fc3f761;min-height:24px;padding:3px 9px;font-size:10px}#editor-panel #editor-monochrome-toggle.active{background:#38bdf82e;border-color:#7dd3fc}#editor-panel #editor-white-balance-picker.active{color:#fcd34d;background:#f59e0b33;border-color:#fbbf24}.editor-heading-actions{align-items:center;gap:4px;display:flex}.editor-axis-pad{aspect-ratio:2;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#969696;border:1px solid #fff3;border-radius:8px;width:100%;margin-top:9px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000003d,0 5px 18px #00000038}.editor-axis-pad:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 30%,#00000014 100%),linear-gradient(#ffffff14,#0000 24%,#0000000d);position:absolute;inset:0}.editor-axis-pad:focus-visible{outline-offset:2px;outline:2px solid #7dd3fc}.editor-axis-pad[aria-disabled=true]{cursor:default;filter:saturate(.55);opacity:.48}.editor-axis-palette{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.editor-axis-crosshair{z-index:1;pointer-events:none;background:#fff3;position:absolute;box-shadow:0 0 0 .5px #00000029}.editor-axis-crosshair-x{height:1px;top:50%;left:0;right:0}.editor-axis-crosshair-y{width:1px;top:0;bottom:0;left:50%}.editor-axis-label{z-index:2;color:#ffffffe0;letter-spacing:.035em;text-shadow:0 1px 3px #000000e6;pointer-events:none;font-size:9px;font-weight:700;line-height:1;position:absolute}.editor-axis-top{top:8px;left:50%;transform:translate(-50%)}.editor-axis-bottom{bottom:8px;left:50%;transform:translate(-50%)}.editor-axis-left{top:50%;left:9px;transform:translateY(-50%)}.editor-axis-right{top:50%;right:9px;transform:translateY(-50%)}.editor-axis-puck{z-index:3;pointer-events:none;will-change:left, top;background:#11131524;border:2px solid #fff;border-radius:50%;width:19px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000d1,0 2px 7px #0000009e}.editor-axis-puck:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000b8}.editor-axis-pad.dragging .editor-axis-puck{width:23px;height:23px;box-shadow:0 0 0 1px #000000d1,0 3px 11px #000000b8}.editor-axis-hint{margin-bottom:3px}.editor-color-wheel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.editor-color-wheel-item{min-width:0}.editor-color-wheel{aspect-ratio:1;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#f4f4f4;border:1px solid #fff3;border-radius:50%;width:min(88px,100%);margin-inline:auto;position:relative;box-shadow:inset 0 0 0 1px #00000047,0 4px 13px #0000004d}.editor-color-wheel:focus-visible{outline-offset:3px;outline:2px solid #7dd3fc}.editor-color-wheel[aria-disabled=true]{cursor:default;filter:saturate(.5);opacity:.45}.editor-color-wheel-canvas{pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.editor-color-wheel-center{z-index:1;pointer-events:none;background:#ffffffb3;border:1px solid #00000085;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-color-wheel-puck{z-index:2;pointer-events:none;will-change:left, top;background:#22242833;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000d9,0 2px 5px #00000094}.editor-color-wheel.dragging .editor-color-wheel-puck{width:17px;height:17px}.editor-color-wheel.wheel-resetting{animation:.42s ease-out editor-color-wheel-reset}@keyframes editor-color-wheel-reset{0%,to{box-shadow:inset 0 0 0 1px #00000047,0 4px 13px #0000004d}40%{box-shadow:inset 0 0 0 1px #00000047,0 0 0 3px #38bdf880,0 4px 16px #38bdf86b}}.editor-color-wheel-caption{text-align:center;gap:2px;min-width:0;margin-top:7px;display:grid}.editor-color-wheel-caption>span{color:#c8cdd5;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.editor-color-wheel-caption output{color:#8e96a3;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;overflow:hidden}.editor-color-wheel-hint{margin-top:10px;margin-bottom:4px}.editor-tone-balance-scale{color:#737b87;justify-content:space-between;margin:-4px 58px 1px 72px;font-size:8px;line-height:1;display:flex}.editor-curve-channel-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0 7px;display:grid}#editor-panel .editor-curve-channel-tabs button{border-radius:4px;min-height:27px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:750}#editor-panel .editor-curve-channel-tabs button[data-curve-channel=red].active{color:#ff8992;background:#ff626d29;border-color:#ff626dc7}#editor-panel .editor-curve-channel-tabs button[data-curve-channel=green].active{color:#75e9a1;background:#50df8624;border-color:#50df86b3}#editor-panel .editor-curve-channel-tabs button[data-curve-channel=blue].active{color:#8dbfff;background:#63a8ff29;border-color:#63a8ffc2}.editor-curve-graph{background:#111318;border:1px solid #ffffff29;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000006b,0 5px 17px #0000003d}#editor-curve-canvas{aspect-ratio:1;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}#editor-curve-canvas:focus-visible{outline-offset:-3px;outline:2px solid #7dd3fc}#editor-curve-canvas.dragging{cursor:grabbing}#editor-curve-canvas[aria-disabled=true]{cursor:default;filter:saturate(.55);opacity:.48}.editor-curve-point-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:7px;margin-top:9px;display:grid}.editor-curve-point-controls label{color:#8e96a3;gap:4px;min-width:0;font-size:9px;font-weight:650;display:grid}.editor-curve-point-controls input{color:#eef2f7;text-align:center;background:#111318;border:1px solid #ffffff26;border-radius:4px;outline:none;width:100%;min-width:0;height:28px;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.editor-curve-point-controls input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf840}.editor-curve-point-controls input:disabled{opacity:.42}#editor-panel #editor-curve-delete-point{color:#b8bec8;min-height:28px;padding:4px 8px;font-size:9px}.editor-curve-hint{margin-top:8px}.editor-channel-pills{justify-content:center;align-items:center;gap:4px;height:24px;line-height:0;display:flex}#editor-panel .editor-channel-pill{background:#ffffff0b;border:1px solid #ffffff29;border-radius:999px;flex:0 0 30px;place-items:center;width:30px;height:22px;min-height:22px;padding:0;line-height:0;display:inline-grid}#editor-panel .editor-channel-pill:hover:not(:disabled){background:#ffffff13;border-color:#ffffff21}#editor-panel .editor-channel-pill.active{color:inherit;background:#ffffff13;border-color:#fff3}#editor-panel .editor-channel-pill:focus-visible{outline-offset:-2px;outline:2px solid #7dd3fc}.editor-channel-pill>span{color:oklch(72% .18 25);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:800;line-height:1;transition:color .14s,opacity .14s;display:block}.editor-channel-pill[data-histogram-channel=green]>span{color:oklch(72% .17 145)}.editor-channel-pill[data-histogram-channel=blue]>span{color:oklch(72% .16 255)}.editor-channel-pill[aria-pressed=false]>span{color:#6f7681;opacity:.48}#editor-histogram{border:1px solid #ffffff14;border-radius:4px;width:100%;height:112px;display:block}.editor-control-row{color:#b8bec8;grid-template-columns:72px minmax(80px,1fr) 58px;align-items:center;gap:8px;min-height:34px;font-size:11px;display:grid}.editor-control-row input[type=range]{accent-color:#38bdf8;touch-action:manipulation;width:100%}.editor-control-row output{color:#e5e7eb;text-align:right;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.editor-control-row.range-resetting input[type=range]{animation:.42s ease-out editor-range-reset-track}.editor-control-row.range-resetting output{animation:.42s ease-out editor-range-reset-output}@keyframes editor-range-reset-track{0%,to{filter:none}38%{filter:drop-shadow(0 0 5px #38bdf8f2)}}@keyframes editor-range-reset-output{0%,to{color:#e5e7eb;text-shadow:none}38%{color:#7dd3fc;text-shadow:0 0 8px #38bdf8cc}}.editor-button-row{gap:8px;display:flex}.editor-button-row button{flex:1}.editor-flip-buttons{margin:2px 0 8px}.editor-color-input-row{color:#b8bec8;justify-content:space-between;align-items:center;min-height:34px;font-size:11px;display:flex}.editor-color-input-row input[type=color]{background:#111318;border:1px solid #ffffff29;border-radius:4px;width:58px;height:28px;padding:2px}.editor-geometry-control{padding:0 0 10px}.editor-control-row.editor-rotation-control{grid-template:"label value""slider slider"/1fr auto;gap:4px 8px;min-height:49px;margin-bottom:6px}.editor-rotation-control>span{grid-area:label}.editor-rotation-control input[type=range]{grid-area:slider}.editor-rotation-control output{grid-area:value}#editor-rotation-output{min-width:58px}.editor-rotation-buttons{gap:6px}#editor-panel .editor-rotation-buttons button{color:#cdd3dc;min-height:29px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}#editor-panel .editor-rotation-buttons button:last-child{color:#929aa6;flex-grow:.72}.editor-rotation-hint{margin-bottom:0}.editor-perspective-controls{border-top:1px solid #fff1;border-bottom:1px solid #fff1;margin:0 0 8px;padding:8px 0 6px}.editor-perspective-controls .editor-panel-hint{margin:4px 0 0}.editor-crop-aspect-control{color:#b8bec8;border-top:1px solid #fff1;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0 2px;font-size:11px;display:grid}.editor-crop-aspect-label{padding-top:8px}.editor-crop-aspect-editor{gap:6px;min-width:0;display:grid}.editor-crop-aspect-modes,.editor-crop-custom-ratio{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}#editor-panel .editor-crop-aspect-modes button,#editor-panel .editor-crop-custom-ratio button{min-height:30px;padding:5px 7px;font-size:11px}#editor-crop-aspect-custom{box-sizing:border-box;color:#e5e7eb;width:100%;min-width:0;min-height:30px;font:inherit;background:#202328;border:1px solid #ffffff24;border-radius:5px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}#editor-crop-aspect-custom::placeholder{color:#737b87;opacity:1}#editor-crop-aspect-custom:hover:not(:disabled){background:#272b31;border-color:#ffffff3d}#editor-crop-aspect-custom:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}#editor-crop-aspect-custom[aria-invalid=true]{background:#7f1d1d29;border-color:#f87171c7}#editor-crop-aspect-custom:disabled{opacity:.38;cursor:default}.editor-crop-aspect-error{color:#fca5a5;font-size:9px;line-height:1.35}.editor-crop-aspect-error[hidden]{display:none}.editor-crop-actions{padding-top:8px}.editor-panel-hint,.editor-shortcut-hint{color:#858b95;font-size:10px;line-height:1.5}.editor-panel-hint{margin-top:9px}.editor-export-dimensions{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:end;gap:7px;display:grid}.editor-export-dimension{color:#b8bec8;gap:5px;min-width:0;font-size:11px;display:grid}.editor-export-dimension input,.editor-export-select-row select{box-sizing:border-box;color:#e5e7eb;width:100%;min-width:0;font:inherit;background:#202328;border:1px solid #ffffff24;border-radius:5px;font-size:11px}.editor-export-dimension input{height:30px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.editor-export-dimension input:focus-visible,.editor-export-select-row select:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}#editor-panel #editor-export-lock{width:32px;height:30px;min-height:30px;padding:0;font-size:13px}.editor-export-original{color:#858b95;min-height:15px;margin:6px 0 8px;font-size:10px;line-height:1.4}.editor-export-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}#editor-panel .editor-export-presets button{min-height:27px;padding:3px 4px;font-size:10px}.editor-export-select-row{color:#b8bec8;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;font-size:11px;display:grid}.editor-export-select-row select{height:30px;padding:4px 7px}.editor-export-options #editor-quality-row{margin-top:4px}.editor-export-options .checkbox-row{color:#b8bec8;margin-top:9px;font-size:11px}.editor-export-options .checkbox-row.is-disabled{opacity:.45}#editor-status{color:#9ca3af;min-height:38px;padding:11px 15px 0;font-size:11px;line-height:1.45}#editor-status[data-tone=success]{color:#6ee7b7}#editor-status[data-tone=error]{color:#fca5a5}.editor-shortcut-hint{padding:8px 15px 18px}@media (width<=900px){html.file-picker-mode .thumbnail-size-control,html.file-picker-mode #btn-shortcuts{display:none}html.file-picker-mode #topbar-actions{gap:6px;min-width:0}#editor-toolbar{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));flex-wrap:wrap;gap:6px 10px}#editor-filename{flex:120px}#editor-gpu-memory{display:none}.editor-toolbar-actions{scrollbar-width:none;width:100%;margin-left:0;padding-bottom:2px;overflow-x:auto}.editor-toolbar-actions::-webkit-scrollbar{display:none}.editor-toolbar-actions>*{flex-shrink:0}#viewer-toolbar{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));flex-wrap:wrap;gap:6px 8px}#viewer-filename{flex:140px}#viewer-actions{scrollbar-width:none;order:2;width:100%;margin-left:0;overflow-x:auto}#viewer-actions::-webkit-scrollbar{display:none}#viewer-container.exif-open{margin-right:0}#exif-panel{width:min(100%,420px);top:0}#editor-panel{width:290px;min-width:270px}.editor-control-row{grid-template-columns:66px minmax(64px,1fr) 52px}#editor-workspace{padding:24px}#editor-preview-stage{inset:24px}}#compare-view{z-index:1500;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}#compare-view.hidden{display:none}#compare-toolbar{border-bottom:1px solid var(--border);z-index:5;background:#000000e6;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.compare-label{color:#ccc;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:13px;overflow:hidden}.compare-vs{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.compare-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.compare-actions button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:5px 12px;font-size:12px}.compare-actions button:hover{background:var(--bg-hover)}.compare-mode-toggle{border:1px solid var(--border);border-radius:4px;display:flex;overflow:hidden}.compare-actions .compare-mode-btn{border:0;border-right:1px solid var(--border);border-radius:0;padding:5px 9px}.compare-actions .compare-mode-btn:last-child{border-right:0}.compare-actions .compare-mode-btn.active{background:var(--accent);color:#000}#compare-container{cursor:grab;touch-action:none;overscroll-behavior:contain;flex:1;position:relative;overflow:hidden}#compare-container:active{cursor:grabbing}#compare-layer-back,#compare-layer-front{position:absolute;inset:0;overflow:hidden}#compare-layer-front{clip-path:inset(0)}#compare-layer-back img,#compare-layer-front img{-webkit-user-select:none;user-select:none;will-change:transform;transform-origin:0 0;position:absolute}#compare-slider{z-index:10;cursor:col-resize;touch-action:none;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#compare-slider-line{background:var(--accent);position:absolute;inset:0;box-shadow:0 0 6px #4fc3f780}#compare-slider-handle{background:var(--accent);color:#000;letter-spacing:-2px;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 4px;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080}#compare-slider:focus-visible #compare-slider-handle{outline-offset:3px;outline:2px solid #fff}#compare-footer{border-top:1px solid var(--border);background:#000000e6;flex-shrink:0;padding:8px 16px}.compare-touch-hint{color:#aaa;text-align:center;margin-bottom:7px;font-size:12px;display:none}.context-hint{z-index:20;outline:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:14px;right:14px}.context-hint-icon{width:32px;height:32px;color:var(--text-secondary);cursor:help;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;font-size:15px;display:flex}.context-hint:hover .context-hint-icon,.context-hint:focus .context-hint-icon{color:var(--accent);background:#000000d1;border-color:#4fc3f76b}.context-hint-popover{width:max-content;max-width:min(360px,100vw - 32px);color:var(--text-secondary);pointer-events:none;opacity:0;background:#000000db;border:1px solid #ffffff29;border-radius:6px;gap:8px;padding:10px 12px;font-size:12px;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:40px;right:0;transform:translateY(4px);box-shadow:0 10px 30px #0000006b}.context-hint-popover span{white-space:nowrap;align-items:center;gap:8px;display:flex}.context-hint:hover .context-hint-popover,.context-hint:focus .context-hint-popover{opacity:1;transform:translateY(0)}#compare-strip{color:#888;align-items:center;gap:8px;font-size:12px;display:flex;overflow-x:auto}#compare-strip .strip-thumb-frame{background:#ffffff0f;border-radius:4px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}#compare-strip .strip-thumb-frame.loading:after{content:"";border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spin;position:absolute;inset:18px}#compare-strip .strip-thumb-frame.error:after{content:"!";color:#f59e0b;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}#compare-strip .strip-thumb{object-fit:cover;cursor:pointer;opacity:0;border:2px solid #0000;width:100%;height:100%;transition:opacity .15s,border-color .15s;display:block}#compare-strip .strip-thumb.loaded{opacity:.6}#compare-strip .strip-thumb.loaded:hover{opacity:.9}#compare-strip .strip-thumb.active{border-color:var(--accent);opacity:1}#compare-strip .strip-thumb.base{opacity:1;border-color:#f59e0b}.set-base-btn{color:#fbbf24;cursor:pointer;opacity:0;background:#000000c7;border:1px solid #f59e0ba6;border-radius:3px;height:18px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;transition:opacity .15s,background .15s,color .15s;position:absolute;bottom:4px;left:4px;right:4px}.strip-thumb-frame:hover .set-base-btn,.strip-thumb-frame:focus-within .set-base-btn{opacity:1}.set-base-btn:hover:not(:disabled),.set-base-btn:focus-visible:not(:disabled){color:#111;background:#f59e0b;outline:none}.set-base-btn:disabled{cursor:default;opacity:.9;color:#111;background:#f59e0be6}#compare-strip .strip-label{color:var(--text-secondary);text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;font-size:10px;display:flex}#compare-strip .strip-label .key-hint{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:3px;padding:1px 5px;font-size:10px}#compare-strip .strip-label .key-hint.muted{opacity:.5;background:0 0;border-color:#0000}#compare-zoom-level{color:var(--accent);font-weight:500}.thumb-item.compare-selected,#thumbnail-grid.selection-all .thumb-item:not(.selection-excluded){outline:3px solid var(--accent);outline-offset:-3px}.thumb-item.compare-selected:after,#thumbnail-grid.selection-all .thumb-item:not(.selection-excluded):after{content:"✓";background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}#btn-compare-mode.selecting{color:var(--accent)!important;border-color:var(--accent)!important;background:#4fc3f726!important}#thumbnail-grid.picker-compare-selecting{padding-bottom:92px}#thumbnail-grid.picker-compare-selecting .thumb-item.compare-selected:after{content:attr(data-compare-order);width:28px;height:28px;font-size:14px}html.file-picker-mode #btn-compare-mode,html.file-picker-mode #btn-viewer-compare,#thumbnail-grid.picker-compare-selecting .thumb-item{touch-action:manipulation}@media (width<=900px){#compare-toolbar{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));flex-wrap:wrap;gap:6px 8px}#compare-toolbar .compare-label{flex:100px;min-width:0;max-width:none}#compare-toolbar .compare-actions{scrollbar-width:none;order:2;width:100%;margin-left:0;overflow-x:auto}#compare-toolbar .compare-actions::-webkit-scrollbar{display:none}}@media (pointer:coarse),(hover:none){html.file-picker-mode{--topbar-height:56px}html.file-picker-mode #topbar button,html.file-picker-mode #topbar .language-picker{min-height:44px}.thumb-remove{opacity:1;pointer-events:auto;width:36px;height:36px}.compare-touch-hint{display:block}#compare-hint{display:none}.compare-actions button{min-height:44px}#compare-slider{width:44px}#compare-slider-line{left:20px;right:20px}#compare-slider-handle{padding:11px 7px}#compare-strip .strip-label .key-hint{display:none}#compare-strip .strip-thumb-frame{width:64px;height:64px}.set-base-btn{opacity:1;height:28px}#compare-footer{padding-bottom:max(8px, env(safe-area-inset-bottom))}}#drag-select-box{border:2px solid var(--accent);pointer-events:none;z-index:7;background:#4fc3f71f;border-radius:2px;display:none;position:absolute}#drag-select-box.active{display:block}.thumb-item.drag-hover{outline:2px solid var(--accent);outline-offset:-2px;opacity:.85}#batch-progress{background:var(--bg-primary);border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex}#batch-progress.hidden{display:none}#batch-progress-bar{background:var(--border);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}#batch-progress-bar:after{content:"";height:100%;width:var(--progress,0%);background:var(--accent);border-radius:2px;transition:width .2s;position:absolute;top:0;left:0}#batch-progress-text{color:var(--text-secondary);flex-shrink:0;font-size:12px}.checkbox-row{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}@media (width<=760px){:root{--app-footer-height:52px}#app-footer{justify-content:flex-end;left:0}#breadcrumb{display:none}.footer-meta{white-space:normal;flex-wrap:wrap;justify-content:flex-end;row-gap:1px;min-width:0;max-width:100%}.copyright-notice{text-align:right;flex:1 0 100%}.photo-compare-selection{flex-wrap:wrap;align-items:stretch;gap:9px}.photo-compare-selection-copy{flex-basis:100%}.photo-compare-selection-actions{width:100%}.photo-compare-selection-actions button{flex:1}html.file-picker-mode #topbar{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left));gap:6px}html.file-picker-mode #topbar-actions{gap:4px;min-width:0}html.file-picker-mode #btn-slideshow,html.file-picker-mode #btn-shortcuts,html.file-picker-mode #image-count,html.file-picker-mode .theme-toggle #theme-label,html.file-picker-mode .language-icon{display:none}html.file-picker-mode .language-picker{padding-inline:3px}html.file-picker-mode .language-select{min-width:72px}html.file-picker-mode #gallery{padding-inline:16px}html.file-picker-mode #thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#editor-main{flex-direction:column}.editor-toolbar-actions{flex-wrap:wrap;overflow-x:visible}#editor-workspace{flex:56%;min-height:220px;padding:18px}#editor-preview-stage{inset:18px}#editor-panel{border-top:1px solid #ffffff1a;border-left:0;flex:0 44%;width:100%;min-width:0;max-height:44%}.editor-look-popover{max-height:310px;margin-top:6px;position:static}#empty-state{justify-content:flex-start}#privacy-badge{white-space:normal;width:auto}.seo-panel{width:100%;font-size:12px}.seo-panel h2{font-size:16px}.seo-grid{grid-template-columns:1fr}.language-select{min-width:84px}.shortcuts-body{grid-template-columns:1fr}.shortcut-row{grid-template-columns:minmax(76px,auto) 1fr}.shortcut-hint{white-space:normal;flex-wrap:wrap;justify-content:center}}