:root{--color-bg: #ffffff;--color-surface: #F9FAFB;--color-surface-alt: #F3F4F6;--color-surface-strong: #EEF0F3;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--color-text: #111827;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-text-on-primary:#ffffff;--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-500: #6366F1;--color-primary-600: #4338CA;--color-primary-700: #3730A3;--color-accent-50: #FFF1F2;--color-accent-100: #FFE4E8;--color-accent-500: #FB7185;--color-accent-600: #E11D48;--color-accent-700: #BE123C;--color-success-50: #ECFDF5;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #FFFBEB;--color-warning-600: #B45309;--color-warning-700: #92400E;--color-danger-50: #FEF2F2;--color-danger-600: #DC2626;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base:.9375rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: clamp(1.9rem, 4vw, 2.75rem);--lh-tight: 1.2;--lh-normal: 1.55;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(17,24,39,.06), 0 1px 1px rgba(17,24,39,.04);--shadow-md: 0 6px 16px rgba(17,24,39,.08), 0 2px 6px rgba(17,24,39,.05);--shadow-lg: 0 16px 40px rgba(17,24,39,.14), 0 4px 12px rgba(17,24,39,.06);--shadow-focus: 0 0 0 3px var(--color-primary-200);--ease: cubic-bezier(.2,.8,.2,1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0300-0370,U+0500-052F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0300-0370,U+0500-052F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}html,body{font-family:var(--font-ui)}.range-input{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;cursor:pointer;margin:0}.range-input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--color-primary-600) 0%,var(--color-primary-600) var(--progress, 50%),var(--color-border-strong, #d1d5db) var(--progress, 50%),var(--color-border-strong, #d1d5db) 100%)}.range-input::-moz-range-track{height:6px;border-radius:999px;background:var(--color-border-strong, #d1d5db)}.range-input::-moz-range-progress{height:6px;border-radius:999px;background:var(--color-primary-600)}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid var(--color-primary-600);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-primary-600);box-shadow:var(--shadow-sm);cursor:pointer}.range-input:hover:not(:disabled)::-webkit-slider-thumb,.range-input:hover:not(:disabled)::-moz-range-thumb{box-shadow:var(--shadow-md)}.range-input:active:not(:disabled)::-webkit-slider-thumb,.range-input:active:not(:disabled)::-moz-range-thumb{transform:scale(1.12)}.range-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-primary-600);outline-offset:2px}.range-input:focus-visible::-moz-range-thumb{outline:2px solid var(--color-primary-600);outline-offset:2px}.range-input:disabled{cursor:not-allowed;opacity:.5}*{padding:0;margin:0;border:0;-webkit-tap-highlight-color:transparent}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary-500, #4a4af4);outline-offset:2px}nav,footer,header,aside{display:block}html,body{min-height:100vh;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}input::-ms-clear{display:none}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none;color:inherit;display:inline-block}a:hover{text-decoration:none}ul li{list-style:none}img{max-width:100%;vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}a{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.App{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 0 auto;display:flex;flex-direction:column}.main{position:relative;min-height:100vh;padding:40px;width:100%;background-color:#f1f1f1}.main__wrapper{height:100%;width:100%;padding:40px}.page-drag-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;pointer-events:none}.main__content{margin:0 auto}.main__title{text-align:center;font-size:56px;font-weight:600;margin-bottom:25px}.title__gradient{background-image:linear-gradient(90deg,var(--color-primary-600),var(--color-accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main__text{text-align:center;font-size:22px;color:#6b7280}.main__text:first-of-type{margin-bottom:15px}.main__text:nth-of-type(3){margin-top:15px}.input__download{margin-top:30px;text-align:center}.input__info-text{text-align:center;margin-top:15px}.input__text--button{padding:25px 38px;background-color:var(--color-primary-600);border-radius:8px;color:#fff;font-size:26px}.input__text--button:hover{background-color:var(--color-primary-700)}.photo__input__trust{display:block;text-align:center;margin-top:14px;font-size:var(--fs-xs, .75rem);color:var(--color-text-secondary, #4B5563)}@media(max-width:820px){.main{padding:20px}.main__wrapper{padding:40px 20px}.main__title{font-size:46px}.main__text{font-size:20px}.input__text--button{font-size:23px;padding:22px 30px}}@media(max-width:720px){.input__text--button{font-size:20px}.main__text{font-size:19px;line-height:25px}}@media(max-width:520px){.main__wrapper{padding:20px 5px}.main__text{font-size:16px}.main__title{font-size:40px}.input__text--button{font-size:17px;padding:18px 28px}}.input__label--touch{display:none}@media(hover:none)and (pointer:coarse){.input__label--desktop{display:none}.input__label--touch{display:inline}.input__text--button{min-height:56px;min-width:min(100%,280px)}}.photo__input__rules{text-align:center;margin-top:12px;font-size:var(--fs-sm, .8125rem);color:var(--color-text-secondary, #4B5563)}.photo__input__extras{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin-top:12px}.photo__input__extra-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 16px;border:1px solid var(--color-primary-200, #C7D2FE);border-radius:var(--radius-full, 999px);background:#fff;color:var(--color-primary-700, #3730A3);font-size:var(--fs-base, .9375rem);font-weight:var(--fw-semibold, 600);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.photo__input__extra-btn:hover:not(:disabled){background:var(--color-primary-50, #EEF2FF);border-color:var(--color-primary-600, #4338CA)}.photo__input__extra-btn:focus-visible{outline:2px solid var(--color-primary-600, #4338CA);outline-offset:2px}.photo__input__extra-btn:disabled{opacity:.6;cursor:progress}.photo__input__camera,.photo__input__camera-input{display:none}.photo__input__paste-hint{font-size:var(--fs-sm, .8125rem);color:var(--color-text-secondary, #4B5563)}@media(hover:none)and (pointer:coarse){.photo__input__camera{display:inline-flex}.photo__input__paste-hint{display:none}}.side-panel{position:fixed;top:0;right:-380px;width:360px;max-width:90vw;height:100vh;background:#f1f1f1;box-shadow:-4px 0 20px #00000026;z-index:1000;padding:15px 24px;display:flex;flex-direction:column;transition:right .3s ease}.side-panel--open{right:0}.side-panel__header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.side-panel__title{font-size:26px;font-weight:600;color:#040404;margin:10px 0 20px}p.panel__files{align-self:flex-end;margin:10px 0}.side-panel__back{position:relative;align-self:flex-start}.side-panel__back-btn{background:#4b5563;border:none;border-radius:8px;padding:6px 11px 6px 8px;margin:10px 5px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.side-panel__back-btn:hover{background-color:#eff6ff;color:var(--color-primary-700);transition:.3s}.side-panel__tooltip{position:absolute;top:40px;left:23;background:#222;color:#fff;font-size:12px;padding:8px 12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:10}.side-panel__back:hover .side-panel__tooltip{opacity:1;visibility:visible}.side-panel__stats{background:#f1f1f1;padding:20px;text-align:center;margin:15px 0 12px}.side-panel__stats-percent{color:#2fb572;font-weight:800;font-size:36px;margin:0 0 8px}.side-panel__stats-detail{color:#666;font-size:16px;margin:4px 0}.side-panel__empty,.side-panel__loading{text-align:center;color:#888;font-size:16px;margin:0}.side-panel__empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);padding:var(--space-6, 24px) var(--space-2, 8px)}.side-panel__empty-icon{padding:14px;border-radius:var(--radius-full, 999px);color:var(--color-primary-500, #6366F1);background:var(--color-primary-50, #EEF2FF);flex-shrink:0}.side-panel__empty-trust{margin:0;text-align:center;color:var(--color-text-secondary, #4B5563);font-size:var(--fs-xs, .75rem);line-height:var(--lh-normal, 1.55)}.side__panel-wrapper{position:relative}.panel__plus{position:absolute;visibility:hidden;opacity:0;left:18%;top:50%;transform:translateY(-50%);padding:6px 10px;border-radius:4px;font-size:14px;transition:opacity .2s ease-in-out;pointer-events:none;color:#fff;background:#222}.side__panel-wrapper:hover .panel__plus{visibility:visible;opacity:1}.side-panel__add-btn{align-self:center;padding:12px 0;width:100%;border-radius:10px;background:var(--color-primary-600);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:12px 0;font-size:18px}.side-panel__add-btn:hover{background-color:var(--color-primary-700)}.side-panel__format-switch{display:flex;gap:8px;margin-top:auto;margin-bottom:12px}@media(max-width:769px){.side-panel__format-switch{margin-bottom:80px}}.side-panel__format-btn{flex:1;padding:10px 0;border:1px solid #d7dfff;border-radius:8px;background:#fff;color:var(--color-primary-600);font-weight:600;font-size:15px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.side-panel__format-btn:hover{background:#eef2ff}.side-panel__format-btn--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.side-panel__download-btn{width:100%;padding:18px;background:var(--color-primary-600);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-top:auto;margin-bottom:20px;font-size:18px}.side-panel__download-btn:hover{background-color:var(--color-primary-700)}.side-panel__download-btn:disabled{opacity:.5;cursor:not-allowed}.side-panel__filelist{list-style:none;padding:0;margin:12px 0;overflow-y:auto;flex:1;min-height:0}.side-panel__file-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 0;border-bottom:1px solid #eee}.side-panel__item-options{flex-basis:100%;width:100%}.side-panel__thumbnail{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.side-panel__thumbnail--icon{display:flex;align-items:center;justify-content:center;background:#eef2ff;color:var(--color-primary-600)}.side-panel__file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.side-panel__filename{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel__file-status{font-size:12px;color:#6b7280;line-height:1.3}.side-panel__file-status--processing{color:var(--color-primary-600)}.side-panel__file-status--error{color:#d93025}.side-panel__thumbnail--error{background:#fdecea;color:#d93025}.side-panel__retry-btn{background:none;border:none;color:var(--color-primary-600);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px}.side-panel__retry-btn:hover{background:#eef2ff}.side-panel__progress{margin:10px 0 4px}.side-panel__progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#374151;margin-bottom:6px}.side-panel__cancel-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:#374151}.side-panel__cancel-btn:hover{border-color:#ff5c5c;color:#d93025}.side-panel__progress-bar{width:100%;height:6px;border:none;border-radius:3px;overflow:hidden;appearance:none;-webkit-appearance:none;background:var(--color-border);accent-color:var(--color-primary-600)}.side-panel__progress-bar::-webkit-progress-bar{background:var(--color-border)}.side-panel__progress-bar::-webkit-progress-value{background:var(--color-primary-600);transition:width .2s ease}.side-panel__progress-bar::-moz-progress-bar{background:var(--color-primary-600)}.side-panel__remove-btn{background:none;border:none;color:#999;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.side-panel__remove-btn:hover{color:#ff5c5c}.side-panel__add-btn{position:relative}.side-panel__add-badge{position:absolute;top:-6px;right:-6px;background:#1a1a1a;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}@media(max-width:768px){.side-panel{right:auto;left:0;top:100dvh;width:100%;max-width:100%;height:78dvh;border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #0000002e;overflow-y:auto;padding-bottom:calc(15px + env(safe-area-inset-bottom,0px));transition:top .3s ease}.side-panel--open{top:22dvh}.side-panel:before{content:"";display:block;flex-shrink:0;width:40px;height:4px;margin:0 auto 10px;border-radius:2px;background:var(--color-border, #d1d5db)}.side__panel-wrapper{position:fixed;bottom:90px;right:15px;z-index:10;width:auto}.side-panel__add-btn{width:56px;height:56px;border-radius:50%;padding:0;justify-content:center}.side-panel__add-text{display:none}.side-panel__download-btn{position:fixed;bottom:20px;right:40px;left:auto;width:auto;min-width:45%;padding:14px 24px;border-radius:12px;margin:0}.side-panel__download-btn--empty{display:none}}.side-panel__file-progress{width:100%;height:4px;margin-top:3px;border:none;border-radius:2px;overflow:hidden;-webkit-appearance:none;appearance:none;background:var(--color-border)}.side-panel__file-progress::-webkit-progress-bar{background:var(--color-border)}.side-panel__file-progress::-webkit-progress-value{background:var(--color-primary-600);transition:width .15s ease}.side-panel__file-progress::-moz-progress-bar{background:var(--color-primary-600)}.side-panel__merge-info{margin:8px 0 4px}.side-panel__hint{margin:0 0 6px;font-size:12px;line-height:1.4;color:#6b7280}.side-panel__hint--warn{color:#b45309}.side-panel__merge-error{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.side-panel__merge-error .error-text{margin:0;font-size:13px}.side-panel__merge-result{margin:8px 0 0;padding:10px 12px;background:#eef2ff;border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:2px;color:#374151}.side-panel__file-index{width:18px;flex-shrink:0;text-align:center;font-size:12px;font-weight:600;color:#6b7280}.side-panel__move{display:flex;flex-direction:column;flex-shrink:0}.side-panel__move-btn{background:none;border:none;padding:2px 6px;color:var(--color-primary-600);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.side-panel__move-btn:hover:not(:disabled){background:#eef2ff}.side-panel__move-btn:disabled,.side-panel__remove-btn:disabled,.side-panel__add-btn:disabled{opacity:.35;cursor:not-allowed}.side-panel__file-item[draggable=true]{cursor:grab}.side-panel__file-item--dragging{opacity:.45}.side-panel__file-item--over{box-shadow:0 2px 0 0 var(--color-primary-600)}@media(max-width:768px){.side-panel__move-btn{padding:5px 10px}}.side-panel__file-note{font-size:12px;line-height:1.3;color:#4b5563}.side-panel__stages{display:flex;gap:4px;list-style:none;margin:6px 0 0;padding:0;font-size:11px;line-height:1.3}.side-panel__stage{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full, 999px);background:var(--color-surface-alt, #F3F4F6);color:var(--color-text-muted, #6B7280);white-space:nowrap}.side-panel__stage--done{background:var(--color-success-50, #ECFDF5);color:var(--color-success-700, #047857)}.side-panel__stage--done:before{content:"✓"}.side-panel__stage--active{background:var(--color-primary-100, #E0E7FF);color:var(--color-primary-700, #3730A3);font-weight:600}.side-panel__file-progress--indeterminate{display:block;position:relative;overflow:hidden;height:6px;border-radius:3px;background:var(--color-border, #E5E7EB)}.side-panel__file-progress--indeterminate:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;border-radius:3px;background:var(--color-primary-600, #4338CA);animation:sidePanelIndeterminate 1.2s var(--ease, ease) infinite}@keyframes sidePanelIndeterminate{0%{left:-40%}to{left:100%}}.side-panel__share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:14px;margin-bottom:10px;border:1.5px solid var(--color-primary-600, #4338CA);border-radius:8px;background:#fff;color:var(--color-primary-700, #3730A3);font-size:16px;font-weight:600;cursor:pointer}.side-panel__share-btn:focus-visible{outline:2px solid var(--color-primary-600, #4338CA);outline-offset:2px}@media(max-width:768px){.side-panel__share-btn{position:fixed;bottom:20px;left:15px;z-index:10;width:calc(50% - 22px);margin:0;padding:14px 10px;border-radius:12px;font-size:15px;box-shadow:0 4px 12px #1118271f}.side-panel__download-btn--with-share{right:15px;width:calc(50% - 22px);min-width:0;padding:14px 10px}}.side-panel{overflow-y:auto}.side-panel__filelist{min-height:72px}@media(max-width:768px){.side-panel{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.side-panel__filelist{flex:none;overflow-y:visible}.side-panel__download-btn{z-index:10}}.side-panel>*{flex-shrink:0}.side-panel>.side-panel__filelist{flex-shrink:1}@media(max-width:768px){.side-panel>.side-panel__filelist{flex-shrink:0}}.try-also{position:relative;margin-top:16px;padding:16px 16px 14px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(165deg,var(--color-primary-50) 0%,var(--color-accent-50) 130%);box-shadow:var(--shadow-sm);overflow:hidden;animation:tryAlsoIn .42s var(--ease) both}.try-also:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-accent-500))}@keyframes tryAlsoIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.try-also__head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.try-also__emoji{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);font-size:15px;line-height:1}.try-also__head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.try-also__title{font-weight:var(--fw-bold);font-size:var(--fs-md, 16px);color:var(--color-text);line-height:var(--lh-tight)}.try-also__subtitle{font-size:var(--fs-xs, 12px);color:var(--color-text-muted)}.try-also__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.try-also__item-wrap{min-width:0}.try-also__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;text-decoration:none;color:inherit;opacity:0;animation:tryAlsoItemIn .36s var(--ease) both;animation-delay:.24s;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}@keyframes tryAlsoItemIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.try-also__item:hover,.try-also__item:focus-visible{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translate(2px)}.try-also__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md)}.try-also__item--primary .try-also__icon-wrap{color:var(--color-primary-700);background:var(--color-primary-100)}.try-also__item--accent .try-also__icon-wrap{color:var(--color-accent-700);background:var(--color-accent-100)}.try-also__item--success .try-also__icon-wrap{color:var(--color-success-700);background:var(--color-success-50)}.try-also__item--warning .try-also__icon-wrap{color:var(--color-warning-700);background:var(--color-warning-50)}.try-also__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.try-also__name-row{display:flex;align-items:center;gap:6px;min-width:0}.try-also__name{font-weight:var(--fw-semibold);font-size:var(--fs-sm, 14px);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.try-also__badge{flex-shrink:0;font-size:11px;font-weight:var(--fw-semibold);line-height:1;padding:3px 7px;border-radius:var(--radius-full);color:var(--color-accent-700);background:var(--color-accent-100);text-transform:lowercase}.try-also__desc{font-size:var(--fs-xs, 12px);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.try-also__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform .15s ease,color .15s ease}.try-also__item:hover .try-also__chevron,.try-also__item:focus-visible .try-also__chevron{transform:translate(2px);color:var(--color-primary-600)}.share-link{margin-top:4px;margin-bottom:12px}.share-link__create{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;border:1px dashed var(--color-primary-200, #C7D2FE);border-radius:8px;background:#fff;color:var(--color-primary-700, #3730A3);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.share-link__create:hover{border-color:var(--color-primary-600, #4338CA);background:var(--color-primary-50, #EEF2FF)}.share-link__create:focus-visible,.share-link__copy:focus-visible,.share-link__send:focus-visible,.share-link__retry:focus-visible{outline:2px solid var(--color-primary-600, #4338CA);outline-offset:2px}.share-link__note{margin:6px 2px 0;font-size:12px;line-height:1.4;color:var(--color-text-muted, #6B7280)}.share-link__working{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--color-text-secondary, #4B5563)}.share-link__ready{padding:12px;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 12px);background:#fff}.share-link__ready-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-success-700, #047857)}.share-link__row{display:flex;gap:6px}.share-link__input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--color-border-strong, #D1D5DB);border-radius:var(--radius-sm, 8px);background:var(--color-surface, #F9FAFB);font-family:var(--font-mono);font-size:12px;color:var(--color-text, #111827)}.share-link__copy,.share-link__send,.share-link__retry{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:none;border-radius:var(--radius-sm, 8px);background:var(--color-primary-600, #4338CA);color:#fff;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.share-link__copy:hover,.share-link__send:hover{background:var(--color-primary-700, #3730A3)}.share-link__send{width:100%;margin-top:8px;background:#fff;color:var(--color-primary-700, #3730A3);border:1px solid var(--color-primary-200, #C7D2FE)}.share-link__send:hover{background:var(--color-primary-50, #EEF2FF)}.share-link__error .error-text{margin:0 0 6px}.share-link__retry{background:#fff;color:var(--color-primary-700, #3730A3);border:1px solid var(--color-primary-200, #C7D2FE)}.compress-options{max-width:520px;margin:28px auto 0;padding:16px 20px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;text-align:left}.compress-options__row{display:flex;flex-direction:column;gap:8px}.compress-options__row+.compress-options__row{margin-top:14px}.compress-options__row--inline{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.compress-options__label{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:#1f2937}.compress-options__value{color:var(--color-primary-700)}.compress-options__check input:focus-visible,.compress-options__select:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:3px}.compress-options__check,.compress-options__select-label{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#374151;cursor:pointer}.compress-options__check input{-webkit-appearance:none;appearance:none;flex-shrink:0;width:20px;height:20px;margin:0;display:inline-grid;place-content:center;border:2px solid #9aa3b2;border-radius:5px;background:#fff;cursor:pointer}.compress-options__check input:after{content:"";width:10px;height:10px;background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0)}.compress-options__check input:checked{background:var(--color-primary-600);border-color:var(--color-primary-600)}.compress-options__check input:checked:after{transform:scale(1)}.compress-options__select{font:inherit;padding:4px 8px;border:1px solid #cbd2dc;border-radius:6px;background:#fff}.compress-options__hint{margin:12px 0 0;font-size:13px;line-height:1.4;color:#6b7280}.related-tools{margin-top:56px}.related-tools__title{font-size:var(--fs-2xl, 24px);font-weight:var(--fw-bold, 700);margin:0 0 20px;text-align:center;color:var(--color-text, #111827)}.related-tools__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.related-tools__item{display:flex;align-items:flex-start;gap:12px;height:100%;padding:16px 18px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.related-tools__item:hover,.related-tools__item:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md)}.related-tools__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full, 999px)}.related-tools__text{display:flex;flex-direction:column;gap:4px;min-width:0}.related-tools__name{font-weight:var(--fw-semibold, 600);font-size:16px;color:var(--color-text, #1f2937)}.related-tools__desc{font-size:14px;color:var(--color-text-muted, #6b7280);line-height:var(--lh-normal, 1.4)}.related-tools__item--primary .related-tools__icon{color:var(--color-primary-600);background:var(--color-primary-50)}.related-tools__item--primary:hover,.related-tools__item--primary:focus-visible{border-color:var(--color-primary-600)}.related-tools__item--success .related-tools__icon{color:var(--color-success-700);background:var(--color-success-50)}.related-tools__item--success:hover,.related-tools__item--success:focus-visible{border-color:var(--color-success-700)}.related-tools__item--accent .related-tools__icon{color:var(--color-accent-600);background:var(--color-accent-50)}.related-tools__item--accent:hover,.related-tools__item--accent:focus-visible{border-color:var(--color-accent-600)}.related-tools__item--warning .related-tools__icon{color:var(--color-warning-700);background:var(--color-warning-50)}.related-tools__item--warning:hover,.related-tools__item--warning:focus-visible{border-color:var(--color-warning-700)}.blog{padding:var(--space-10, 40px) var(--space-4) var(--space-20, 80px)}.blog-index__head{max-width:760px;margin:0 auto var(--space-8);text-align:center}.blog-index__title{font-size:var(--fs-3xl);font-weight:var(--fw-black, 900);line-height:var(--lh-tight, 1.15);color:var(--color-text);margin:0 0 var(--space-3)}.blog-index__intro{font-size:var(--fs-md);line-height:var(--lh-normal, 1.55);color:var(--color-text-secondary);margin:0}.blog-index__list{list-style:none;margin:0 auto;padding:0;max-width:1000px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.blog-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.blog-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card:focus-within{box-shadow:var(--shadow-focus)}.blog-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold, 700);line-height:1.3;margin:0}.blog-card__link{color:var(--color-text);text-decoration:none}.blog-card__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.blog-card__link:focus-visible{outline:none}.blog-card__desc{font-size:var(--fs-base);line-height:var(--lh-normal, 1.55);color:var(--color-text-secondary);margin:0;flex:1}.blog-card__meta,.blog-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}.blog-post__read{display:inline-flex;align-items:center;gap:4px}.blog-card__more{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-base);font-weight:var(--fw-semibold, 600);color:var(--color-primary-600)}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}.blog-post,.blog-others{max-width:720px;margin:0 auto}.blog-crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.blog-crumbs a{color:var(--color-primary-600);text-decoration:none}.blog-crumbs a:hover{text-decoration:underline}.blog-post__title{font-size:var(--fs-3xl);font-weight:var(--fw-black, 900);line-height:var(--lh-tight, 1.15);color:var(--color-text);margin:0 0 var(--space-3)}.blog-post__meta{margin-bottom:var(--space-8)}.blog-post__lead{font-size:var(--fs-md);line-height:1.65;color:var(--color-text);margin:0 0 var(--space-4)}.blog-post__section{margin-top:var(--space-8)}.blog-post__h2{font-size:var(--fs-xl);font-weight:var(--fw-bold, 700);line-height:1.3;color:var(--color-text);margin:0 0 var(--space-3)}.blog-post__p,.blog-post__steps li,.blog-faq__a{font-size:var(--fs-md);line-height:1.7;color:var(--color-text-secondary)}.blog-post__p{margin:0 0 var(--space-3)}.blog-post__steps{margin:0;padding-left:var(--space-6)}.blog-post__steps li{margin-bottom:var(--space-3);padding-left:var(--space-1)}.blog-post a:not(.blog-cta__btn),.blog-faq a{color:var(--color-primary-600);text-decoration:underline;text-underline-offset:2px}.blog-post strong{color:var(--color-text)}.blog-post code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;padding:1px 6px;border-radius:6px;background:var(--color-surface-alt);color:var(--color-text);overflow-wrap:anywhere}.blog-cta{margin:var(--space-10, 40px) 0 0;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-primary-50);border:1px solid var(--color-primary-100);text-align:center}.blog-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:12px 22px;border-radius:var(--radius-md);background:var(--color-primary-600);color:var(--color-text-on-primary);font-size:var(--fs-md);font-weight:var(--fw-semibold, 600);text-decoration:none;transition:background .15s ease}.blog-cta__btn:hover{background:var(--color-primary-700)}.blog-cta__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.blog-cta__sub{margin:var(--space-3) 0 0;font-size:var(--fs-sm);color:var(--color-text-secondary)}.blog-faq{display:grid;gap:var(--space-4)}.blog-faq__item{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.blog-faq__q{font-size:var(--fs-md);font-weight:var(--fw-semibold, 600);color:var(--color-text);margin:0 0 var(--space-2)}.blog-faq__a{margin:0}.blog-others{margin-top:var(--space-12, 48px);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.blog-others__title{font-size:var(--fs-lg);font-weight:var(--fw-bold, 700);margin:0 0 var(--space-3);color:var(--color-text)}.blog-others__list{margin:0;padding-left:var(--space-5)}.blog-others__list li{margin-bottom:var(--space-2)}.blog-others__link{font-size:var(--fs-base);color:var(--color-primary-600)}.blog-related{margin:var(--space-8) 0 0}.blog-related__title{font-size:var(--fs-lg);font-weight:var(--fw-bold, 700);color:var(--color-text);margin:0 0 var(--space-3)}.blog-related__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.blog-related__item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color .15s ease,box-shadow .15s ease}.blog-related__item:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.blog-related__icon{flex-shrink:0;color:var(--color-primary-600)}.blog-related__link{font-size:var(--fs-base);font-weight:var(--fw-semibold, 600);color:var(--color-text);text-decoration:none}.blog-related__link:after{content:"";position:absolute;inset:0}.blog-related__link:focus-visible{outline:none}.blog-related__item:focus-within{box-shadow:var(--shadow-focus)}.blog-related__all{display:inline-block;margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--color-primary-600)}@media(max-width:600px){.blog{padding-top:var(--space-6)}.blog-card,.blog-cta{padding:var(--space-5)}.blog-cta__btn{width:100%}}.seo-content{width:100%;background-color:#fff;padding:70px 40px}.seo-content__wrapper{max-width:1080px;margin:0 auto}.seo-content__title{text-align:center;font-size:36px;font-weight:600;color:#111827;margin-bottom:20px;background-image:linear-gradient(90deg,var(--color-primary-600),var(--color-accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-content__text{text-align:center;font-size:18px;line-height:28px;color:#6b7280;max-width:820px;margin:0 auto 16px}.seo-content__text:last-of-type{margin-bottom:0}.seo-content__benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.seo-content__benefit{background-color:#f1f1f1;border-radius:14px;padding:26px 20px;text-align:center}.seo-content__benefit-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background-image:linear-gradient(135deg,var(--color-primary-600),var(--color-accent-600))}.seo-content__benefit-title{font-size:17px;font-weight:600;color:#111827;margin-bottom:8px}.seo-content__benefit-text{font-size:14px;line-height:20px;color:#6b7280}.seo-content__section{max-width:820px;margin:40px auto 0}.seo-content__section-title{font-size:22px;font-weight:600;color:#111827;margin-bottom:12px}.seo-content__section .seo-content__text{text-align:left;margin:0 0 12px}.seo-content__steps{margin:0;padding-left:24px;font-size:18px;line-height:28px;color:#6b7280}.seo-content__steps li{margin-bottom:8px;padding-left:4px}.seo-content__faq{margin-top:60px}.seo-content__faq-title{text-align:center;font-size:28px;font-weight:600;color:#111827;margin-bottom:28px}.seo-content__faq-list{display:flex;flex-direction:column;gap:12px}.seo-content__faq-item{background-color:#f1f1f1;border-radius:12px;overflow:hidden;transition:background-color .2s ease}.seo-content__faq-item--open{background-color:#eef2ff}.seo-content__faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:none;text-align:left;font-size:16px;font-weight:500;color:#111827;cursor:pointer}.seo-content__faq-chevron{flex-shrink:0;color:var(--color-primary-600);transition:transform .2s ease}.seo-content__faq-item--open .seo-content__faq-chevron{transform:rotate(180deg)}.seo-content__faq-answer{padding:0 22px 20px;font-size:15px;line-height:24px;color:#6b7280}@media(max-width:820px){.seo-content{padding:50px 20px}.seo-content__title{font-size:30px}.seo-content__text{font-size:17px}.seo-content__benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.seo-content__text{font-size:16px;line-height:24px}.seo-content__faq-title{font-size:24px}}@media(max-width:520px){.seo-content{padding:40px 12px}.seo-content__title{font-size:24px}.seo-content__benefits{grid-template-columns:1fr;margin-top:32px}.seo-content__faq{margin-top:40px}.seo-content__faq-question{padding:15px 16px;font-size:15px}.seo-content__faq-answer{padding:0 16px 16px}}.seo-content__faq-answer[hidden]{display:none}.tools-categories{max-width:1100px;margin:64px auto 0;padding:0 20px}.tools-categories__title{text-align:center;font-size:var(--fs-2xl, 30px);font-weight:var(--fw-bold, 700);margin:0 0 32px}.tools-category{margin-bottom:40px}.tools-category__header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.tools-category__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md, 12px)}.tools-category__name{margin:0 0 4px;font-size:var(--fs-lg, 20px);font-weight:var(--fw-semibold, 600);color:var(--color-text, #111827)}.tools-category__subtitle{margin:0;font-size:var(--fs-base, .9375rem);color:var(--color-text-secondary, #4B5563);max-width:60ch}.tools-category__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tools-category__item{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tools-category__item:hover,.tools-category__item:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tools-category__item-name{font-weight:var(--fw-semibold, 600);font-size:16px;color:var(--color-text, #1f2937)}.tools-category__item-desc{font-size:14px;color:var(--color-text-muted, #6b7280);line-height:var(--lh-normal, 1.4)}.tools-category--primary .tools-category__icon{color:var(--color-primary-600);background:var(--color-primary-50)}.tools-category--primary .tools-category__item:hover,.tools-category--primary .tools-category__item:focus-visible{border-color:var(--color-primary-600)}.tools-category--success .tools-category__icon{color:var(--color-success-700);background:var(--color-success-50)}.tools-category--success .tools-category__item:hover,.tools-category--success .tools-category__item:focus-visible{border-color:var(--color-success-700)}.tools-category--accent .tools-category__icon{color:var(--color-accent-600);background:var(--color-accent-50)}.tools-category--accent .tools-category__item:hover,.tools-category--accent .tools-category__item:focus-visible{border-color:var(--color-accent-600)}.tools-category--warning .tools-category__icon{color:var(--color-warning-700);background:var(--color-warning-50)}.tools-category--warning .tools-category__item:hover,.tools-category--warning .tools-category__item:focus-visible{border-color:var(--color-warning-700)}@media(max-width:600px){.tools-categories{margin-top:40px}.tools-category__list{grid-template-columns:1fr}}.recent-tools{width:min(1100px,100%);margin:0 auto;padding:32px 20px 8px}.recent-tools__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.recent-tools__title{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-xl, 1.5rem);font-weight:var(--fw-bold, 700);color:var(--color-text, #111827)}.recent-tools__title svg{color:var(--color-primary-600, #4338CA)}.recent-tools__subtitle{margin:4px 0 0;font-size:var(--fs-sm, .8125rem);color:var(--color-text-secondary, #4B5563)}.recent-tools__clear{flex-shrink:0;min-height:36px;padding:6px 12px;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-full, 999px);background:#fff;color:var(--color-text-secondary, #4B5563);font:inherit;font-size:13px;cursor:pointer}.recent-tools__clear:hover{border-color:var(--color-border-strong, #D1D5DB);color:var(--color-text, #111827)}.recent-tools__clear:focus-visible,.recent-tools__item:focus-visible{outline:2px solid var(--color-primary-600, #4338CA);outline-offset:2px}.recent-tools__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.recent-tools__item{display:flex;align-items:center;gap:12px;height:100%;padding:14px 16px;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 12px);background:#fff;color:inherit;text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.recent-tools__item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200, #C7D2FE);transform:translateY(-1px)}.recent-tools__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md, 12px)}.recent-tools__item--primary .recent-tools__icon{color:var(--color-primary-700);background:var(--color-primary-100)}.recent-tools__item--accent .recent-tools__icon{color:var(--color-accent-700);background:var(--color-accent-100)}.recent-tools__item--success .recent-tools__icon{color:var(--color-success-700);background:var(--color-success-50)}.recent-tools__item--warning .recent-tools__icon{color:var(--color-warning-700);background:var(--color-warning-50)}.recent-tools__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.recent-tools__name{font-weight:var(--fw-semibold, 600);color:var(--color-text, #111827)}.recent-tools__meta{font-size:var(--fs-sm, .8125rem);color:var(--color-text-muted, #6B7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-tools__chevron{flex-shrink:0;color:var(--color-text-muted, #6B7280)}@media(max-width:520px){.recent-tools{padding:24px 12px 4px}.recent-tools__title{font-size:var(--fs-lg, 1.25rem)}}.resize-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.resize-preview-wrap{position:relative;max-width:520px;max-height:65vh;width:100%;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none}.resize-preview{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:12px}.resize-crop-frame{position:absolute;outline:2px solid var(--color-primary-600);box-shadow:0 0 0 2000px #0000008c;background:transparent;cursor:grab;display:flex;align-items:center;justify-content:center}.resize-crop-frame:active{cursor:grabbing}.resize-crop-handle{color:#fff;opacity:.85;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}.resize-hint{font-size:13px;color:#6b7280;text-align:center}.resize-controls{display:flex;flex-direction:column;gap:16px;padding:0 4px 12px}.resize-block{display:flex;flex-direction:column;gap:6px}.resize-row{display:flex;gap:12px}.resize-row .resize-block{flex:1}.resize-label{font-size:13px;color:#6b7280;font-weight:500}.resize-value{font-size:16px;font-weight:600}.resize-block input[type=number]{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:15px;width:100%}.resize-block input[type=number]:focus{border-color:var(--color-primary-600)}.resize-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.resize-format-group{display:flex;gap:8px;flex-wrap:wrap}.resize-format-btn{padding:8px 14px;border:1px solid var(--color-border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:.2s}.resize-format-btn:hover{border-color:var(--color-primary-600)}.resize-format-btn--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.resize-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resize-preset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:#fff;cursor:pointer;transition:.2s;text-align:left}.resize-preset-btn:hover{border-color:var(--color-primary-600);background:#f5f7ff}.resize-preset-size{font-size:12px;color:#6b7280}.resize-toggle-btn{display:none}@media(max-width:800px){.resize-toggle-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:76px;right:16px;width:48px;height:48px;border-radius:50%;background:var(--color-primary-600);color:#fff;border:none;box-shadow:0 4px 14px #00000047;cursor:pointer;z-index:1100;transition:background .2s}.resize-toggle-btn:hover{background:var(--color-primary-700)}.side-panel{transition:opacity .25s ease,visibility .25s ease;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.side-panel.side-panel--mobile-collapsed{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.side-panel--open:not(.side-panel--mobile-collapsed){opacity:1;visibility:visible}}@media(max-width:520px){.resize-presets{grid-template-columns:1fr}.resize-row{flex-direction:column}}.presets-page{position:relative;min-height:100 vh;padding:40px 0 80px;flex:1 0 auto;background:#f1f1f1}.presets-page__wrapper{max-width:1100px;margin:0 auto;padding:0 20px}.presets-dropzone{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;border:2px dashed var(--color-border);border-radius:14px;transition:.2s;cursor:pointer}.presets-dropzone--active{border-color:var(--color-primary-600);background:#f5f7ff}.presets-dropzone__icon{color:var(--color-primary-600)}.presets-dropzone__btn{background:none;border:none;font-size:15px;color:#374151;cursor:pointer;text-align:center}.presets-dropzone__trust{margin:0;font-size:var(--fs-xs, .75rem);color:var(--color-text-secondary, #4B5563);text-align:center}.presets-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:16px;gap:12px}.presets-toolbar__filename{font-size:14px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presets-toolbar__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.presets-toolbar__reset{flex-shrink:0;padding:8px 14px;border:1px solid var(--color-border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:.2s}.presets-toolbar__reset:hover{border-color:var(--color-primary-600)}.presets-filter-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:.2s;white-space:nowrap}.presets-filter-btn:hover{border-color:var(--color-primary-600)}.presets-filter-btn--active{border-color:var(--color-primary-600);color:var(--color-primary-600);background:#f5f5ff}.presets-filter-btn__dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary-600)}.presets-filters{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none}.presets-filters::-webkit-scrollbar{display:none}.presets-filters__chip{flex-shrink:0;padding:7px 14px;border:1px solid var(--color-border);border-radius:999px;background:#fff;font-size:13px;color:#4b5563;cursor:pointer;transition:.15s}.presets-filters__chip:hover{border-color:var(--color-primary-600)}.presets-filters__chip--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.presets-filters__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:pointer}.presets-grid__empty{grid-column:1 / -1;text-align:center;padding:40px 0;color:#9ca3af;font-size:14px}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.presets-grid__item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:none;background:none;cursor:pointer;text-align:left}.presets-grid__thumb{width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#f3f4f6}.presets-grid__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.presets-grid__item:hover .presets-grid__thumb img{transform:scale(1.03)}.presets-grid__thumb-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9ca3af}.presets-grid__name{font-size:15px;font-weight:600;color:#1a1a1a}.presets-grid__desc{font-size:13px;color:#6b7280}.presets-detail{display:flex;align-items:flex-start;gap:40px;margin-top:24px}.presets-detail__media{flex:1 1 640px;min-width:0}.presets-detail__side{flex:0 0 300px;position:sticky;top:24px;display:flex;flex-direction:column;gap:28px}.presets-detail__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.presets-detail__back{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer}.presets-detail__back:hover{color:#1a1a1a}.ba-slider{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#111;touch-action:none}.presets-detail__download{display:flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:8px;background:var(--color-primary-600);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.presets-detail__download:hover{background:var(--color-primary-700)}.presets-detail__download:disabled{background:#c7d2fe;cursor:not-allowed}.presets-intensity{padding:20px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fafafa}.presets-intensity__label{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600;margin-bottom:14px}.presets-intensity__value{font-size:15px;font-weight:700;color:var(--color-primary-600)}.presets-intensity__input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,var(--color-primary-600) 0%,var(--color-primary-600) var(--progress, 66.6%),#e2e2e2 var(--progress, 66.6%),#e2e2e2 100%);margin:8px 0}.presets-intensity__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-primary-600);box-shadow:0 2px 6px #00000026;cursor:pointer}.presets-intensity__input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-primary-600);box-shadow:0 2px 6px #00000026;cursor:pointer}.presets-intensity__marks{display:flex;justify-content:space-between;font-size:11px;opacity:.55;margin-top:4px}.presets-detail__actions{display:flex;flex-direction:column;gap:10px}.presets-detail__download{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:10px;background:var(--color-primary-600);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s ease}.presets-detail__download:disabled{opacity:.6;cursor:not-allowed}.presets-detail__back{background:none;border:none;padding:10px;font-size:16px;opacity:.7;cursor:pointer;text-align:left}@media(max-width:900px){.presets-detail{flex-direction:column;align-items:stretch}.presets-detail__media{width:100%;flex:none}.presets-detail__side{position:static;flex:none;width:100%}}@media(max-width:560px){.presets-toolbar{flex-wrap:wrap}.presets-toolbar__filename{flex:1 1 100%;order:-1}.presets-toolbar__actions{width:100%;justify-content:space-between}.presets-filter-btn,.presets-toolbar__reset{flex:1;justify-content:center}.presets-filters{margin:0 -20px 20px;padding:4px 20px}}.presets-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;list-style:none;margin:0 0 12px;padding:0;font-size:13px;color:#6b7280}.presets-breadcrumbs li{display:inline-flex;align-items:center;gap:4px}.presets-breadcrumbs a{color:var(--color-primary-600);text-decoration:none}.presets-breadcrumbs a:hover{text-decoration:underline}.presets-breadcrumbs [aria-current=page]{color:#374151;font-weight:600}.presets-page__intro{max-width:760px;margin-left:auto;margin-right:auto}.presets-filters--styles .presets-filters__chip{padding:6px 12px;font-size:12.5px}.presets-filters--styles .presets-filters__chip--active{background:var(--color-primary-50, #eef2ff);border-color:var(--color-primary-600);color:var(--color-primary-700)}.presets-collection{margin:28px 0 8px}.presets-collection__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.presets-collection__title{margin:0;font-size:20px;font-weight:700;color:#111827}.presets-collection__count{flex-shrink:0;font-size:13px;color:#6b7280}.presets-collection__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;list-style:none;margin:0;padding:0}.presets-collection__item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);background:#fff}.presets-collection__name{font-weight:600;font-size:14px;color:#111827}.presets-collection__note{font-size:13px;line-height:1.45;color:#6b7280}.presets-collection__hint,.presets-collection__tool{margin:14px 0 0;font-size:14px;color:#4b5563}.presets-collection__tool a,.presets-grid__all a{color:var(--color-primary-600);font-weight:600}.presets-grid__all{margin:4px 0 24px;text-align:center;font-size:14px}.preset-collections{margin:40px 0 8px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);background:#fafbff}.preset-collections__title{margin:0 0 16px;font-size:20px;font-weight:700;color:#111827}.preset-collections__group+.preset-collections__group{margin-top:14px}.preset-collections__group-title{display:block;margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.preset-collections__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.preset-collections__link,.preset-collections__all{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border);border-radius:999px;background:#fff;font-size:14px;color:#374151;text-decoration:none;transition:.15s}.preset-collections__link svg,.preset-collections__all svg{color:var(--color-primary-600);flex-shrink:0}.preset-collections__link:hover,.preset-collections__all:hover{border-color:var(--color-primary-600);color:var(--color-primary-700)}.preset-collections__link--current{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.preset-collections__link--current svg{color:#fff}.preset-collections__link--current:hover{color:#fff}.preset-collections__all{margin-top:16px;font-weight:600}@media(max-width:560px){.preset-collections{padding:18px 16px;margin-top:28px}.preset-collections__link,.preset-collections__all{padding:7px 12px;font-size:13px}.presets-collection__list{grid-template-columns:1fr}}.ba-slider{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#111}.ba-slider__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-slider__handle{position:absolute;top:0;bottom:0;width:0;border-left:2px solid #fff;transform:translate(-1px);pointer-events:none}.ba-slider__handle-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;gap:1px;box-shadow:0 2px 10px #0000004d}.ba-slider__badge{position:absolute;bottom:12px;padding:6px 14px;border:1px solid rgba(255,255,255,.6);border-radius:6px;background:#00000059;color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.ba-slider__badge--before{left:12px}.ba-slider__badge--after{right:12px}.removebg-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.removebg-preview-wrap{position:relative;max-width:560px;max-height:65vh;width:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;-webkit-user-select:none;user-select:none;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#f1f1f1}.removebg-canvas{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;touch-action:none;cursor:none}.removebg-brush-cursor{position:absolute;pointer-events:none;border:2px solid var(--color-primary-600);border-radius:50%;background:#4338ca1f;transform:translate(-50%,-50%);z-index:5}.removebg-brush-cursor--erase{border-color:#ff5c5c;background:#ff5c5c1f}.removebg-hint{font-size:13px;color:#6b7280;text-align:center}.removebg-processing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f1f1f1e6;z-index:10;border-radius:12px}.removebg-spinner{width:42px;height:42px;border-radius:50%;border:4px solid #dbe3ff;border-top-color:var(--color-primary-600);animation:removebg-spin .8s linear infinite}@keyframes removebg-spin{to{transform:rotate(360deg)}}.removebg-processing-text{color:#374151;font-size:15px;font-weight:500}.removebg-processing-bar{width:200px;height:6px;border-radius:999px;background:#dbe3ff;overflow:hidden}.removebg-processing-bar-fill{height:100%;background:var(--color-primary-600);border-radius:999px;transition:width .2s ease}.removebg-controls{display:flex;flex-direction:column;gap:16px;padding:0 4px 12px}.removebg-block{display:flex;flex-direction:column;gap:6px}.removebg-label{font-size:13px;color:#6b7280;font-weight:500}.removebg-mode-group{display:flex;gap:8px}.removebg-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid var(--color-border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:.2s}.removebg-mode-btn:hover{border-color:var(--color-primary-600)}.removebg-mode-btn--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.removebg-mode-btn--active.removebg-mode-btn--erase{background:#ff5c5c;border-color:#ff5c5c}.removebg-slider-row{display:flex;align-items:center;gap:10px}.removebg-slider-row .range-input{flex:1}.removebg-slider-value{font-size:13px;color:#374151;font-weight:600;min-width:34px;text-align:right}.removebg-reset-btn{padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer;transition:.2s;color:#4b5563;display:flex;align-items:center;justify-content:center;gap:6px}.removebg-reset-btn:hover{border-color:#ff5c5c;color:#ff5c5c}.removebg-toggle-btn{display:none}@media(max-width:800px){.removebg-toggle-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:76px;right:16px;width:48px;height:48px;border-radius:50%;background:var(--color-primary-600);color:#fff;border:none;box-shadow:0 4px 14px #00000047;cursor:pointer;z-index:1100;transition:background .2s}.removebg-toggle-btn:hover{background:var(--color-primary-700)}.side-panel{transition:opacity .25s ease,visibility .25s ease;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.side-panel.side-panel--mobile-collapsed{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.side-panel--open:not(.side-panel--mobile-collapsed){opacity:1;visibility:visible}}.ocr-langs{max-width:520px;margin:28px auto 0;padding:14px 20px 16px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;text-align:left}.ocr-langs__title{padding:0 6px;font-size:15px;font-weight:600;color:#1f2937}.ocr-langs__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ocr-langs__chip{position:relative;cursor:pointer}.ocr-langs__chip span{display:inline-block;padding:7px 14px;border:1px solid #cbd2dc;border-radius:999px;font-size:15px;color:#374151;background:#fff;transition:background .15s ease,border-color .15s ease}.ocr-langs__chip input:checked+span{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.ocr-langs__chip input:focus-visible+span{outline:2px solid var(--color-primary-600);outline-offset:2px}.ocr-langs__chip--disabled{cursor:not-allowed;opacity:.5}.ocr-langs__hint{margin:10px 0 0;font-size:13px;line-height:1.4;color:#6b7280}.target-size{max-width:560px;margin:28px auto 0;padding:14px 20px 16px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;text-align:left}.target-size__title{padding:0 6px;font-size:15px;font-weight:600;color:#1f2937}.target-size__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.target-size__chip{padding:7px 14px;border:1px solid #cbd2dc;border-radius:999px;background:#fff;font:inherit;font-size:15px;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.target-size__chip:hover{border-color:var(--color-primary-600)}.target-size__chip--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.target-size__chip:focus-visible,.target-size__input:focus-visible,.target-size__select:focus-visible,.target-size__radio input:focus-visible+span{outline:2px solid var(--color-primary-600);outline-offset:2px}.target-size__custom,.target-size__format{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.target-size__label{font-size:14px;color:#374151}.target-size__input{width:110px;padding:7px 10px;border:1px solid #cbd2dc;border-radius:8px;font:inherit;font-size:15px}.target-size__input[aria-invalid=true]{border-color:#d93025}.target-size__select{padding:7px 10px;border:1px solid #cbd2dc;border-radius:8px;background:#fff;font:inherit;font-size:15px}.target-size__radio{cursor:pointer}.target-size__radio span{display:inline-block;padding:6px 14px;border:1px solid #cbd2dc;border-radius:8px;font-size:14px;color:#374151;background:#fff}.target-size__radio input:checked+span{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.target-size__hint{margin:10px 0 0;font-size:13px;line-height:1.4;color:#6b7280}.target-size__hint--error{color:#d93025}.meta-note{display:block}.meta-note__line{display:block;margin-top:2px}.meta-note__line--warn{color:#b45309;font-weight:600}.meta-note__icon{vertical-align:-2px;margin-right:4px}.meta-note__label{color:#6b7280}.meta-option{margin:14px auto 0;max-width:560px;text-align:left}.meta-option__label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:15px;line-height:1.4;color:#1f2937}.meta-option__label input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary-600)}.meta-option__hint{margin:4px 0 0 28px;font-size:13px;line-height:1.4;color:#6b7280}.pdf-options{max-width:560px;margin:28px auto 0;padding:14px 20px 16px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;text-align:left}.pdf-options__title{padding:0 6px;font-size:15px;font-weight:600;color:#1f2937}.pdf-options__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.pdf-options__label{font-size:14px;color:#374151}.pdf-options__radio{cursor:pointer}.pdf-options__radio input:focus-visible+span{outline:2px solid var(--color-primary-600);outline-offset:2px}.pdf-options__radio span{display:inline-block;padding:6px 14px;border:1px solid #cbd2dc;border-radius:8px;font-size:14px;color:#374151;background:#fff}.pdf-options__radio input:checked+span{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pdf-options__hint{margin:10px 0 0;font-size:13px;line-height:1.4;color:#6b7280}.crop-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.crop-preview-wrap{position:relative;--ar: 1;width:min(100%,520px,calc(65vh * var(--ar)));max-height:65vh;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none;touch-action:none}.crop-preview-canvas{display:block;width:100%;height:100%;border-radius:12px}.crop-frame{position:absolute;outline:2px solid var(--color-primary-600);box-shadow:0 0 0 2000px #0000008c;background:transparent;cursor:grab;touch-action:none}.crop-frame:active{cursor:grabbing}.crop-handle{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--color-primary-600);box-shadow:0 1px 4px #00000059;transform:translate(-50%,-50%);touch-action:none}.crop-handle--nw{left:0;top:0;cursor:nwse-resize}.crop-handle--se{left:100%;top:100%;cursor:nwse-resize}.crop-handle--ne{left:100%;top:0;cursor:nesw-resize}.crop-handle--sw{left:0;top:100%;cursor:nesw-resize}.crop-hint{font-size:13px;color:#6b7280;text-align:center}@media(max-width:520px){.crop-handle{width:22px;height:22px}}.rotate-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.rotate-preview-wrap{position:relative;--ar: 1;width:min(100%,520px,calc(65vh * var(--ar)));max-height:65vh;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none}.rotate-preview-canvas{display:block;width:100%;height:100%;border-radius:12px}.rotate-hint{font-size:13px;color:#6b7280;text-align:center}.resize-format-btn svg{vertical-align:-3px;margin-right:4px}.wm-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.wm-preview-wrap{position:relative;--ar: 1;width:min(100%,520px,calc(65vh * var(--ar)));max-height:65vh;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none}.wm-preview-canvas{display:block;width:100%;height:100%;border-radius:12px}.wm-text-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;box-sizing:border-box}.wm-text-input:focus{border-color:var(--color-primary-600)}.wm-color-input{width:48px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm, 8px);cursor:pointer;background:none}.wm-hidden-input{display:none}.wm-logo-dims{margin-top:6px;font-size:13px;color:#6b7280}.wm-position-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wm-position-group .resize-format-btn{width:100%}.bw-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.bw-preview-wrap{position:relative;--ar: 1;width:min(100%,520px,calc(65vh * var(--ar)));max-height:65vh;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none}.bw-preview-canvas{display:block;width:100%;height:100%;border-radius:12px}.bw-hint{font-size:13px;color:#6b7280;text-align:center}.bw-range{width:100%}.circle-preview-area{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.circle-preview-wrap{position:relative;--ar: 1;width:min(100%,520px,calc(65vh * var(--ar)));max-height:65vh;overflow:hidden;border-radius:12px;-webkit-user-select:none;user-select:none;touch-action:none}.circle-preview-canvas{display:block;width:100%;height:100%;border-radius:12px}.circle-frame{position:absolute;border-radius:50%;outline:2px solid var(--color-primary-600);box-shadow:0 0 0 2000px #0000008c;background:transparent;cursor:grab;touch-action:none}.circle-frame:active{cursor:grabbing}.circle-handle{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--color-primary-600);box-shadow:0 1px 4px #00000059;transform:translate(-50%,-50%);touch-action:none}.circle-handle--nw{left:0;top:0;cursor:nwse-resize}.circle-handle--se{left:100%;top:100%;cursor:nwse-resize}.circle-handle--ne{left:100%;top:0;cursor:nesw-resize}.circle-handle--sw{left:0;top:100%;cursor:nesw-resize}.circle-hint{font-size:13px;color:#6b7280;text-align:center}@media(max-width:520px){.circle-handle{width:22px;height:22px}}.video-size-picker{max-width:560px;margin:28px auto 0;padding:14px 20px 16px;border:1px solid #dfe3ea;border-radius:12px;background:#fff;text-align:left}.video-size-picker__title{padding:0 6px;font-size:15px;font-weight:600;color:#1f2937}.video-size-picker__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.video-size-picker__chip{padding:7px 14px;border:1px solid #cbd2dc;border-radius:999px;background:#fff;font:inherit;font-size:15px;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.video-size-picker__chip:hover{border-color:var(--color-primary-600)}.video-size-picker__chip--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.video-size-picker__chip:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.video-size-picker__custom{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.video-size-picker__label{font-size:14px;color:#374151}.video-size-picker__input{width:90px;padding:8px 10px;border:1px solid #cbd2dc;border-radius:8px;font:inherit;font-size:15px}.video-size-picker__input:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:1px}.video-size-picker__input[aria-invalid=true]{border-color:#dc2626}.video-size-picker__unit{font-size:14px;color:#6b7280}.video-size-picker__hint{margin:10px 0 0;font-size:13px;line-height:1.4;color:#6b7280}.video-size-picker__hint--error{color:#dc2626;font-weight:500}.video-size-picker--compact{max-width:none;margin:10px 0 0;padding:10px 12px 12px;border-radius:10px}.video-size-picker--compact .video-size-picker__title{padding:0 2px;font-size:13px}.video-size-picker--compact .video-size-picker__chips{gap:6px}.video-size-picker--compact .video-size-picker__chip{padding:5px 10px;font-size:13px}.video-size-picker--compact .video-size-picker__custom{margin-top:10px;gap:8px}.video-size-picker--compact .video-size-picker__input{width:68px;padding:6px 8px;font-size:14px}.video-size-picker--compact .video-size-picker__hint{margin-top:8px;font-size:12px}.video-size-picker__confirm-btn{display:block;width:100%;margin-top:10px;padding:9px 14px;border:none;border-radius:8px;background:var(--color-primary-600);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.video-size-picker__confirm-btn:hover:not(:disabled){background:var(--color-primary-700)}.video-size-picker__confirm-btn:disabled{opacity:.5;cursor:not-allowed}.legal-page{padding:var(--space-12) var(--space-4) var(--space-20)}.legal-page__article{max-width:720px;margin:0 auto}.legal-page__title{font-size:var(--fs-3xl);font-weight:var(--fw-black);line-height:var(--lh-tight);color:var(--color-text);margin:0 0 var(--space-3)}.legal-page__updated{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0 0 var(--space-8)}.legal-page__intro{font-size:var(--fs-md);color:var(--color-text-secondary);line-height:var(--lh-normal);margin:0 0 var(--space-10)}.legal-page__section{margin-bottom:var(--space-8)}.legal-page__heading{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 var(--space-3)}.legal-page__paragraph{font-size:var(--fs-base);color:var(--color-text-secondary);line-height:var(--lh-normal);margin:0 0 var(--space-3)}.legal-page__list{margin:0;padding-left:var(--space-5);font-size:var(--fs-base);color:var(--color-text-secondary);line-height:var(--lh-normal)}.legal-page__list li{margin-bottom:var(--space-2)}.video-tool-option{max-width:520px;margin:var(--space-5) auto 0;padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left}.video-tool-option__label{display:block;font-size:var(--fs-base);font-weight:var(--fw-semibold, 600);color:var(--color-text);margin-bottom:var(--space-3)}.video-tool-option__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.video-tool-chip{min-height:40px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-base);font-weight:var(--fw-medium, 500);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.video-tool-chip:hover{border-color:var(--color-primary-500)}.video-tool-chip:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.video-tool-chip--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-text-on-primary)}.video-tool-option__hint{margin:var(--space-3) 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--color-text-secondary)}.trim{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.trim__video{width:100%;max-height:220px;border-radius:var(--radius-md);background:#000}.trim__note{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-alt);font-size:var(--fs-sm);line-height:1.5;color:var(--color-text-secondary)}.trim__sliders{display:grid;gap:var(--space-2)}.trim__slider{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-secondary)}.trim__times{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.trim__time{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--color-text-muted)}.trim__time-input{width:100%;min-height:40px;padding:6px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-base);font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-bg)}.trim__time-input:focus-visible{outline:none;border-color:var(--color-primary-600);box-shadow:var(--shadow-focus)}.trim__hint{margin:0;font-size:var(--fs-xs);line-height:1.45;color:var(--color-text-muted)}.trim__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.trim__btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid #d7dfff;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-primary-600);font-size:var(--fs-sm);font-weight:var(--fw-medium, 500);cursor:pointer}.trim__btn:hover{border-color:var(--color-primary-600)}.trim__btn:focus-visible,.trim__confirm:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.trim__summary{margin:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold, 600);color:var(--color-text);font-variant-numeric:tabular-nums}.trim__precise{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer}.trim__precise input{-webkit-appearance:checkbox;appearance:auto;width:18px;height:18px;margin:1px 0 0;flex-shrink:0;accent-color:var(--color-primary-600)}.trim__confirm{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:10px 16px;border:none;border-radius:var(--radius-md);background:var(--color-primary-600);color:var(--color-text-on-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold, 600);cursor:pointer}.trim__confirm:hover{background:var(--color-primary-700)}@media(max-width:768px){.side-panel:has(.trim) .side__panel-wrapper{display:none}}.side-panel:has(.trim)>.side-panel__filelist{flex:0 0 auto;overflow-y:visible}@media(min-width:769px){.trim__video{max-height:180px}}.header{background-color:#fff;font-family:var(--font-ui, Inter, sans-serif)}.container{width:100%;min-height:60px}.header__nav{display:flex;align-items:center;height:100%;padding:0 30px}.header__logo{width:auto;height:55px}.header__nav-list{display:flex;align-items:center;margin:0 auto;gap:50px;font-size:16px;font-weight:500;color:#6b7280}.header__list:hover{color:#000;transition:.3s}.nav__link{display:inline-flex;justify-content:center;align-items:center}.nav__link--button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.nav__link:focus-visible,.nav__link--button:focus-visible,.burger-btn:focus-visible,.mobile-menu__close:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:3px;border-radius:4px}.nav__link svg{display:block;flex-shrink:0}.div__nav{gap:20px;display:flex;justify-content:center;align-items:center;margin:0 0 0 auto}.div__nav,.header__sigIn{color:#6b7280;font-size:16px;background:none}.header__sigIn:hover{color:#000;transition:.3s}.header__logIn{padding:14px 24px;background-color:var(--color-primary-600);border-radius:var(--radius-sm, 8px);font-size:16px}.header__logIn{color:#fff!important;transition:.3s}.header__logIn:hover{background-color:var(--color-primary-700)}.lenguage:hover{color:#000;transition:.3s}.header__list--dropdown{position:relative}.dropdown-panel{position:absolute;top:100%;left:50%;transform:translate(-50%,-8px);width:calc(100vw - 80px);max-width:1000px;background:#fff;border-radius:var(--radius-lg, 16px);box-shadow:0 8px 24px #0000001f;padding:28px 32px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:40px;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:100}.header__list--dropdown:hover .dropdown-panel,.header__list--open .dropdown-panel{opacity:1;visibility:visible;transform:translate(-50%)}.dropdown-panel__col{display:flex;flex-direction:column;gap:2px}.dropdown-panel__col:not(:first-child){border-left:1px solid #eef0f4;padding-left:32px}.dropdown-panel__col-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;padding:0 12px 10px}.dropdown-panel__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm, 8px);text-decoration:none;color:inherit}.dropdown-panel__item:hover{background:#f5f7ff}.dropdown-panel__icon{color:var(--color-primary-600);flex-shrink:0}.dropdown-panel__title{display:block;font-weight:600;font-size:14px}.dropdown-panel__desc{display:block;font-size:12px;color:#888}.burger-btn{display:none;background:none;border:none;cursor:pointer;color:#6b7280;padding:0;align-items:center;justify-content:center}.mobile-menu-backdrop{position:fixed;inset:0;background:#0006;z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-menu-backdrop--open{opacity:1;pointer-events:auto}aside.mobile-menu{overflow-y:auto}.mobile-menu{position:fixed;top:0;right:0;transform:translate(100%);width:300px;max-width:85vw;height:100dvh;background:#f1f1f1;box-shadow:-4px 0 20px #00000026;z-index:1000;padding:20px;display:flex;flex-direction:column;transition:transform .3s ease;will-change:transform;overscroll-behavior:contain}.mobile-menu--open{transform:translate(0)}.mobile-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mobile-menu__title{font-weight:700;font-size:16px}.mobile-menu__close{background:none;border:none;cursor:pointer;display:flex;align-items:center}.mobile-menu__section{border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:8px}.mobile-menu__section-title{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#999;padding:8px 4px 4px}.mobile-menu__category{border-bottom:1px solid #eee}.mobile-menu__category:last-child{border-bottom:none}.mobile-menu__category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 4px;background:none;border:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;text-align:left}.mobile-menu__category-chevron{flex-shrink:0;transition:transform .15s ease;color:#9ca3af}.mobile-menu__category-chevron--open{transform:rotate(180deg)}.mobile-menu__category-items{display:flex;flex-direction:column;padding-bottom:4px}.mobile-menu__item{display:flex;align-items:center;gap:10px;padding:12px 4px;color:#1a1a1a;text-decoration:none;font-size:15px;background:none;border:none;width:100%;text-align:left;cursor:pointer}.mobile-menu__item--plain{border-bottom:1px solid #eee}.mobile-menu__icon{color:var(--color-primary-600);flex-shrink:0}.mobile-menu__language{border-bottom:1px solid #eee;margin-bottom:12px}.mobile-menu__auth{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:16px}.mobile-menu__signin{text-align:center;padding:12px;border:1px solid var(--color-primary-600);border-radius:var(--radius-sm, 8px);color:#000;font-size:14px}.mobile-menu__signup{text-align:center;background-color:#f1f1f1;color:#000;font-size:14px}@media(max-width:1150px){.header__list--secondary{display:none}.header__logIn{padding:10px 16px;font-size:14px}}@media(max-width:900px){.lenguage{display:none}.burger-btn{display:flex}.header__sigIn,.header__nav-list,.nav__link{font-size:14px}}@media(max-width:800px){.header__sigIn,.header__logIn{display:none}}@media(max-width:798px){.header__list--tools{display:none}.header__nav-list{margin:0;padding-left:10px}}@media(max-width:1400px){.dropdown-panel{width:calc(100vw - 300px);column-gap:20px;padding:20px 16px}.dropdown-panel__col:not(:first-child){padding-left:20px}}@media(max-width:1150px){.dropdown-panel{grid-template-columns:repeat(2,1fr);row-gap:20px}.dropdown-panel__col:nth-child(3){border-left:none;padding-left:0}}@media(max-width:950px){.dropdown-panel{width:calc(100vw - 35px);column-gap:16px;padding:20px 16px}.dropdown-panel__col:not(:first-child){padding-left:14px}.dropdown-panel__col:nth-child(3){border-left:none;padding-left:0}.dropdown-panel__col-title{font-size:11px;padding:0 10px 8px}.dropdown-panel__item{padding:8px 10px;gap:10px}.dropdown-panel__title{font-size:13px}.dropdown-panel__desc{font-size:11px}}.header__logo-link{flex-shrink:0;display:flex;align-items:center}@media(max-width:800px){.header__user-info{display:none!important}}@media(max-width:798px){.header__nav{padding:0 16px}.header__logo{height:min(55px,calc((100vw - 140px)*.22));min-height:38px}}.nav__split{display:inline-flex;align-items:center;gap:2px}.nav__link--toggle{display:inline-flex;align-items:center;padding:4px 0}.dropdown-panel.dropdown-panel--presets{width:min(840px,calc(100vw - 40px));max-width:840px;grid-template-columns:repeat(3,1fr);column-gap:28px;row-gap:0;padding:24px 28px 18px}.dropdown-panel--presets .dropdown-panel__col:not(:first-child){border-left:1px solid #eef0f4;padding-left:24px}.dropdown-panel__item--compact{padding:8px 12px}.dropdown-panel__item--compact .dropdown-panel__title{font-weight:500}.dropdown-panel__footer-link{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:14px;padding:10px 12px 2px;border-top:1px solid #eef0f4;width:100%;font-size:14px;font-weight:600;color:var(--color-primary-600);text-decoration:none}.dropdown-panel__footer-link:hover{color:var(--color-primary-700)}.mobile-presets__head{display:flex;align-items:center;gap:10px;padding:12px 4px 6px;font-size:15px;font-weight:600;color:#1a1a1a;text-decoration:none}.mobile-presets__group{padding:4px 4px 8px}.mobile-presets__group-title{display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.mobile-presets__chips{display:flex;flex-wrap:wrap;gap:6px}.mobile-presets__chip{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:6px 11px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:13px;color:#1f2937;text-decoration:none}.mobile-presets__chip svg{color:var(--color-primary-600);flex-shrink:0}.mobile-presets__chip:active{border-color:var(--color-primary-600)}@media(max-width:1400px){.dropdown-panel.dropdown-panel--presets{width:min(800px,calc(100vw - 40px));padding:20px 20px 14px;column-gap:18px}.dropdown-panel--presets .dropdown-panel__col:not(:first-child){padding-left:18px}}@media(max-width:1150px){.dropdown-panel.dropdown-panel--presets{grid-template-columns:repeat(3,1fr)}}@media(max-width:1400px){.header__nav-list{gap:32px}}@media(max-width:1280px){.header__nav-list{gap:20px}}.ls-wrapper{position:relative;display:inline-block}.ls-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.ls-trigger:hover{background:#0000000a}.ls-trigger:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.ls-trigger-label{letter-spacing:.02em}.ls-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:180px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 24px #0000001f;animation:dropdownIn .14s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ls-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:#1a1a1a;font-size:14px;text-align:left;cursor:pointer}.ls-option:hover{background:#0000000d}.ls-option:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:-2px}.ls-option-active{font-weight:600}.ls-option-code{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 4px;border-radius:4px;background:#0000000f;font-size:11px;font-weight:700;letter-spacing:.03em}.ls-option-label{flex:1}.ls-backdrop{position:fixed;inset:0;z-index:40;background:#0006;animation:backdropIn .15s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.ls-sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;padding:8px 12px calc(16px + env(safe-area-inset-bottom));list-style:none;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #00000029;animation:sheetIn .2s ease}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ls-sheet-handle{width:36px;height:4px;margin:6px auto 10px;border-radius:2px;background:#00000026}.ls-sheet-title{padding:4px 12px 10px;font-size:13px;font-weight:600;color:#00000080;text-transform:uppercase;letter-spacing:.04em}.ls-sheet .ls-option{padding:14px 12px;font-size:16px}.tool-search{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:#11182773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:toolSearchFade var(--dur-base, .2s) var(--ease, ease)}@keyframes toolSearchFade{0%{opacity:0}to{opacity:1}}.tool-search__dialog{display:flex;flex-direction:column;width:min(640px,100%);max-height:min(620px,76vh);background:var(--color-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--font-ui);animation:toolSearchIn var(--dur-slow, .32s) var(--ease, ease)}@keyframes toolSearchIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.tool-search__field{display:flex;align-items:center;gap:10px;padding:14px 12px 14px 18px;border-bottom:1px solid var(--color-border, #E5E7EB)}.tool-search__field-icon{flex-shrink:0;color:var(--color-text-muted, #6B7280)}.tool-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:var(--fs-md, 1.0625rem);color:var(--color-text, #111827)}.tool-search__input::-webkit-search-cancel-button{display:none}.tool-search__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm, 8px);background:none;color:var(--color-text-secondary, #4B5563);cursor:pointer}.tool-search__close:hover{background:var(--color-surface-alt, #F3F4F6)}.tool-search__close:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:1px}.tool-search__list{list-style:none;margin:0;padding:8px;overflow-y:auto;overscroll-behavior:contain}.tool-search__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md, 12px);cursor:pointer}.tool-search__item--active{background:var(--color-primary-50, #EEF2FF)}.tool-search__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md, 12px)}.tool-search__item--primary .tool-search__icon{color:var(--color-primary-700);background:var(--color-primary-100)}.tool-search__item--accent .tool-search__icon{color:var(--color-accent-700);background:var(--color-accent-100)}.tool-search__item--success .tool-search__icon{color:var(--color-success-700);background:var(--color-success-50)}.tool-search__item--warning .tool-search__icon{color:var(--color-warning-700);background:var(--color-warning-50)}.tool-search__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tool-search__name{font-weight:var(--fw-semibold, 600);font-size:var(--fs-base, .9375rem);color:var(--color-text, #111827)}.tool-search__desc{font-size:var(--fs-sm, .8125rem);color:var(--color-text-muted, #6B7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-search__enter{flex-shrink:0;color:var(--color-primary-600)}.tool-search__empty{padding:24px 18px;text-align:center;color:var(--color-text-secondary, #4B5563)}.tool-search__hint{padding:10px 18px;border-top:1px solid var(--color-border, #E5E7EB);font-size:var(--fs-xs, .75rem);color:var(--color-text-muted, #6B7280);background:var(--color-surface, #F9FAFB)}@media(max-width:600px){.tool-search{padding:0;align-items:stretch}.tool-search__dialog{max-height:none;height:100%;border-radius:0}.tool-search__hint{display:none}}.header__search-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 12px;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-sm, 8px);background:var(--color-surface, #F9FAFB);color:var(--color-text-secondary, #4B5563);font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.header__search-btn:hover{border-color:var(--color-border-strong, #D1D5DB);color:var(--color-text, #111827)}.header__search-btn:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.header__search-kbd{padding:2px 6px;border:1px solid var(--color-border, #E5E7EB);border-radius:6px;background:#fff;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted, #6B7280)}@media(max-width:1300px){.header__search-text,.header__search-kbd{display:none}.header__search-btn{width:40px;padding:0;justify-content:center}}@media(max-width:900px){.header__search-btn{width:44px;height:44px;border:none;background:none}}.footer__wrapper{padding:24px 20px 8px;display:flex;flex-direction:column;gap:16px}.footer__nav-title{margin:0 0 10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.footer__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}.footer__nav-link{font-size:14px;color:#4b5563;text-decoration:none}.footer__nav-link:hover,.footer__nav-link:focus-visible{color:#1f2937;text-decoration:underline}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--color-border)}.footer__link-btn{background:none;border:none;padding:4px 0;font-size:14px;color:#4b5563;text-decoration:underline;cursor:pointer}.footer__link-btn:hover{color:#1f2937}.footer__text{font-size:14px;color:#6b7280;display:flex;align-items:center}.footer__nav-title-link{color:inherit;text-decoration:none}.footer__nav-title-link:hover{text-decoration:underline}.lang-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 20px;background:#f5f5ff;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 30px #0000001f;font-size:13px;color:#374151;text-align:center}.lang-banner__actions{display:flex;align-items:center;gap:10px}.lang-banner__actions button{border:none;background:var(--color-primary-600);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer}.lang-banner__dismiss{background:none!important;color:#9ca3af!important;font-weight:400!important;padding:6px 8px!important}.lang-banner__dismiss:hover{color:#1a1a1a!important}.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1100;max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;background:#fff;color:#1f2937;border:1px solid var(--color-border);border-radius:14px;box-shadow:0 8px 30px #00000026;font-size:14px;line-height:1.45}.consent-banner__text{margin:0;flex:1 1 260px}.consent-banner__actions{display:flex;gap:10px}.consent-banner__btn{border:1px solid var(--color-primary-600);background:#fff;color:#3a3ad0;font-size:14px;font-weight:600;padding:8px 16px;border-radius:10px;cursor:pointer}.consent-banner__btn:hover{background:#f0f0ff}.share-view{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 16px 64px;min-height:70vh;background:var(--color-surface-alt, #F3F4F6)}.share-view__card{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,100%);padding:28px 24px;border-radius:var(--radius-lg, 16px);background:#fff;box-shadow:var(--shadow-md);text-align:center}.share-view__title{margin:0 0 8px;font-size:var(--fs-xl, 1.5rem);font-weight:var(--fw-bold, 700);color:var(--color-text, #111827)}.share-view__preview{display:block;max-width:100%;max-height:360px;margin:4px 0 8px;border-radius:var(--radius-md, 12px);background:var(--color-surface, #F9FAFB);object-fit:contain}.share-view__file-icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:var(--radius-full, 999px);background:var(--color-primary-50, #EEF2FF);color:var(--color-primary-600, #4338CA)}.share-view__file-icon--warn{background:var(--color-warning-50, #FFFBEB);color:var(--color-warning-700, #92400E)}.share-view__name{max-width:100%;margin:0;font-weight:var(--fw-semibold, 600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text, #111827)}.share-view__muted{margin:0;color:var(--color-text-secondary, #4B5563);line-height:1.5}.share-view__download{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:min(280px,100%);min-height:52px;margin-top:12px;padding:14px 24px;border-radius:var(--radius-md, 12px);background:var(--color-primary-600, #4338CA);color:#fff;font-size:17px;font-weight:600;text-decoration:none}.share-view__download:hover{background:var(--color-primary-700, #3730A3)}.share-view__download:focus-visible,.share-view__cta-btn:focus-visible{outline:2px solid var(--color-primary-600, #4338CA);outline-offset:3px}.share-view__timer{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;font-family:var(--font-mono);font-size:14px;color:var(--color-text, #111827)}.share-view__privacy{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--color-text-muted, #6B7280)}.share-view__cta{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--color-text-secondary, #4B5563)}.share-view__cta p{margin:0}.share-view__cta-btn{padding:10px 18px;border:1px solid var(--color-primary-200, #C7D2FE);border-radius:var(--radius-full, 999px);background:#fff;color:var(--color-primary-700, #3730A3);font-weight:600;text-decoration:none}.share-view__report{margin:0;font-size:12px}.share-view__report a{color:var(--color-text-muted, #6B7280)}.share-view__audio{display:block;width:100%;margin:4px 0 8px}