:root{--md-sys-color-primary: #4355b9;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #dde1ff;--md-sys-color-on-primary-container: #00105c;--md-sys-color-secondary: #5b5d72;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e0e1f9;--md-sys-color-on-secondary-container: #181a2c;--md-sys-color-tertiary: #6a5c8f;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #eadfff;--md-sys-color-on-tertiary-container: #231740;--md-sys-color-surface: #fbf8ff;--md-sys-color-on-surface: #1a1b20;--md-sys-color-surface-variant: #e3e1ec;--md-sys-color-on-surface-variant: #46464f;--md-sys-color-surface-dim: #dcdae4;--md-sys-color-surface-bright: #fbf8ff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f5f2fa;--md-sys-color-surface-container: #efecf4;--md-sys-color-surface-container-high: #eae7ef;--md-sys-color-surface-container-highest: #e4e1e9;--md-sys-color-outline: #767680;--md-sys-color-outline-variant: #c6c5d0;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-inverse-surface: #2f3036;--md-sys-color-inverse-on-surface: #f1eff7;--md-sys-color-inverse-primary: #b9c3ff;--md-sys-color-scrim: #000000;--md-sys-color-shadow: #000000;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--md-ref-typeface: system-ui, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--md-sys-typescale-headline-medium: 400 1.75rem/2.25rem var(--md-ref-typeface);--md-sys-typescale-title-large: 400 1.375rem/1.75rem var(--md-ref-typeface);--md-sys-typescale-title-medium: 500 1rem/1.5rem var(--md-ref-typeface);--md-sys-typescale-title-small: 500 .875rem/1.25rem var(--md-ref-typeface);--md-sys-typescale-body-large: 400 1rem/1.5rem var(--md-ref-typeface);--md-sys-typescale-body-medium: 400 .875rem/1.25rem var(--md-ref-typeface);--md-sys-typescale-body-small: 400 .75rem/1rem var(--md-ref-typeface);--md-sys-typescale-label-large: 500 .875rem/1.25rem var(--md-ref-typeface);--md-sys-typescale-label-medium: 500 .75rem/1rem var(--md-ref-typeface);--md-sys-typescale-label-small: 500 .6875rem/1rem var(--md-ref-typeface)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--md-ref-typeface);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-header{position:sticky;top:0;z-index:10;padding:16px 32px;background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.header-row{display:flex;align-items:center;justify-content:flex-start;gap:16px;max-width:1400px;margin:0 auto}.header-titles{min-width:0}.app-header h1{margin:0;font:var(--md-sys-typescale-headline-medium);font-weight:600;letter-spacing:0}.subtitle{margin:2px 0 0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium)}#lang-toggle{margin-left:auto}.app-shell{display:flex;gap:24px;max-width:1400px;margin:0 auto;padding:24px 32px 64px}.app-main{flex:1;min-width:0}.sidebar{flex:0 0 240px;position:sticky;top:96px;align-self:flex-start}.sidebar-title{margin:0 0 12px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-decoration:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.nav-link:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container)}.nav-icon{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font:var(--md-sys-typescale-label-large)}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--md-sys-typescale-title-small)}.nav-link.active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.nav-link.active .nav-icon{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.app-footer{padding:24px 32px 40px;text-align:center;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.friend-links{max-width:1400px;margin:0 auto 24px;padding-top:24px;border-top:1px solid var(--md-sys-color-outline-variant)}.friend-links h2{margin:0 0 12px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large);text-transform:uppercase;letter-spacing:.05em}.friend-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.friend-links li{flex:0 1 auto}.friend-links a{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);text-decoration:none;text-align:left;transition:border-color .15s ease,background-color .15s ease}.friend-links a:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container)}.friend-link-name{font:var(--md-sys-typescale-title-small)}.friend-link-desc{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.view{min-height:320px}.hidden{display:none!important}.home h2{margin:8px 0 4px;font:var(--md-sys-typescale-title-large);font-weight:600}.home-sub{margin:0 0 24px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-large)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tool-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,background-color .2s ease}.tool-card:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px)}.tool-card:active{transform:translateY(0);box-shadow:var(--md-sys-elevation-1)}.tool-icon{flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font:var(--md-sys-typescale-title-medium)}.tool-card-body{min-width:0}.tool-card h3{margin:0 0 4px;font:var(--md-sys-typescale-title-medium)}.tool-card p{margin:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium);line-height:1.5}.tool-go{flex:0 0 auto;margin-left:auto;color:var(--md-sys-color-outline);font-size:1.25rem;transition:transform .2s ease,color .2s ease}.tool-card:hover .tool-go{color:var(--md-sys-color-primary);transform:translate(2px)}.tool{display:flex;flex-direction:column;gap:16px}.toolbar{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-row md-outlined-select{min-width:180px}.status{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium)}.note{margin:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.error{padding:12px 16px;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);font:var(--md-sys-typescale-body-medium)}.file-name{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.result-bar #result-info{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium)}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.frame-cell{position:relative;cursor:pointer;border:2px solid transparent;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;background:#000;aspect-ratio:16 / 9;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,transform .15s ease}.frame-cell:hover{border-color:var(--md-sys-color-outline)}.frame-cell img{width:100%;height:100%;object-fit:contain;display:block}.frame-cell.selected{border-color:var(--md-sys-color-primary)}.frame-cell.selected:after{content:"\2713";position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0 4px;display:grid;place-items:center;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:var(--md-sys-typescale-label-medium);line-height:1}.frame-time{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:var(--md-sys-shape-corner-extra-small);background:#0009;color:#fff;font:var(--md-sys-typescale-label-small);font-variant-numeric:tabular-nums}.frame-preview{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:var(--md-sys-shape-corner-full);background:#0009;color:#fff;font-size:.875rem;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease}.frame-cell:hover .frame-preview,.frame-preview:focus-visible{opacity:1}.frame-preview:hover{background:var(--md-sys-color-primary)}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#000000d9}body.lightbox-open{overflow:hidden}.lightbox-panel{position:relative;display:grid;place-items:center;max-width:100%;max-height:100%}.lightbox-img{max-width:100%;max-height:calc(100vh - 80px);object-fit:contain;border-radius:var(--md-sys-shape-corner-medium);background:#000}.lightbox-time{position:absolute;left:50%;bottom:-32px;transform:translate(-50%);padding:4px 12px;border-radius:var(--md-sys-shape-corner-full);background:#000000b3;color:#fff;font:var(--md-sys-typescale-label-large);font-variant-numeric:tabular-nums;white-space:nowrap}.lightbox-close{position:absolute;top:-44px;right:0;width:36px;height:36px;display:grid;place-items:center;border:none;border-radius:var(--md-sys-shape-corner-full);background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:none;border-radius:var(--md-sys-shape-corner-full);background:#ffffff26;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:-56px}.lightbox-next{right:-56px}@media(max-width:640px){.lightbox{padding:16px}.lightbox-nav{width:36px;height:36px;font-size:1.5rem}.lightbox-prev{left:-44px}.lightbox-next{right:-44px}.lightbox-time{bottom:-28px}}.bg-toolbar-status{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.bg-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.bg-col{display:flex;flex-direction:column;gap:8px;min-width:0}.bg-col h4{margin:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large)}.bg-col .img-box{position:relative;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 16px 16px;min-height:140px;display:grid;place-items:center}.bg-col .img-box img{max-width:100%;max-height:320px;display:block}.bg-card-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.bg-filename{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-card-actions{display:flex;gap:8px;flex-wrap:wrap}.bg-status-badge{display:inline-block;padding:4px 10px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-small)}.bg-status-badge.queued{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.bg-status-badge.processing{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.bg-status-badge.done{background:#c8f3d0;color:#0a4d1d}.bg-status-badge.failed{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.bg-badge-error{display:block;margin-top:4px;font-weight:400;max-width:260px}@media(max-width:900px){.app-header,.app-shell{padding-left:16px;padding-right:16px}.app-shell{flex-direction:column;gap:16px;padding-top:16px;padding-bottom:40px}.sidebar{position:static;flex:none;width:100%;overflow-x:auto;padding-bottom:4px}.sidebar-nav{flex-direction:row;gap:8px;width:max-content}.nav-link{flex:0 0 auto}.bg-card{grid-template-columns:1fr}}.ss-pages{display:flex;flex-direction:column;gap:20px}.ss-page{padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.ss-page-head{margin-bottom:12px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large)}.ss-page-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.ss-atlas{width:100%;max-height:480px;object-fit:contain;border-radius:var(--md-sys-shape-corner-medium);background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 16px 16px;display:block}.ss-config{margin:0;padding:12px;max-height:480px;overflow:auto;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-body-small);font-family:var(--md-sys-font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);white-space:pre}@media(max-width:900px){.ss-page-body{grid-template-columns:1fr}}.compress-list{display:flex;flex-direction:column;gap:16px}.compress-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low)}.compress-col{display:flex;flex-direction:column;gap:8px;min-width:0}.compress-col h4{margin:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-large)}.compress-col .img-box{position:relative;border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50% / 16px 16px;min-height:140px;display:grid;place-items:center}.compress-col .img-box img{max-width:100%;max-height:320px;display:block}.compress-size{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small);font-variant-numeric:tabular-nums}.compress-card-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.compress-filename{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compress-savings{flex:0 0 auto;padding:2px 8px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-small);font-variant-numeric:tabular-nums}.compress-savings.good{background:#c8f3d0;color:#0a4d1d}.compress-savings.bad{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.compress-card-actions{display:flex;gap:8px;flex-wrap:wrap}.compress-status-badge{display:inline-block;padding:4px 10px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-small)}.compress-status-badge.queued{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.compress-status-badge.processing{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.compress-status-badge.done{background:#c8f3d0;color:#0a4d1d}.compress-status-badge.failed{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.compress-badge-error{display:block;margin-top:4px;font-weight:400;max-width:260px}@media(max-width:900px){.compress-card{grid-template-columns:1fr}}
/*# sourceMappingURL=styles-BSKOPX55.css.map */