/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}}:root{color:#202634;font-synthesis:none;--blue:#1769ff;--blue-soft:#edf4ff;--border:#e3e7ee;--muted:#778195;--panel:#fff;--scrollbar-size:7px;--scrollbar-thumb:#74829861;--scrollbar-thumb-hover:#5a687e85;--scrollbar-thumb-active:#435065a3;background:#f4f6fa;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:0 0}html,body,#root{width:100%;height:100%;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #9ec2ff}.app-frame{background:#f5f7fb;flex-direction:column;min-width:1100px;height:100%;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:#fffffff5;flex:0 0 60px;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;font-size:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#1769ff,#6d7cff);border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.crumb{color:#b2bac7}.app-body{flex:1;min-height:0;display:flex}.tool-nav{scrollbar-width:none;border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:0 0 136px;gap:4px;width:136px;padding:12px 10px;transition:width .18s,flex-basis .18s,padding .18s;display:flex;overflow-y:auto}.tool-nav::-webkit-scrollbar{display:none}.nav-item{color:#5f6878;white-space:nowrap;border-radius:8px;flex:0 0 44px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:flex;overflow:hidden}.nav-item:hover{color:#334057;background:#f5f7fb}.nav-item.active{color:var(--blue);background:var(--blue-soft);font-weight:650}.nav-icon,.nav-collapse-icon{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.nav-icon svg,.nav-collapse-icon svg{width:20px;height:20px;display:block}.nav-label{text-overflow:ellipsis;min-width:0;transition:opacity .14s;overflow:hidden}.nav-collapse{color:#778195;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:38px;margin-top:auto;padding:0 12px;transition:color .15s,background-color .15s;display:flex;overflow:hidden}.nav-collapse:hover{color:#334057;background:#f5f7fb}.app-frame.nav-collapsed .tool-nav{flex-basis:52px;width:52px;padding-inline:6px}.app-frame.nav-collapsed .nav-item,.app-frame.nav-collapsed .nav-collapse{justify-content:center;padding-inline:0}.app-frame.nav-collapsed .nav-label{clip-path:inset(50%);white-space:nowrap;opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.route-content{flex:1;min-width:0;overflow:hidden}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.compressor-hero{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto 20px;display:flex}.compressor-hero h1{color:#202a3c;margin:4px 0 6px;font-size:28px;line-height:1.2}.compressor-hero p{color:#7e899b;margin:0;font-size:13px}.compressor-eyebrow{color:#1769ff;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750}.privacy-badge{color:#24714a;background:#ebf8f1;border:1px solid #cdebdc;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:650;display:flex}.privacy-badge span{color:#fff;background:#2aac6b;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.compressor-workspace,.compressor-results{background:#fff;border:1px solid #e1e7ef;border-radius:14px;max-width:1120px;margin-inline:auto;box-shadow:0 8px 28px #20304a0d}.compressor-workspace{padding:20px}.compressor-dropzone{color:#526078;cursor:pointer;background:linear-gradient(#fbfdff,#f7faff);border:1.5px dashed #b6c8e2;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:150px;padding:24px;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.compressor-dropzone:hover,.compressor-dropzone.is-dragging{color:#2f67be;background:#f1f6ff;border-color:#4f83de}.compressor-dropzone.is-dragging{transform:scale(.995)}.compressor-dropzone strong{font-size:13px}.compressor-dropzone small{color:#929caf;font-size:10px}.compressor-upload-icon{color:#1769ff;background:#eaf2ff;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:2px;font-size:25px;line-height:1;display:grid}.compressor-guidance{background:#fbfcff;border:1px solid #e4e9f2;border-radius:10px;gap:10px;margin-top:14px;padding:13px;display:grid}.compressor-guidance-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.compressor-guidance-heading>div{align-items:baseline;gap:8px;display:flex}.compressor-guidance-heading strong{color:#344057;font-size:11px}.compressor-guidance-heading span,.compressor-guidance-heading output{color:#8792a5;font-size:9px}.compressor-guidance-heading output{color:#2563b8;background:#edf5ff;border-radius:5px;flex:none;padding:4px 7px;font-weight:650}.compressor-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.compressor-presets button{color:#344057;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;gap:3px;min-width:0;padding:9px 10px;display:grid}.compressor-presets button:hover{color:#1769ff;border-color:#9dbbf0;box-shadow:0 3px 10px #31538914}.compressor-presets button:disabled{opacity:.55;cursor:not-allowed}.compressor-presets strong{font-size:10px}.compressor-presets span{color:#8a95a7;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.compressor-recommendation{color:#346040;background:#f1faf5;border:1px solid #d2eadb;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;display:flex}.compressor-recommendation>div{align-items:baseline;gap:7px;min-width:0;display:flex}.compressor-recommendation span{color:#24714a;background:#dff3e7;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:750}.compressor-recommendation strong{flex:none;font-size:10px}.compressor-recommendation small{color:#6e8475;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.compressor-recommendation button{color:#24714a;cursor:pointer;background:#fff;border:1px solid #bcdcc8;border-radius:6px;flex:none;padding:5px 8px;font-size:9px;font-weight:650}.compressor-notices{color:#765413;background:#fff9e9;border:1px solid #efdda9;border-radius:8px;gap:4px;margin-top:10px;padding:8px 10px;font-size:9px;line-height:1.45;display:grid}.compressor-compare-toggle{color:#445269;align-items:center;gap:7px;width:fit-content;margin-top:16px;font-size:11px;font-weight:650;display:flex}.compressor-compare-toggle input,.compressor-advanced input{accent-color:#1769ff}.compressor-settings{grid-template-columns:minmax(0,1fr) 172px;align-items:stretch;gap:14px;margin-top:10px;display:grid}.compressor-settings.has-variants{grid-template-columns:repeat(2,minmax(0,1fr)) 172px}.compressor-variant{background:#f8faff;border:1px solid #e2e8f2;border-radius:9px;grid-template-columns:minmax(130px,.75fr) minmax(220px,1.25fr);align-items:end;gap:10px 14px;min-width:0;padding:12px;display:grid}.compressor-variant>strong{color:#2f3b51;grid-column:1/-1;font-size:11px}.compressor-variant.is-secondary{background:#faf8ff;border-color:#e7def5}.compressor-settings label{color:#566176;gap:7px;font-size:11px;font-weight:650;display:grid}.compressor-settings select{color:#344057;background:#fff;border:1px solid #d9e0ea;border-radius:8px;width:100%;height:40px;padding:0 11px}.compressor-quality output{color:#1769ff;text-align:center;background:#edf4ff;border-radius:5px;min-width:31px;padding:2px 6px}.compressor-quality input{accent-color:#1769ff;width:100%}.compressor-quality small{color:#929caf;min-height:13px;font-size:9px;font-weight:400}.compressor-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1769ff,#477ef2);border:0;border-radius:8px;height:42px;padding:0 18px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #1769ff33}.compressor-primary:disabled{color:#a4acb9;box-shadow:none;cursor:not-allowed;background:#edf0f4}.compressor-primary.is-cancel{color:#b23b49;box-shadow:none;background:#fff3f4;border:1px solid #efc5ca}.compressor-advanced{color:#667287;background:#fbfcfe;border:1px solid #e5eaf2;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:12px 0 0;padding:10px 13px 12px;display:flex}.compressor-advanced legend{color:#445269;padding:0 5px;font-size:10px;font-weight:700}.compressor-advanced label{align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.compressor-advanced select{color:#3d4960;background:#fff;border:1px solid #d9e0ea;border-radius:6px;height:28px;padding:0 7px;font-size:10px}.compressor-resize{color:#667287;background:#f8faff;border:1px solid #e5eaf2;border-radius:9px;align-items:center;gap:14px;margin:16px 0 0;padding:13px 14px;display:flex}.compressor-resize label{align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.compressor-resize .resize-toggle{color:#3e4a5f;margin-right:auto;font-size:11px}.compressor-resize input[type=checkbox]{accent-color:#1769ff}.compressor-resize input[type=number]{color:#344057;background:#fff;border:1px solid #d9e0ea;border-radius:6px;width:78px;height:30px;padding:0 8px}.compressor-resize input:disabled{color:#a7afbc;background:#f1f3f6}.compressor-resize small{color:#929caf;font-size:9px}.compressor-compare{background:#fff;border:1px solid #e1e7ef;border-radius:14px;max-width:1120px;margin:16px auto 0;padding:16px;box-shadow:0 8px 28px #20304a0d}.compare-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.compare-heading>div{align-items:baseline;gap:10px;min-width:0;display:flex}.compare-heading strong{color:#303a4d;font-size:13px}.compare-heading span{color:#8792a5;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.compare-heading button,.compare-toolbar button{color:#68758a;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:6px;padding:6px 10px;font-size:10px}.compare-stage{touch-action:none;background-color:#e9edf3;background-image:linear-gradient(45deg,#dfe4eb 25%,#0000 25%),linear-gradient(-45deg,#dfe4eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe4eb 75%),linear-gradient(-45deg,#0000 75%,#dfe4eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:10px;height:clamp(260px,42vh,520px);position:relative;overflow:hidden}.compare-stage.is-zoomed{cursor:grab}.compare-stage.is-zoomed:active{cursor:grabbing}.compare-stage>img,.compare-after,.compare-after img{width:100%;height:100%;position:absolute;inset:0}.compare-stage>img,.compare-after img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none}.compare-after{pointer-events:none}.compare-label{z-index:3;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#192231b3;border-radius:6px;padding:5px 8px;font-size:10px;position:absolute;top:12px}.compare-label.is-before{left:12px}.compare-label.is-after{right:12px}.compare-divider{z-index:2;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #1c283b2e,0 0 12px #141e3040}.compare-divider:after{content:"↔";color:#1769ff;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #192a4638}.compare-scrubber{z-index:4;cursor:ew-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-toolbar{color:#7f899a;flex-wrap:wrap;align-items:center;gap:10px;margin-top:11px;font-size:10px;display:flex}.compare-toolbar label{color:#4c586c;align-items:center;gap:8px;font-weight:650;display:flex}.compare-toolbar select{color:#4c586c;background:#fff;border:1px solid #dce3ec;border-radius:6px;height:28px;padding:0 7px;font-size:10px}.compare-toolbar output{color:#1769ff;min-width:38px;font-weight:650}.compare-toolbar span{margin-right:auto}.compressor-results{margin-top:16px;padding:18px 20px 20px}.compressor-results-heading{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:13px;display:flex}.compressor-results-heading>div{align-items:baseline;gap:9px;display:flex}.compressor-results-heading strong{color:#303a4d;font-size:13px}.compressor-results-heading span{color:#929caf;font-size:10px}.compressor-results-heading button,.compression-actions button{color:#1769ff;cursor:pointer;background:#f4f8ff;border:1px solid #cfddf5;border-radius:6px;padding:6px 10px;font-size:10px}.compressor-results-heading button:disabled{color:#94a0b2;cursor:wait;background:#f5f6f8;border-color:#e1e5eb}.compressor-alert{color:#8a4b0f;background:#fff8e8;border:1px solid #f3d89b;border-radius:8px;gap:3px;margin-top:10px;padding:9px 11px;font-size:10px;line-height:1.5;display:grid}.compressor-alert strong{color:#75400d}.compressor-alert.is-compact{margin:0 0 12px}.compressor-empty{color:#637087;text-align:center;background:#fafbfd;border:1px solid #edf0f5;border-radius:10px;place-content:center;justify-items:center;gap:6px;min-height:180px;display:grid}.compressor-empty>span{color:#8fa0b7;background:#edf1f6;border-radius:11px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.compressor-empty strong{font-size:12px}.compressor-empty p{color:#9aa3b2;max-width:360px;margin:0;font-size:10px;line-height:1.55}.compression-list{gap:10px;display:grid}.compression-card{background:#fbfcfe;border:1px solid #e5eaf1;border-radius:10px;grid-template-columns:230px minmax(180px,1fr) auto;align-items:center;gap:16px;min-height:114px;padding:11px;display:grid}.compression-preview{width:100%;height:90px;text-align:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;display:grid}.compression-preview.has-variants{grid-template-columns:repeat(3,minmax(0,1fr))}.compression-preview:disabled{cursor:default}.compression-preview>div{background:#eef1f5;border-radius:7px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.compression-preview img{object-fit:contain;background-image:linear-gradient(45deg,#e3e6eb 25%,#0000 25%),linear-gradient(-45deg,#e3e6eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e6eb 75%),linear-gradient(-45deg,#0000 75%,#e3e6eb 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;width:100%;height:100%;display:block}.compression-preview span{z-index:1;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#222b3ba8;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;top:5px;left:5px}.compression-preview .is-placeholder{color:#9aa4b3;background:#f0f3f7;border:1px dashed #d5dce6}.compression-preview b{font-size:9px;font-weight:500}.compression-info{gap:6px;min-width:0;display:grid}.compression-info strong{color:#344057;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.compression-info span{color:#8792a5;font-size:10px}.compression-info .is-saving{color:#218958;font-weight:650}.compression-info .is-larger{color:#a86b13;font-weight:650}.compression-info .compression-error{color:#bc3341}.compression-info .compression-progress{color:#1769ff;font-weight:650}.compression-actions{flex-direction:column;gap:7px;display:flex}.compression-actions button:last-child{color:#788397;background:#fff;border-color:#dde3eb}.compression-actions button:disabled{opacity:.5;cursor:wait}.image-compressor-page{background:#f5f7fa;height:100%;padding:0;overflow:hidden}.compressor-app-layout{grid-template-columns:minmax(0,1fr) 340px;height:100%;display:grid}.compressor-main{grid-template-rows:minmax(0,1fr) 218px;gap:14px;min-width:0;min-height:0;padding:20px;display:grid;overflow:hidden}.compressor-preview-panel{background:#fff;border:1px solid #e1e6ee;border-radius:14px;flex-direction:column;min-height:0;padding:14px;display:flex;overflow:hidden;box-shadow:0 8px 28px #20304a0b}.compressor-dropzone{border-radius:12px;flex:1;min-height:0}.compressor-source-stage{background-color:#e9edf3;background-image:linear-gradient(45deg,#dfe4eb 25%,#0000 25%),linear-gradient(-45deg,#dfe4eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe4eb 75%),linear-gradient(-45deg,#0000 75%,#dfe4eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:11px;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.compressor-source-stage>img{object-fit:contain;width:100%;height:100%;display:block}.compressor-preview-panel .compressor-compare{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;display:flex}.compressor-preview-panel .compare-stage{border-radius:11px;flex:1;height:auto;min-height:280px}.compressor-preview-panel .compare-toolbar{flex:none;margin:10px 0 0}.compressor-preview-panel .compare-toolbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compressor-summary{background:#fbfcfe;border:1px solid #e5eaf1;border-radius:10px;flex:none;align-items:center;gap:18px;min-height:72px;margin-top:12px;padding:10px 14px;display:flex}.compressor-summary>div:not(.summary-actions){gap:3px;min-width:84px;display:grid}.compressor-summary span{color:#8a95a7;font-size:9px}.compressor-summary .summary-arrow{color:#7f8da3;font-size:18px}.compressor-summary .summary-saving{border-left:1px solid #e2e7ef;padding-left:18px}.compressor-summary .summary-saving strong{color:#25a15f}.summary-actions{gap:8px;min-width:0;margin-left:auto;display:flex}.summary-actions button{color:#1769ff;cursor:pointer;background:#fff;border:1px solid #8eb1f4;border-radius:8px;height:38px;padding:0 14px;font-size:10px;font-weight:700}.summary-actions button.is-primary{color:#fff;background:#1769ff;border-color:#1769ff}.summary-actions button:disabled{opacity:.55;cursor:wait}.summary-empty{text-align:center;width:100%}.compressor-results{min-width:0;min-height:0;margin:0;padding:12px;overflow:hidden}.compressor-results-heading>div{gap:7px}.compressor-results-heading .result-count{color:#596579;text-align:center;background:#eef1f5;border-radius:999px;min-width:20px;padding:2px 6px;font-weight:700}.compressor-results-heading>button{background:#fff;padding:7px 10px}.compression-list{gap:9px;height:150px;padding-bottom:4px;display:flex;overflow:auto hidden}.compression-card{background:#fff;border-radius:9px;grid-template-rows:92px minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:6px;width:150px;min-width:150px;min-height:0;padding:5px;display:grid;position:relative}.compression-card.is-active{border-color:#1769ff;box-shadow:0 0 0 1px #1769ff33}.compression-preview{border-radius:7px;height:92px;display:block;position:relative;overflow:hidden}.compression-preview>img{object-fit:cover;background:#eef1f5;width:100%;height:100%;display:block}.compression-preview .card-status{color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-weight:800;display:grid;position:absolute;top:6px;left:auto;right:6px}.card-status.is-done{background:#39a968}.card-status.is-error{background:#e6464e}.card-status.is-processing{background:#1769ff}.compression-info{gap:2px;padding:0 2px}.compression-info .is-saving,.compression-info .is-larger{background:#ffffffe0;border-radius:4px;padding:2px 4px;position:absolute;bottom:6px;right:7px}.compression-actions{opacity:0;flex-direction:row;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:7px;left:7px}.compression-card:hover .compression-actions,.compression-card:focus-within .compression-actions{opacity:1}.compression-actions button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161f2dc7;border:0;padding:4px 6px;font-size:8px}.compression-actions button:last-child{color:#fff;background:#161f2dc7;border:0}.compressor-inspector{background:#fff;border-left:1px solid #e1e6ee;flex-direction:column;gap:0;min-width:0;padding:20px 20px 0;display:flex;overflow-y:auto}.compressor-guidance{background:0 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0;gap:12px;margin:0;padding:0 0 18px;display:grid}.compressor-guidance-heading{display:block}.compressor-guidance-heading>strong{color:#283449;font-size:13px}.compressor-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compressor-presets button{text-align:center;border-radius:999px;place-content:center;min-height:48px}.compressor-presets button:hover{background:#f5f8ff}.compressor-presets span{display:none}.compressor-recommendation{align-items:flex-start;padding:9px}.compressor-recommendation>div{gap:3px;display:grid}.compressor-recommendation small{white-space:normal;line-height:1.4}.compressor-estimate-note{color:#7f8da2;font-size:9px}.compressor-settings-section{border-bottom:1px solid #edf0f4;gap:18px;padding:20px 0;display:grid}.compressor-settings-section label,.compressor-variant-b>label{color:#445166;gap:8px;font-size:11px;font-weight:700;display:grid}.compressor-settings-section select,.compressor-variant-b select{color:#303a4d;background:#fff;border:1px solid #dce2eb;border-radius:8px;width:100%;height:42px;padding:0 11px}.compressor-quality>span{justify-content:space-between;align-items:center;display:flex}.compressor-quality input{width:100%}.compressor-resize{background:0 0;border:0;border-bottom:1px solid #edf0f4;border-radius:0;gap:10px;margin:0;padding:18px 0;display:grid}.compressor-resize .resize-toggle{justify-content:space-between;align-items:center;margin:0;font-size:11px;display:flex}.compressor-resize .resize-toggle input{width:34px;height:18px}.compressor-resize>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.compressor-resize>div label{color:#7d899a;gap:5px;min-width:0;font-size:9px;display:grid}.compressor-resize input[type=number]{width:100%;height:38px}.compressor-resize>div>span{color:#7d899a;padding-bottom:10px;font-size:10px}.compressor-disclosure{border-bottom:1px solid #edf0f4}.compressor-disclosure summary{color:#344057;cursor:pointer;padding:17px 20px 17px 0;font-size:11px;font-weight:700;list-style:none;position:relative}.compressor-disclosure summary::-webkit-details-marker{display:none}.compressor-disclosure summary:after{content:"›";color:#647087;font-size:18px;transition:transform .15s;position:absolute;top:50%;right:3px;transform:translateY(-50%)rotate(90deg)}.compressor-disclosure[open] summary:after{transform:translateY(-50%)rotate(-90deg)}.compressor-advanced{background:0 0;border:0;gap:10px;margin:0;padding:0 0 16px;display:grid}.compressor-advanced label{justify-content:flex-start}.compressor-variant-b{gap:12px;padding-bottom:16px;display:grid}.compressor-compare-toggle{margin:0;font-size:10px}.compressor-notices{margin:14px 0 0}.compressor-inspector-footer{background:linear-gradient(#ffffffdb,#fff 22%);gap:8px;margin-top:auto;padding:16px 0 18px;display:grid;position:sticky;bottom:0}.compressor-inspector-footer .compressor-primary{width:100%;height:48px;margin:0;font-size:13px}.compressor-inspector-footer small{color:#919bac;text-align:center;font-size:8px}@media (width<=1250px){.compressor-app-layout{grid-template-columns:minmax(0,1fr) 300px}.compressor-main{padding:14px}.compressor-inspector{padding-inline:16px}.compressor-summary{gap:10px}.compressor-summary>div:not(.summary-actions){min-width:70px}.compare-toolbar>span{display:none}}.compressor-main{grid-template-rows:minmax(0,1fr) 148px;gap:12px;padding:16px}.compressor-preview-panel{padding:12px}.compressor-preview-panel .compressor-compare{min-height:0}.compressor-preview-panel .compare-stage-shell{flex:1;min-height:320px}.compare-stage-shell{background:#dfe4eb;border-radius:11px;min-width:0;min-height:0;position:relative;overflow:hidden}.compressor-preview-panel .compare-stage,.compare-stage{border-radius:inherit;scrollbar-color:#4b586c6b transparent;scrollbar-width:thin;width:100%;height:100%;min-height:0;position:absolute;inset:0;overflow:auto}.compare-stage.is-pannable{cursor:grab}.compare-stage.is-pannable:active{cursor:grabbing}.compare-canvas{min-width:100%;min-height:100%;position:relative}.compare-image-frame{background:#ffffff59;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #141e3029}.compare-image-frame>img,.compare-image-frame .compare-after,.compare-image-frame .compare-after img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.compare-image-frame .compare-after{pointer-events:none}.compare-image-frame .compare-divider{top:0;bottom:0}.compare-image-frame .compare-divider:after{content:none}.compare-divider-handle{z-index:4;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:42px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-divider-handle:after{content:"↔";color:#1769ff;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #192a4638}.compare-source-picker{z-index:7;color:#ffffffc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#192231c7;border-radius:7px;align-items:center;gap:6px;padding:4px 5px 4px 8px;font-size:9px;display:flex;position:absolute;top:12px;box-shadow:0 3px 12px #141e3026}.compare-source-picker select{color:#fff;background:#ffffff1f;border:0;border-radius:5px;height:26px;padding:0 22px 0 7px;font-size:9px}.compare-source-picker option{color:#273247;background:#fff}.compare-toolbar{z-index:7;color:#dfe7f3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141d2bd1;border:1px solid #ffffff1f;border-radius:9px;flex-wrap:nowrap;align-items:center;gap:5px;max-width:calc(100% - 28px);margin:0;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #121c2c38}.compare-toolbar button{color:#e8edf6;background:0 0;border:0;border-radius:6px;flex:none;height:28px;padding:0 9px;font-size:9px}.compare-toolbar button:hover,.compare-toolbar button.is-active{color:#1769ff;background:#fff}.compare-toolbar>button:first-child,.compare-toolbar>button:nth-child(3){width:28px;padding:0;font-size:15px}.compare-toolbar input{accent-color:#4f8aff;width:clamp(70px,9vw,130px)}.compare-toolbar output{color:#fff;text-align:center;min-width:38px;font-size:9px}.compare-toolbar-separator{background:#fff3;flex:0 0 1px;width:1px;height:18px;margin:0 2px}.compressor-source-stage.is-long-image{text-align:center;padding:20px 20px 80px;display:block;overflow:auto}.compressor-source-stage.is-long-image>img{object-fit:contain;width:min(100%,560px);height:auto;margin:0 auto;display:block;box-shadow:0 8px 30px #141e3029}.compressor-summary{min-height:64px;margin-top:10px}.compressor-results{padding:9px 12px}.compressor-results-heading{min-height:26px;margin-bottom:7px}.compression-list{gap:8px;height:91px;padding-bottom:2px}.compression-card{grid-template-rows:57px minmax(0,1fr);gap:4px;width:122px;min-width:122px;padding:4px}.compression-preview{height:57px}.compression-info strong{font-size:8px}.compression-info span{font-size:7px}.compression-info .is-saving,.compression-info .is-larger{bottom:4px;right:5px}.compression-actions{top:5px;left:5px}.compression-actions button{padding:3px 5px;font-size:7px}.compressor-empty{min-height:82px}.image-compressor-page{color:#273247;background:#f7f9fc;height:100%}.compressor-app-layout{background:radial-gradient(circle at 50% 42%,#ffffffeb,#0000 42%),linear-gradient(145deg,#f7f9fc,#edf1f6 70%);height:100%;display:block;position:relative;overflow:hidden}.compressor-main{padding:0;display:block;position:absolute;inset:0;overflow:hidden}.compressor-main:before{content:"";pointer-events:none;opacity:.55;background-image:linear-gradient(#4d5e7a09 1px,#0000 1px),linear-gradient(90deg,#4d5e7a09 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.compressor-canvas-header{z-index:12;color:#273247;background:#fff;border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;top:20px;left:22px;box-shadow:0 10px 28px #1f2d461f}.compressor-canvas-header strong{padding:0 9px;font-size:11px}.compressor-canvas-header button{color:#fff;cursor:pointer;background:#1769ff;border:0;border-radius:7px;height:30px;padding:0 11px;font-size:10px;font-weight:700}.compressor-preview-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.compressor-preview-panel .compressor-dropzone{color:#475569;background:#ffffff9e;border:1px dashed #bdc9da;border-radius:16px;width:auto;min-height:260px;position:absolute;inset:82px 372px 172px 22px}.compressor-preview-panel .compressor-dropzone:hover,.compressor-preview-panel .compressor-dropzone.is-dragging{color:#1769ff;background:#1769ff0e;border-color:#1769ff8c}.compressor-preview-panel .compressor-dropzone small{color:#7b8798}.compressor-preview-panel .compressor-upload-icon{color:#1769ff;background:#1769ff1a}.compressor-source-stage,.compressor-preview-panel .compressor-compare{width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.compressor-source-stage{box-sizing:border-box;cursor:grab;touch-action:none;width:100%;height:100%;padding:0;display:block}.source-image-frame{filter:drop-shadow(0 18px 28px #1f2d462e);will-change:left,top,width,height;background-color:#f8fafc;background-image:linear-gradient(45deg,#e8edf4 25%,#0000 25%),linear-gradient(-45deg,#e8edf4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8edf4 75%),linear-gradient(-45deg,#0000 75%,#e8edf4 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.source-image-frame>img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.compressor-source-stage.is-dragging,.compare-stage.is-dragging{cursor:grabbing}.compressor-source-stage .compare-label{top:76px;left:22px}.compressor-preview-panel .compare-stage-shell{background:0 0;border-radius:0;min-height:0;position:absolute;inset:0;overflow:hidden}.compressor-preview-panel .compare-stage,.compare-stage{box-sizing:border-box;scrollbar-width:none;background:0 0;border-radius:0;width:auto;height:auto;padding:0;position:absolute;inset:0;overflow:hidden}.compare-stage::-webkit-scrollbar{display:none}.compare-canvas{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.compare-image-frame{will-change:left,top,width,height;background-color:#f8fafc;background-image:linear-gradient(45deg,#e8edf4 25%,#0000 25%),linear-gradient(-45deg,#e8edf4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8edf4 75%),linear-gradient(-45deg,#0000 75%,#e8edf4 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;transform:translate(-50%,-50%);box-shadow:0 18px 56px #1f2d4633}.compare-source-picker{top:74px}.compare-source-picker.is-before{left:22px}.compare-source-picker.is-after{right:368px}.compare-toolbar{background:#0f1217e0;border-color:#ffffff1a;border-radius:10px;padding:6px;bottom:22px;left:50%;box-shadow:0 10px 28px #0000004d}.compressor-source-stage>.compare-toolbar{bottom:22px}.compressor-summary{z-index:10;color:#334155;background:#fff;border:1px solid #dfe5ee;border-radius:11px;gap:10px;width:320px;min-height:58px;margin:0;padding:9px 10px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 12px 32px #1f2d461f}.compressor-summary>div:not(.summary-actions){min-width:54px}.compressor-summary span{color:#7b8798}.compressor-summary strong{color:#273247;font-size:11px}.compressor-summary .summary-arrow{font-size:13px}.compressor-summary .summary-saving{border-color:#e3e8f0;padding-left:9px}.summary-actions{gap:5px}.summary-actions button{color:#1769ff;background:#fff;border-color:#1769ff6b;height:34px;padding:0 10px;font-size:9px}.summary-actions button.is-primary{background:#1769ff;border-color:#1769ff}.summary-empty{color:#7b8798}.compressor-results{z-index:11;color:#334155;background:#fff;border:1px solid #dfe5ee;border-radius:14px;width:286px;min-width:0;height:auto;max-height:min(460px,100% - 170px);margin:0;padding:8px;transition:border-color .18s,box-shadow .18s,transform .18s;position:absolute;bottom:20px;left:20px;overflow:visible;box-shadow:0 12px 32px #1f2d461f}.compressor-results:hover,.compressor-results:focus-within{border-color:#1769ff47;transform:translateY(-2px);box-shadow:0 18px 46px #1f2d4629}.compressor-results-heading{min-height:32px;margin:0 0 6px}.compressor-results-heading>div{display:none}.compressor-results-heading .compressor-image-picker-toggle{color:#273247;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;display:grid}.compressor-results-heading .compressor-image-picker-toggle:hover:not(:disabled){background:#f3f6fa}.compressor-results-heading .compressor-image-picker-toggle:disabled{cursor:default}.compressor-image-picker-toggle>span:first-child{align-items:center;gap:7px;min-width:0;display:flex}.compressor-image-picker-toggle strong{color:#273247;font-size:10px}.compressor-image-picker-toggle small{color:#1769ff;background:#1769ff1a;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700}.compressor-picker-progress{color:#7b8798;font-size:8px}.compressor-picker-chevron{color:#7b8798;fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .18s}.compressor-results.is-open .compressor-picker-chevron{transform:rotate(180deg)}.compressor-results .compressor-empty{color:#7b8798;background:#f8fafc;border-color:#e3e8f0;min-height:78px}.compressor-results .compressor-empty>span{display:none}.compressor-results .compressor-empty strong{font-size:10px}.compressor-results .compressor-empty p{color:#94a0b0;font-size:8px}.compressor-results .compression-list{scrollbar-width:thin;scrollbar-color:#c8d1de transparent;gap:5px;height:auto;max-height:358px;padding:0;display:grid;overflow:hidden auto}.compressor-results .compression-card{background:#f8fafc;border:1px solid #0000;border-radius:10px;grid-template-rows:52px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:9px;width:auto;min-width:0;min-height:62px;padding:5px 8px 5px 5px;transition:background .16s,border-color .16s,transform .16s;display:grid;position:relative;overflow:hidden}.compressor-results .compression-card:hover,.compressor-results .compression-card:focus-within{background:#f2f6fb;border-color:#dfe5ee;transform:translate(2px)}.compressor-results .compression-card.is-active{background:#edf4ff;border-color:#1769ff4d;box-shadow:inset 3px 0 #4b89ff}.compressor-results .compression-preview{cursor:pointer;border-radius:8px;width:52px;height:52px}.compressor-results .compression-preview>img{object-fit:cover}.compressor-results .compression-preview .card-status{min-width:16px;height:16px;padding:0 4px;font-size:7px;top:4px;right:4px}.compressor-results .compression-info{align-content:center;gap:3px;min-width:0;padding:0 24px 0 0}.compressor-results .compression-info strong{color:#273247;font-size:9px}.compressor-results .compression-info span{color:#7b8798;font-size:8px}.compressor-results .compression-info .is-saving,.compressor-results .compression-info .is-larger{background:0 0;width:fit-content;padding:0;position:static}.compressor-results .compression-actions{background:linear-gradient(90deg,#0000,#f8fafcf7 24%);flex-direction:column;gap:3px;padding-left:20px;top:5px;left:auto;right:5px}.compressor-results .compression-actions button{padding:3px 5px;font-size:7px}.compressor-inspector{z-index:14;color:#334155;scrollbar-color:#c8d1de transparent;background:#fff;border:1px solid #dfe5ee;border-radius:12px;width:320px;min-width:0;height:auto;max-height:calc(100% - 40px);padding:14px;display:flex;position:absolute;top:20px;bottom:auto;right:20px;overflow-y:auto;box-shadow:0 16px 44px #1f2d4621}.compressor-inspector-heading{z-index:3;justify-content:space-between;align-items:center;min-height:30px;margin-bottom:12px;display:flex;position:relative}.compressor-inspector-heading>strong{color:#273247;font-size:13px}.compressor-inspector-heading-actions{align-items:center;gap:4px;display:flex}.compressor-inspector-heading-actions button{color:#718096;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:9px;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.compressor-inspector-heading-actions button:hover,.compressor-inspector-heading-actions .compressor-advice-trigger.is-active{color:#1769ff;background:#1769ff0f;border-color:#1769ff29}.compressor-advice-trigger{position:relative}.compressor-advice-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:14px;height:14px}.compressor-advice-trigger:after{content:"";background:#1769ff;border:2px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:2px}.compressor-advice-popover{z-index:5;color:#475569;background:#fffffffc;border:1px solid #cad8ef;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:276px;padding:12px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 14px 32px #1f2d4629}.compressor-advice-popover>div{gap:3px;min-width:0;display:grid}.compressor-advice-popover span{color:#1769ff;font-size:8px;font-weight:700}.compressor-advice-popover strong{color:#273247;font-size:10px}.compressor-advice-popover small{color:#718096;font-size:8px;line-height:1.45}.compressor-advice-popover button{color:#1769ff;background:#1769ff12;border:1px solid #1769ff47;border-radius:6px;height:28px;padding:0 9px;font-size:8px}.compressor-preset-select{color:#334155;border-bottom:1px solid #e3e8f0;gap:7px;padding-bottom:14px;font-size:10px;font-weight:700;display:grid}.compressor-preset-select select{color:#273247;background:#fff;border:1px solid #d8e0eb;border-radius:8px;width:100%;height:38px;padding:0 10px;font-size:10px}.compressor-inspector .compressor-guidance,.compressor-inspector .compressor-settings-section,.compressor-inspector .compressor-resize,.compressor-inspector .compressor-disclosure{border-color:#e3e8f0}.compressor-inspector .compressor-guidance-heading>strong,.compressor-inspector .compressor-settings-section label,.compressor-inspector .compressor-variant-b>label,.compressor-inspector .compressor-resize .resize-toggle,.compressor-inspector .compressor-disclosure summary{color:#334155}.compressor-inspector .compressor-presets button{color:#475569;background:#f8fafc;border-color:#d8e0eb;min-height:38px}.compressor-inspector .compressor-presets button:hover{color:#1769ff;background:#1769ff0f;border-color:#1769ff66}.compressor-inspector .compressor-recommendation{color:#334155;background:#f5f8ff;border-color:#cad8ef}.compressor-inspector .compressor-recommendation small{color:#718096}.compressor-inspector .compressor-recommendation button{color:#1769ff;background:#fff;border-color:#1769ff47}.compressor-inspector .compressor-estimate-note,.compressor-inspector .compressor-quality small,.compressor-inspector .compressor-resize small,.compressor-inspector .compressor-resize>div label{color:#818c9c}.compressor-inspector .compressor-settings-section select,.compressor-inspector .compressor-variant-b select,.compressor-inspector .compressor-resize input[type=number],.compressor-inspector .compressor-advanced select{color:#273247;background:#fff;border-color:#d8e0eb}.compressor-inspector option{color:#273247;background:#fff}.compressor-inspector .compressor-quality output{color:#1769ff;background:#1769ff17}.compressor-inspector .compressor-disclosure summary:after{color:#7b8798}.compressor-inspector .compressor-advanced{color:#64748b}.compressor-inspector .compressor-settings-section{gap:14px;padding:14px 0}.compressor-inspector .compressor-settings-section label{gap:7px}.compressor-inspector .compressor-settings-section select{height:38px}.compressor-inspector .compressor-resize{gap:10px;padding:13px 0}.compressor-inspector .compressor-resize .resize-toggle>span{align-items:center;gap:7px;display:flex}.compressor-inspector .compressor-resize .resize-toggle small{color:#7f8a99;font-size:8px;font-weight:500}.compressor-inspector .compressor-resize-fields{margin-top:1px}.compressor-inspector .compressor-disclosure summary{padding-block:13px}.compressor-inspector .compressor-notices{margin-top:10px}.compressor-inspector-footer{background:0 0;gap:9px;margin-top:0;padding:12px 0 0;position:static}.compressor-inspector-footer .compressor-primary{height:44px}.compressor-footer-estimate{color:#818c9c;justify-content:space-between;align-items:center;font-size:9px;display:flex}.compressor-footer-estimate strong{color:#273247;font-size:10px}.image-compressor-page.is-empty .compressor-canvas-header,.image-compressor-page.is-empty .compressor-results,.image-compressor-page.is-empty .compressor-inspector,.image-compressor-page.is-empty .compressor-summary{display:none}.image-compressor-page.is-empty .compressor-app-layout{background:radial-gradient(circle at 50% 46%,#3b82f61a,#0000 22%),radial-gradient(circle at 50% 48%,#7c3aed0b,#0000 42%),linear-gradient(145deg,#f7f9fc,#edf1f6 72%)}.image-compressor-page.is-empty .compressor-main:before{opacity:.07}.image-compressor-page.is-empty .compressor-empty-stage{place-items:center;padding-bottom:2vh;display:grid}.image-compressor-page.is-empty .compressor-preview-panel .compressor-empty-dropper{color:#f8fbff;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 36% 27%,#ffffff38,#0000 26%),linear-gradient(145deg,#3b82f6f0,#5b4fdcf0 56%,#6d37cbf0);border:1px solid #adc9ff70;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:188px;height:188px;min-height:0;padding:24px 12px 18px;transition:transform .2s,box-shadow .2s,filter .2s;animation:4.8s ease-in-out infinite compressor-empty-breathe;display:flex;position:relative;inset:auto;overflow:visible;box-shadow:0 22px 52px #08102661,0 0 0 8px #5877f112,inset 0 1px #ffffff47}.image-compressor-page.is-empty .compressor-preview-panel .compressor-empty-dropper:hover,.image-compressor-page.is-empty .compressor-preview-panel .compressor-empty-dropper.is-dragging{color:#fff;background:radial-gradient(circle at 36% 27%,#ffffff47,#0000 27%),linear-gradient(145deg,#438dff,#6957e6 57%,#8149d8);border-color:#cfe1ffb8;transform:translateY(-2px)scale(1.025);box-shadow:0 26px 62px #08102675,0 0 0 11px #5c7eff1c,0 0 54px #5874ff38,inset 0 1px #ffffff57}.image-compressor-page.is-empty .compressor-preview-panel .compressor-upload-icon{color:#fff;background:#0a1b4e38;border:1px solid #fff3;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:3px;display:grid;box-shadow:inset 0 1px #ffffff2e}.image-compressor-page.is-empty .compressor-upload-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.image-compressor-page.is-empty .compressor-empty-dropper>strong{z-index:1;letter-spacing:.02em;font-size:15px;line-height:1.25;position:relative}.image-compressor-page.is-empty .compressor-empty-action{z-index:1;color:#ffffffd1;font-size:11px;position:relative}.image-compressor-page.is-empty .compressor-empty-dropper>small{color:#718096;letter-spacing:.01em;text-align:center;white-space:nowrap;width:280px;font-size:10px;font-weight:500;position:absolute;top:calc(100% + 27px)}.image-compressor-page.is-empty .compressor-empty-alert{color:#a32938;background:#fff4f5;border:1px solid #f2c8cd;border-radius:10px;width:min(420px,100% - 40px);margin:0;padding:10px 13px;position:absolute;top:calc(50% + 146px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #50232a1a}.image-compressor-page.is-empty .compressor-empty-alert strong,.image-compressor-page.is-empty .compressor-empty-alert span{display:block}.image-compressor-page.is-empty .compressor-empty-alert strong{margin-bottom:3px;font-size:10px}.image-compressor-page.is-empty .compressor-empty-alert span{color:#b85c67;font-size:9px}.compressor-empty-orbit{z-index:-1;border:1px solid #7d9dff38;border-radius:50%;animation:14s linear infinite compressor-empty-orbit;position:absolute;inset:-23px}.compressor-empty-orbit:before{content:"";border-radius:inherit;border:1px solid #b085ff21;position:absolute;inset:14px}.compressor-empty-orbit i{background:#72a7ff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 13px #5e91ffe6}.compressor-empty-orbit i:first-child{top:20px;right:33px}.compressor-empty-orbit i:nth-child(2){background:#a779ff;width:5px;height:5px;bottom:66px;right:-3px}.compressor-empty-orbit i:nth-child(3){background:#8dd7ff;width:4px;height:4px;bottom:12px;left:43px}@keyframes compressor-empty-breathe{0%,to{box-shadow:0 22px 52px #08102661,0 0 0 8px #5877f112,inset 0 1px #ffffff47}50%{box-shadow:0 25px 60px #08102670,0 0 0 13px #5877f11a,0 0 46px #5874ff26,inset 0 1px #ffffff4d}}@keyframes compressor-empty-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.image-compressor-page.is-empty .compressor-empty-dropper,.compressor-empty-orbit{animation:none}}@media (width<=1050px){.compressor-inspector{width:286px}.compressor-preview-panel .compressor-dropzone,.compare-source-picker.is-after{right:326px}.compare-toolbar{left:50%}.compressor-summary{width:286px}.compressor-results{width:280px}}.editor-layout{grid-template-columns:292px minmax(520px,1fr) 310px;height:100%;min-height:0;display:grid}.editor-left,.editor-inspector{background:var(--panel);min-width:0;overflow:auto}.editor-left{border-right:1px solid var(--border)}.editor-inspector{border-left:1px solid var(--border);padding:18px}.editor-center{background:#f4f6f9;grid-template-rows:minmax(0,1fr) 154px;min-width:0;min-height:0;display:grid}.editor-center:has(.scene-strip){grid-template-rows:minmax(0,1fr) 184px}.editor-center:has(.collage-group-strip-list){grid-template-rows:minmax(0,1fr) 140px}.canvas-region{min-height:0;padding:16px;overflow:hidden}.asset-strip{border-top:1px solid var(--border);background:#fff;padding:12px 16px;overflow:auto}.asset-strip:has(.collage-group-strip-list){padding-block:12px;overflow:hidden}.panel-section{padding:18px}.panel-heading,.list-heading,.canvas-toolbar,.strip-title{justify-content:space-between;align-items:center;display:flex}.panel-heading{margin-bottom:14px;font-size:14px;font-weight:700}.upload-dropzone{width:100%;min-height:76px;color:var(--blue);text-align:left;cursor:pointer;background:#fbfdff;border:1.5px dashed #b9c9df;border-radius:10px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:10px 13px;display:grid}.upload-dropzone:hover{border-color:var(--blue);background:#f6f9ff}.upload-dropzone:disabled{opacity:.65;cursor:wait}.upload-symbol{width:36px;height:36px;color:var(--blue);background:#edf4ff;border-radius:9px;place-items:center;font-size:22px;display:grid}.upload-copy{gap:2px;min-width:0;display:grid}.upload-copy strong,.upload-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-copy strong{font-size:12px}.upload-copy small{color:#929bad;font-size:10px}.upload-copy .upload-purpose{color:#6f7c90}.field-label{color:#566074;gap:7px;margin-top:16px;font-size:12px;font-weight:600;display:grid}.field-label input:not([type=color]),.field-label select{color:#30384a;background:#fff;border:1px solid #dce1e9;border-radius:7px;width:100%;height:38px;padding:0 11px}.field-label input[type=color]{background:#fff;border:1px solid #dce1e9;border-radius:7px;width:100%;height:38px;padding:4px}.field-help{color:#8a94a6;font-size:10px;font-weight:400;line-height:1.45}.section-divider{background:var(--border);height:1px;margin:20px 0}.list-heading{margin-bottom:12px;font-size:13px}.list-heading span{color:var(--muted);font-size:11px}.built-in-scene-list{gap:8px;display:grid}.built-in-scene-card{color:#3e485a;text-align:left;cursor:pointer;background:#fafbfc;border:1px solid #e0e5ed;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 9px;display:grid}.built-in-scene-card:hover{background:#f5f8ff;border-color:#a9c1ef}.built-in-scene-card:disabled{opacity:.6;cursor:wait}.built-in-scene-card.selected{color:#185fdc;background:#edf4ff;border-color:#6e9af2;box-shadow:0 0 0 1px #6e9af2}.built-in-scene-copy{gap:4px;min-width:0;display:grid}.built-in-scene-copy strong,.built-in-scene-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.built-in-scene-copy strong{font-size:11px}.built-in-scene-copy span{color:#858fa1;font-size:9px}.built-in-scene-state{color:#788398;white-space:nowrap;background:#fff;border:1px solid #e0e5ed;border-radius:999px;padding:4px 7px;font-size:9px}.built-in-scene-card.selected .built-in-scene-state{color:#185fdc;border-color:#a9c4f8}.empty-state{text-align:center;color:#646e82;background:#fafbfc;border:1px solid #edf0f4;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:130px;display:flex}.empty-state p{color:#9aa2af;max-width:180px;margin:0;font-size:11px;line-height:1.5}.empty-icon{color:#9aa4b5;background:#eef1f5;border-radius:9px;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.inline-error{color:#bc3341;background:#fff0f1;border-radius:7px;padding:9px;font-size:12px}.canvas-panel{flex-direction:column;height:100%;display:flex}.collage-canvas-panel{width:min(100%,570px);margin-inline:auto}.canvas-toolbar{color:#778094;min-height:32px;font-size:11px}.canvas-toolbar strong{color:#394052;font-size:13px}.collage-canvas,.scene-canvas{background-color:#e9ecf1;background-image:linear-gradient(45deg,#e2e5eb 25%,#0000 25%),linear-gradient(-45deg,#e2e5eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e5eb 75%),linear-gradient(-45deg,#0000 75%,#e2e5eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #e1e5ec;border-radius:10px;flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:hidden;box-shadow:inset 0 0 30px #3038480d}.collage-canvas{background:0 0;border-color:#e4e8ee;border-radius:12px;padding:10px;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #2e384b0f;container-type:size}.scene-canvas{background:#f3f6fa;border-color:#e2e8f0;box-shadow:inset 0 1px #ffffffb8}.canvas-placeholder{aspect-ratio:3/4;color:#7b8495;background:#fff;border:1px solid #dce1e8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:min(58%,470px);max-height:100%;display:flex;box-shadow:0 10px 32px #1c24341f}.canvas-placeholder>span{color:#bac3d1;font-size:42px}.canvas-placeholder small{color:#a0a8b6}.scene-canvas-empty{color:#3e4a62;text-align:center;background:#ffffff94;border:1px dashed #c9d5e6;border-radius:14px;place-content:center;justify-items:center;gap:8px;width:min(360px,100% - 48px);min-height:184px;padding:24px 32px;display:grid}.scene-canvas-empty-icon{color:#4f7dca;background:#eaf1fb;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:2px;font-size:25px;line-height:1;display:grid}.scene-canvas-empty strong{font-size:13px;line-height:1.4}.scene-canvas-empty small{color:#8a98af;font-size:11px;line-height:1.65}.canvas-tip{color:#738099;margin:8px 0 0;font-size:11px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.template-grid button{color:#5e6778;cursor:pointer;background:#fff;border:1px solid #e3e7ed;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:96px;display:flex}.template-grid button>span{font-size:25px}.template-grid button small{color:#9aa2af;font-size:9px}.template-grid button.selected{color:var(--blue);border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#f8fbff}.inspector-spacer{height:12px}.collage-mode-toggle{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.primary-button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:8px;width:100%;height:44px;margin-top:20px;font-weight:700}.primary-button:disabled{cursor:not-allowed;background:#b9c6dc}.primary-button.compact{height:38px;margin-top:10px;font-size:12px}.secondary-button{color:#47556b;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;width:100%;height:40px;margin-top:12px;font-weight:650}.secondary-button:disabled{color:#97a2b5;cursor:not-allowed;background:#f6f8fb}.task-cancel{color:#9c3f49;cursor:pointer;background:#fff;border:1px solid #e6c5c9;border-radius:5px;justify-self:start;padding:4px 7px;font-size:10px}.secondary-danger-button{color:#b14343;cursor:pointer;background:#fff7f7;border:1px solid #efcaca;border-radius:8px;width:100%;height:40px;margin-top:12px;font-weight:650}.export-task-card{color:#526078;background:#f7f9fc;border:1px solid #dfe5ee;border-radius:8px;gap:7px;margin-top:12px;padding:10px;display:grid}.export-task-card>div{justify-content:space-between;gap:8px;font-size:11px;display:flex}.export-task-card progress{width:100%;height:6px;accent-color:var(--blue)}.export-task-card small{color:#7b8596;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.export-task-card.succeeded{color:#2f7255;background:#f4fbf7;border-color:#cfe8d9}.export-task-card.failed{color:#a13e3e;background:#fff7f7;border-color:#efd0d0}.collage-export-notice{color:#2f7255;background:#f4fbf7;border:1px solid #cfe8d9;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin:10px 0 0;padding:8px 10px;font-size:11px;display:flex}.collage-export-notice>span{color:#fff;background:#25b86a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.collage-export-notice strong{font-size:11px}.strip-content{align-items:center;gap:16px;height:100%;display:flex}.strip-title{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:5px;min-width:130px;font-size:12px}.strip-title span{color:#929bad;font-size:10px}.strip-empty{color:#a0a8b5;background:#fafbfc;border:1px dashed #d8dde5;border-radius:8px;flex:1;place-items:center;height:92px;font-size:12px;display:grid}.slide-list{gap:7px;max-height:390px;padding-right:4px;display:grid;overflow-y:auto}.slide-list button{color:#4e596d;text-align:left;cursor:pointer;background:#fbfcfd;border:1px solid #e5e8ed;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.slide-list button>span{color:#718096;background:#eef1f5;border-radius:5px;place-items:center;width:42px;height:32px;display:grid}.slide-list button>img{object-fit:cover;background:#eef1f5;border-radius:5px;width:42px;height:32px}.slide-list button strong{font-size:11px}.slide-list button small{color:#969faf;font-size:9px}.slide-list button.selected{color:#1e5fd2;background:#f2f6ff;border-color:#8eb2ff}.slide-list button:disabled{cursor:default;opacity:.88}.collage-sheet{aspect-ratio:3/4;border:1px solid #d4d9e1;border-radius:16px;gap:.37%;width:min(100cqw,470px,75cqh);padding:.37%;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px #19233429}.collage-sheet.classic{grid-template:"thumbs heroes"1fr/224.15fr 843.85fr}.collage-sheet.classic .collage-hero-grid{grid-area:heroes;grid-template-rows:repeat(3,1fr);gap:.37%;display:grid}.collage-sheet.classic .collage-thumb-grid{grid-area:thumbs;grid-template-rows:repeat(11,1fr);grid-template-columns:1fr;gap:.42%;display:grid}.collage-sheet.showcase{grid-template-rows:auto 1fr}.collage-sheet.showcase .collage-hero-grid{aspect-ratio:16/9;display:grid}.collage-sheet.showcase .collage-thumb-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:.37%;display:grid}.collage-sheet.hero-pair-grid{gap:0;padding:0;display:block}.collage-sheet.hero-pair-grid .collage-hero-grid{grid-template-rows:repeat(2,1fr);gap:.754006%;width:86.6667%;height:73.6806%;display:grid;position:absolute;top:.625%;left:6.66667%}.collage-sheet.hero-pair-grid .collage-thumb-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:2.26629% .854701%;width:86.6667%;height:24.5139%;display:grid;position:absolute;top:74.8611%;left:6.66667%}.collage-sheet.hero-quad-grid{gap:0;padding:0;display:block}.collage-sheet.hero-quad-grid .collage-hero-grid{width:94.8148%;height:40%;display:grid;position:absolute;top:5.13889%;left:2.59259%}.collage-sheet.hero-quad-grid .collage-thumb-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:4.82931% .78125%;width:94.8148%;height:41.7014%;display:grid;position:absolute;top:48.4722%;left:2.59259%}.collage-sheet.vertical-pair{gap:0;padding:0;container-type:inline-size}.collage-sheet.vertical-pair .collage-hero-grid{z-index:2;grid-template-rows:125fr 585fr 20fr 585fr 125fr;grid-template-columns:1fr;justify-self:center;width:96.2963%;height:100%;display:grid;position:relative}.collage-sheet.vertical-pair.has-middle-text .collage-hero-grid{grid-template-rows:75fr 585fr 120fr 585fr 75fr}.collage-sheet.vertical-pair .collage-page:first-child{grid-row:2}.collage-sheet.vertical-pair .collage-page:nth-child(2){grid-row:4}.collage-sheet.vertical-pair .collage-thumb-grid{display:none}.collage-vertical-middle{z-index:3;color:#071b3a;height:8.33333%;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:var(--vertical-pair-middle-font,5.37037cqw);letter-spacing:.01em;text-align:center;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:var(--vertical-pair-middle-stroke,.740741cqw) #fff;paint-order:stroke fill;pointer-events:none;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;left:3.7037%;right:3.7037%;overflow:hidden;transform:translateY(-50%)}.collage-vertical-middle>span{text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.collage-backdrop,.collage-backdrop-tint,.collage-backdrop-layer{position:absolute;inset:0}.collage-backdrop{pointer-events:none}.collage-backdrop-layer{width:110%;filter:blur(var(--vertical-pair-blur,4.074cqw)) saturate(var(--vertical-pair-saturation,.82));background-position:50%;background-repeat:no-repeat;background-size:cover;left:-5%;right:-5%;transform:scale(1.08)}.collage-backdrop-layer.top{height:58%;top:-5%}.collage-backdrop-layer.bottom{height:58%;top:47%}.collage-backdrop-tint{opacity:var(--vertical-pair-tint-opacity,.56)}.collage-sheet.vertical-pair:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff14,#ffffff08 50%,#0000000d);position:absolute;inset:0}.collage-page{color:#5b6880;background:linear-gradient(150deg,#f9fbff,#dce5f3);border:1px solid #ccd5e3e6;border-radius:10px;place-content:center;justify-items:center;gap:3px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #26344e14}.collage-page span{font-size:11px;font-weight:800}.collage-page small{color:#7e8a9d;font-size:7px}.collage-page.hero{color:#275ebc;background:linear-gradient(145deg,#f9fbff,#cbdcf8);border-color:#a9bfe3}.collage-sheet.vertical-pair .collage-page{color:#405067;border-radius:var(--vertical-pair-radius,1.111cqw);background:#ffffffeb;border-color:#ffffffe6;box-shadow:0 18px 38px #382b1824}.collage-page img{object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%}.collage-slot-badge{z-index:2;color:#f8f4ea;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#354338b8;border:1px solid #ffffff4d;border-radius:999px;padding:4px 8px;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:10px;left:10px}.collage-export-summary{color:#738099;margin:10px 0 0;font-size:10px;line-height:1.45}.collage-group-strip-viewport{flex:1;min-width:0;position:relative;overflow:hidden}.collage-group-strip-list{scrollbar-width:none;gap:10px;min-width:0;padding:3px;display:flex;overflow-x:auto}.collage-group-strip-list::-webkit-scrollbar{display:none}.collage-group-scroll{z-index:5;color:#506079;cursor:pointer;width:32px;height:32px;font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border:1px solid #d7deea;border-radius:50%;place-items:center;padding:0 0 2px;font-size:22px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #20325233}.collage-group-scroll.previous{left:5px}.collage-group-scroll.next{right:5px}.collage-group-scroll:hover{color:var(--blue);border-color:#91afe6;box-shadow:0 5px 16px #1f67ee3d}.collage-group-scroll:focus-visible{outline-offset:2px;outline:2px solid #79a5f5}.collage-group-strip-list>button{color:#667187;text-align:center;cursor:pointer;background:#fbfcfd;border:1px solid #e4e8ee;border-radius:9px;flex-direction:column;flex:0 0 90px;justify-content:center;align-items:center;gap:5px;height:98px;padding:6px;display:flex}.collage-group-strip-list>button strong{font-size:11px}.collage-group-strip-list>button small{color:#8c96a8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.collage-group-strip-list>button.selected{color:#185fdc;background:#f1f6ff;border-color:#3f79e8;box-shadow:0 0 0 1px #3f79e8,0 6px 14px #2a5bb01f}.add-asset{color:#687388;cursor:pointer;background:#fafbfc;border:1px dashed #cfd6e1;border-radius:8px;width:90px;height:94px}.scene-toolbar-actions{align-items:center;gap:5px;display:flex}.scene-toolbar-actions button,.scene-strip-button,.scene-asset-tools button{color:#5d687a;cursor:pointer;font:inherit;background:#fff;border:1px solid #d9dfe8;border-radius:6px}.scene-toolbar-actions button{padding:5px 8px;font-size:10px}.scene-toolbar-actions button:disabled,.scene-strip-button:disabled,.scene-asset-tools button:disabled{cursor:not-allowed;opacity:.42}.scene-stage{cursor:crosshair;background:linear-gradient(145deg,#dfe7ee,#aebdca);border:1px solid #aeb7c3;border-radius:5px;flex:none;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 14px 36px #1e2a3a33}.scene-stage-surface{background:radial-gradient(circle at 70% 34%,#ffffffe6,#0000 19%),linear-gradient(120deg,#3c4b5b38,#0000 42%),linear-gradient(20deg,#dce5e9,#f8fafb 48%,#c5d1d9);position:absolute;inset:0;overflow:hidden}.scene-background-image,.scene-composite-preview{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.scene-composite-preview{z-index:1}.scene-stage.invalid{box-shadow:0 0 0 2px #dc5964,0 14px 36px #1e2a3a33}.scene-stage-header{z-index:2;color:#344255;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:1px solid #ffffffd9;border-radius:7px;align-items:center;gap:8px;padding:6px 9px;font-size:10px;display:flex;position:absolute;top:12px;left:14px}.scene-stage-header span{color:#758195}.scene-stage-empty{color:#4d5c6d;place-content:center;justify-items:center;gap:5px;display:grid;position:absolute;inset:0}.scene-stage-empty span{color:#718095;font-size:11px}.scene-quad-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-quad-overlay polygon{fill:#1f65ee29;stroke:#176af6;stroke-width:.55px;vector-effect:non-scaling-stroke}.scene-point{z-index:4;color:#fff;cursor:grab;background:#176af6;border:2px solid #fff;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;font-size:9px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #14357459}.scene-point:active{cursor:grabbing}.scene-strip{grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;height:100%;display:grid}.asset-strip:has(.scene-strip){overflow:hidden}.scene-strip-header,.scene-strip-heading,.scene-strip-meta{align-items:center;min-width:0;display:flex}.scene-strip-header{justify-content:space-between;gap:16px}.scene-strip-heading{gap:14px}.scene-strip-heading .strip-title{white-space:nowrap;justify-content:flex-start}.scene-strip-meta{color:#778397;white-space:nowrap;justify-content:flex-end;gap:12px;font-size:11px}.scene-strip-clear{color:#8a5360;cursor:pointer;width:fit-content;font:inherit;background:0 0;border:0;padding:0;font-size:10px}.scene-strip-clear:disabled{color:#b7bec9;cursor:default}.scene-strip-actions{gap:7px;display:flex}.scene-strip-button{min-width:96px;height:30px;padding:0 11px;font-size:10px;font-weight:650}.scene-strip-button.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 5px 12px #1f67ee2e}.scene-strip-button.primary:hover{background:#125cd8;border-color:#125cd8}.scene-strip-button.secondary{color:#1f67de;background:#f5f8ff;border-color:#a9c4f2}.scene-strip-button.secondary:hover{background:#eaf1ff;border-color:#77a2ed}.scene-strip-empty{color:#657084;text-align:left;cursor:pointer;width:100%;height:100%;min-height:112px;font:inherit;background:#fafcff;border:1px dashed #cbd5e4;border-radius:9px;justify-content:center;align-items:center;gap:13px;padding:16px;display:flex}.scene-strip-empty:hover{color:var(--blue);background:#f6f9ff;border-color:#80a7eb}.scene-strip-empty:disabled{opacity:.6;cursor:wait}.scene-strip-empty-icon{color:#6f83a2;background:#edf3fa;border-radius:11px;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.scene-strip-empty>span:last-child{gap:5px;display:grid}.scene-strip-empty strong{font-size:12px}.scene-strip-empty small{color:#929daf;font-size:10px}.scene-asset-viewport{min-width:0;min-height:0;position:relative;overflow:hidden}.scene-asset-grid{scrollbar-width:none;align-items:stretch;gap:10px;min-width:0;height:100%;padding:1px 2px 5px;display:flex;overflow:auto hidden}.scene-asset-grid::-webkit-scrollbar{display:none}.scene-asset-scroll{z-index:5;color:#506079;cursor:pointer;width:34px;height:34px;font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border:1px solid #d7deea;border-radius:50%;place-items:center;padding:0 0 2px;font-size:23px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #20325233}.scene-asset-scroll.previous{left:8px}.scene-asset-scroll.next{right:8px}.scene-asset-scroll:hover{color:var(--blue);border-color:#91afe6;box-shadow:0 5px 16px #1f67ee3d}.scene-asset-scroll:focus-visible{outline-offset:2px;outline:2px solid #79a5f5}.scene-asset-card{background:#f8f9fb;border:1px solid #dde2e9;border-radius:8px;flex:0 0 132px;min-height:112px;padding:4px;position:relative}.scene-asset-card.selected{background:#eef4ff;border-color:#3f79ec;box-shadow:0 0 0 1px #3f79ec}.scene-asset-preview{color:#485366;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;width:100%;padding:0;display:grid}.scene-asset-preview strong,.scene-asset-preview img{border-radius:5px;width:100%;height:76px}.scene-asset-preview strong{color:#fff;background:linear-gradient(135deg,#61718b,#a3afbf);place-items:center;display:grid}.scene-asset-preview img{object-fit:cover;border:1px solid #d8dee9}.scene-asset-preview span{text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:9px;overflow:hidden}.scene-asset-index{z-index:2;color:#fff;background:var(--blue);border-radius:4px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:750;display:grid;position:absolute;top:7px;left:7px;box-shadow:0 1px 4px #1246a047}.scene-asset-remove{z-index:2;color:#566278;cursor:pointer;background:#ffffffeb;border:1px solid #d4dbe6;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;font-size:13px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 1px 4px #14233c29}.scene-asset-tools{z-index:2;gap:3px;display:flex;position:absolute;bottom:27px;right:7px}.scene-asset-tools button{background:#ffffffe6;width:21px;height:18px;padding:0;font-size:9px}.scene-add-tile{color:#61708a;cursor:pointer;min-height:112px;font:inherit;background:#fbfcfe;border:1px dashed #c8d2e1;border-radius:8px;flex:0 0 132px;place-content:center;justify-items:center;gap:4px;display:grid}.scene-add-tile:hover{color:var(--blue);background:#f6f9ff;border-color:#80a7eb}.scene-add-tile>span{font-size:24px;line-height:1}.scene-add-tile strong{font-size:11px}.scene-add-tile small{color:#9aa4b2;font-size:9px}.scene-add-tile:disabled{opacity:.5;cursor:wait}.scene-ppt-dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#161f307a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.scene-ppt-dialog{background:#fff;border:1px solid #dbe1ea;border-radius:14px;gap:16px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #101b3047}.scene-ppt-dialog-heading,.scene-ppt-file-card,.scene-ppt-dialog-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.scene-ppt-dialog-heading>div,.scene-ppt-file-card>div{gap:4px;min-width:0;display:grid}.scene-ppt-dialog-heading strong{font-size:16px}.scene-ppt-dialog-heading span,.scene-ppt-file-card span,.scene-ppt-range small{color:#818b9b;font-size:10px}.scene-ppt-dialog-heading button{color:#657086;cursor:pointer;background:#f5f7fa;border:0;border-radius:50%;width:30px;height:30px;padding:0;font-size:18px}.scene-ppt-file-card{background:#f7f9fc;border:1px solid #e2e7ef;border-radius:9px;padding:12px}.scene-ppt-file-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.scene-ppt-file-card button{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cbd8ef;border-radius:6px;flex:none;padding:6px 9px;font-size:10px}.scene-ppt-range{gap:7px;display:grid}.scene-ppt-range input{height:38px;font:inherit;border:1px solid #d8dee8;border-radius:7px;padding:0 10px}.scene-ppt-dialog .export-task-card{margin-top:0}.scene-ppt-dialog-actions{justify-content:flex-end}.scene-ppt-dialog-actions .secondary-button,.scene-ppt-dialog-actions .primary-button,.scene-ppt-dialog-actions .secondary-danger-button{width:auto;min-width:112px;height:38px;margin-top:0}.scene-ppt-dialog-actions .primary-button{min-width:132px}.risk-card.risk-warning{color:#725100;background:#fff9e6;border-color:#ead699}.risk-card.risk-error{color:#922d3a;background:#fff0f2;border-color:#efb9c0}.segmented{background:#f0f2f6;border-radius:8px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button{color:#667084;background:0 0;border:0;border-radius:6px;height:34px;font-size:12px}.segmented button.selected{color:var(--blue);background:#fff;box-shadow:0 1px 4px #141e321f}.range-field{color:#596377;grid-template-columns:65px 1fr 45px;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:grid}.range-field input{accent-color:var(--blue)}.range-field output{text-align:center;background:#fff;border:1px solid #e0e4eb;border-radius:5px;padding:5px}.risk-card{color:#3d4659;background:#f7f9fc;border:1px solid #e3e7ee;border-radius:8px;gap:5px;margin-top:18px;padding:13px;font-size:12px;display:grid}.risk-card span{color:#8b94a5;font-size:10px}.narrow-warning{display:none}.fatal-error{text-align:center;color:#4c566a;background:#f5f7fb;place-content:center;justify-items:center;gap:10px;min-height:100%;padding:32px;display:grid}.fatal-error>span{color:#fff;background:#d34855;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;font-weight:800;display:grid}.fatal-error h1,.fatal-error p{margin:0}.fatal-error button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:8px;margin-top:8px;padding:10px 18px}.fatal-error details{color:#8b4650;max-width:520px;margin-top:8px;font-size:12px}.editor-layout.collage-workbench{--collage-left-column-width:340px;grid-template-columns:var(--collage-left-column-width) minmax(520px,1fr) 340px;background:#f7f9fc}.collage-workbench .editor-left{overflow:hidden}.collage-workbench .editor-inspector{padding:18px 20px 20px}.collage-workbench .editor-center{background:#f7f9fc;grid-template-rows:minmax(0,1fr) 88px;grid-template-areas:"canvas""strip"}.collage-workbench .editor-center:not(:has(>.asset-strip)){grid-template-rows:minmax(0,1fr);grid-template-areas:"canvas"}.collage-workbench .canvas-region{grid-area:canvas;padding:18px 52px 0 28px}.collage-workbench .asset-strip{background:#ffffffb8;border-top:1px solid #e6ebf2;border-bottom:0;grid-area:strip;padding:14px 22px;overflow:hidden}.collage-workbench .panel-section{flex-direction:column;height:100%;padding:16px 18px 14px;display:flex;overflow:hidden}.collage-workbench .panel-heading{margin-bottom:11px;font-size:13px}.collage-workbench .collage-source-heading{flex:none}.collage-source-card{color:#273147;text-align:left;cursor:pointer;background:#fff;border:1px dashed #c8d3e2;border-radius:9px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:68px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.collage-source-card.has-status{min-height:92px;padding-bottom:42px}.collage-source-card:hover{background:#fbfdff;border-color:#9ebbf5}.collage-source-card:disabled{cursor:wait;opacity:.72}.ppt-file-mark{color:#e44d2e;background:linear-gradient(145deg,#fff,#f3f5f8);border:1px solid #d6dce5;border-radius:6px;place-items:center;width:36px;height:42px;display:grid;position:relative}.ppt-file-mark:after{content:"";background:linear-gradient(225deg,#fff 49%,#d8dee7 51%);border-top-right-radius:5px;width:11px;height:11px;position:absolute;top:-1px;right:-1px}.ppt-file-mark b{z-index:1;color:#fff;background:#ed572f;border-radius:4px;place-items:center;width:22px;height:22px;font-size:13px;display:grid;position:absolute;bottom:5px;left:-5px}.ppt-file-mark i{color:#d65b3b;margin-left:11px;font-size:12px;font-style:normal}.collage-source-copy{gap:3px;min-width:0;display:grid}.collage-source-copy strong,.collage-source-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collage-source-copy strong{white-space:normal;max-height:2.8em;font-size:12px;line-height:1.4;overflow:hidden}.collage-source-copy small{color:#8791a2;font-size:10px}.collage-source-status{color:#21935a;background:#f2fbf6;border-top:1px solid #dcefe4;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.collage-source-status>span{align-items:center;gap:6px;display:flex}.collage-source-status i{color:#fff;background:#25b86b;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-style:normal;display:grid}.collage-source-status b{font-size:10px}.collage-workbench .field-label{gap:6px;margin-top:13px}.collage-workbench .section-divider{flex:none;margin:16px 0}.collage-extraction-summary{color:#4e5d72;flex:none;align-items:center;gap:14px;margin-top:12px;padding:0 4px;font-size:10px;display:flex}.collage-extraction-summary span{align-items:center;gap:6px;display:flex}.collage-extraction-summary span+span{border-left:1px solid #e1e6ed;padding-left:14px}.collage-extraction-summary i{background:#1fbc6d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e3f8ec}.collage-workbench .list-heading{flex:none;margin-bottom:10px}.collage-workbench .slide-list{flex:1;gap:7px;min-height:0;max-height:none;padding-right:6px;overflow-y:auto}.collage-workbench .slide-list button{background:#fff;border-color:#e3e8ef;border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;min-height:48px;padding:6px 8px}.collage-workbench .slide-list button>img{border:1px solid #e7ebf0;border-radius:5px;width:50px;height:36px}.collage-workbench .slide-list button>strong{font-size:11px}.collage-workbench .slide-list button>.slide-selection-state{width:auto;height:auto;color:inherit;background:0 0;border-radius:0;justify-content:flex-end;align-items:center;gap:7px;display:flex}.slide-selection-state small{white-space:nowrap}.slide-selection-state i{color:#fff;background:#2f70f6;border-radius:5px;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid}.collage-workbench .collage-source-slide-list button.selected{background:#f5f8ff;border-color:#6e9cf9;box-shadow:0 0 0 1px #2f70f61a}.collage-workbench .strip-content{align-items:center;gap:18px}.collage-workbench .strip-title{flex:none;gap:0;min-width:116px;height:100%}.collage-workbench .strip-title strong{font-size:13px}.collage-workbench .strip-title span{white-space:nowrap;font-size:9px}.collage-workbench .strip-empty{height:52px;font-size:10px}.collage-workbench .collage-group-strip-list{gap:10px;padding:2px 3px}.collage-workbench .collage-group-strip-list>button{border-radius:9px;flex:0 0 76px;gap:3px;height:58px;padding:5px}.collage-workbench .collage-group-strip-list>button strong{font-size:14px}.collage-workbench .collage-group-strip-list>button small{color:#8b96a8;font-size:8px}.collage-workbench .collage-group-strip-list>button.selected{box-shadow:0 0 0 1px #3f79e8,0 5px 12px #2a5bb017}.collage-topic-strip-list{flex:1;align-items:center;gap:10px;min-width:0;padding:2px 3px;display:flex;overflow-x:auto}.collage-topic-strip-list button{color:#546078;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:9px;flex:none;grid-template-columns:36px auto 18px;align-items:center;gap:8px;height:58px;padding:5px 8px 5px 5px;display:grid}.collage-topic-strip-list button:hover{background:#f8fbff;border-color:#91aff0}.collage-topic-strip-list button>strong{white-space:nowrap;font-size:10px}.collage-topic-index{color:#fff;background:#e54e3d;border-radius:7px;place-items:center;width:36px;height:44px;font-size:12px;font-weight:800;display:grid}.collage-topic-index.tone-2{background:#f4a51c}.collage-topic-index.tone-3{background:#82a94c}.collage-topic-remove{color:#8993a5;font-size:15px;line-height:1}.collage-workbench .collage-canvas-panel{width:100%;margin:0;position:relative}.collage-workbench .collage-canvas{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:start;padding:0}.collage-workbench .collage-canvas.is-empty{place-items:center}.collage-workbench .collage-sheet{border-radius:13px;width:min(100cqw,600px,75cqh);box-shadow:0 16px 36px #1f2e4821}.collage-long-preview{scrollbar-width:none;background:#fff;border:1px solid #dce3ed;border-radius:13px;place-self:stretch center;width:min(100cqw,480px);max-height:100%;overflow-y:auto;box-shadow:0 16px 36px #1f2e4821}.collage-long-preview::-webkit-scrollbar{display:none}.collage-long-page{background:#fff;position:relative}.collage-long-page+.collage-long-page:before{content:"";z-index:1;background:#39475f1f;height:1px;position:absolute;top:0;left:0;right:0}.collage-long-page img{width:100%;height:auto;display:block}.collage-workbench .canvas-tip{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.collage-workbench .canvas-placeholder{border-radius:12px;width:min(58%,460px)}.collage-workbench .collage-empty-canvas{aspect-ratio:auto;color:#64728a;text-align:center;width:min(72%,360px);min-height:176px;box-shadow:none;background:#ffffff94;border:1px dashed #cbd5e3;border-radius:16px;padding:28px 32px}.collage-workbench .collage-empty-canvas>span{color:#5f7fb8;background:#edf3fc;border-radius:14px;place-items:center;width:48px;height:48px;font-size:27px;line-height:1;display:grid}.collage-workbench .collage-empty-canvas strong{color:#4f5d73;font-size:14px}.collage-workbench .collage-empty-canvas small{max-width:250px;line-height:1.6}.collage-workbench .collage-inspector-content>.panel-heading:not(:first-child){margin-top:18px}.collage-workbench .collage-mode-toggle{margin-bottom:18px}.collage-order-options{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.collage-order-options button:only-child{color:#47556b;cursor:pointer;background:#fff;box-shadow:0 1px 4px #141e321f}.collage-order-options button:only-child:disabled{color:#97a2b5;box-shadow:none;cursor:not-allowed;background:#f6f8fb}.collage-workbench .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collage-workbench .template-grid.long-image-layout{grid-template-columns:1fr}.collage-workbench .template-grid.long-image-layout button{cursor:default;min-height:74px}.collage-workbench .template-grid button{min-height:88px}.collage-workbench .template-grid button>span{font-size:22px}.collage-workbench .template-grid button strong{font-size:11px}.collage-workbench .template-grid button small{font-size:8px}.collage-long-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.collage-long-range label{color:#59667a;cursor:pointer;background:#fff;border:1px solid #e0e5ed;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:11px;display:flex}.collage-long-range label:has(input:checked){color:var(--blue);background:#f7faff;border-color:#7ea6f8;box-shadow:0 0 0 1px #2f70f61f}.collage-long-range input[type=radio]{accent-color:var(--blue);margin:0}.collage-long-range>input{color:#334057;background:#fff;border:1px solid #dce2eb;border-radius:7px;outline:none;grid-column:1/-1;min-width:0;padding:9px 10px;font-size:11px}.collage-long-range>input:focus{border-color:#7ea6f8;box-shadow:0 0 0 2px #2f70f61a}.collage-workbench .inspector-spacer{height:0}.collage-workbench .primary-button{margin-top:14px}.collage-export-selection{color:#8a94a5;text-align:center;margin:10px 0 0;font-size:9px;line-height:1.4}@media (width<=1250px){.compressor-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.compressor-settings,.compressor-settings.has-variants{grid-template-columns:minmax(0,1fr) 150px;gap:12px}.compressor-settings.has-variants .compressor-primary{grid-column:1/-1}.compressor-resize{flex-wrap:wrap}.compressor-resize small{width:100%}.editor-layout{grid-template-columns:250px minmax(480px,1fr) 270px}.scene-strip-meta>small{display:none}.editor-layout.collage-workbench{--collage-left-column-width:280px;grid-template-columns:var(--collage-left-column-width) minmax(456px,1fr) 290px}.collage-workbench .canvas-region{padding:18px 16px 8px}.collage-workbench .asset-strip{padding-inline:16px}.collage-workbench .editor-inspector{padding-inline:15px}.tool-nav{flex-basis:120px;width:120px;padding-inline:8px}.narrow-warning{z-index:20;color:#6d4e00;background:#fff4c7;border:1px solid #ead78b;border-radius:8px;padding:7px 12px;font-size:11px;display:block;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}}