.app-modal{background:#0009;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:2147483644}.app-modal__dialog{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;box-shadow:0 28px 70px #0f172a47;display:flex;flex-direction:column;gap:18px;max-height:95dvh;outline:none;overflow:hidden;padding:24px;position:relative;width:min(100%,var(--app-modal-width))}.app-modal__close{align-items:center;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:12px;color:#6b7280;cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:border-color .18s ease,background-color .18s ease,color .18s ease;width:38px}.app-modal__close:hover{background:#ea55550f;border-color:#ea555547;color:var(--danger-color)}.app-modal__close:focus-visible{outline:3px solid rgba(234,85,85,.28);outline-offset:2px}.app-modal-animation-enter-active{opacity:0;transition-duration:.18s;transition-property:opacity;transition-timing-function:ease-out}.app-modal-animation-enter-active .app-modal__dialog{opacity:0;transform:translateY(12px) scale(.98);transition-duration:.18s;transition-property:opacity,transform;transition-timing-function:ease-out}.app-modal-animation-enter-to{opacity:1}.app-modal-animation-enter-to .app-modal__dialog{opacity:1;transform:translateY(0) scale(1)}.app-modal-animation-leave-active{opacity:1;transition-duration:.16s;transition-property:opacity;transition-timing-function:ease-out}.app-modal-animation-leave-active .app-modal__dialog{opacity:1;transform:translateY(0) scale(1);transition-duration:.16s;transition-property:opacity,transform;transition-timing-function:ease-out}.app-modal-animation-leave-to{opacity:0}.app-modal-animation-leave-to .app-modal__dialog{opacity:0;transform:translateY(8px) scale(.98)}@media(max-width:520px){.app-modal{align-items:end;padding:12px 0 0}.app-modal__dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:min(90dvh,760px);padding:20px;width:100%}}.already-compressed-file-modal__icon-wrap,.already-compressed-file-modal__secondary,.already-compressed-file-modal__tool-icon-wrap,.already-compressed-file-modal__tool-link{align-items:center;display:inline-flex}.already-compressed-file-modal__icon-wrap{background:#ea55551a;border-radius:16px;color:var(--danger-color);height:52px;justify-content:center;width:52px}.already-compressed-file-modal__icon{height:26px;width:26px}.already-compressed-file-modal__copy{display:flex;flex-direction:column;gap:8px;padding-right:34px}.already-compressed-file-modal__description,.already-compressed-file-modal__title{margin:0}.already-compressed-file-modal__title{color:#111827;font-size:22px;font-weight:800;line-height:1.25}.already-compressed-file-modal__description{color:#4b5563;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.already-compressed-file-modal__tools{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.already-compressed-file-modal__tool-link{background:#fff;border:1px solid #e8ecf3;border-radius:12px;color:inherit;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:72px;padding:12px;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.already-compressed-file-modal__tool-link:hover{background:#fffaf8;border-color:#ea55553d}.already-compressed-file-modal__tool-icon-wrap{background:#111827;border-radius:12px;color:#fff;height:42px;justify-content:center;width:42px}.already-compressed-file-modal__tool-icon{height:22px;width:22px}.already-compressed-file-modal__tool-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.already-compressed-file-modal__tool-description,.already-compressed-file-modal__tool-title{overflow:hidden;text-overflow:ellipsis}.already-compressed-file-modal__tool-title{color:#111827;font-size:15px;font-weight:800;line-height:1.35;white-space:nowrap}.already-compressed-file-modal__tool-description{color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.already-compressed-file-modal__tool-arrow{color:var(--danger-color);height:20px;width:20px}.already-compressed-file-modal__secondary{background:#f9fafb;border:1px solid rgba(17,24,39,.08);border-radius:12px;color:#111827;cursor:pointer;font:inherit;font-size:14px;font-weight:800;justify-content:center;min-height:44px;padding:0 16px;transition:border-color .18s ease,background-color .18s ease}.already-compressed-file-modal__secondary:hover{background:#fff;border-color:#11182724}.already-compressed-file-modal__secondary:focus-visible,.already-compressed-file-modal__tool-link:focus-visible{outline:3px solid rgba(234,85,85,.28);outline-offset:2px}@media(max-width:520px){.already-compressed-file-modal__copy{padding-right:28px}.already-compressed-file-modal__title{font-size:20px}}.unsupported-file-modal__icon-wrap,.unsupported-file-modal__secondary,.unsupported-file-modal__tool-icon-wrap,.unsupported-file-modal__tool-link{align-items:center;display:inline-flex}.unsupported-file-modal__icon-wrap{background:#ea55551a;border-radius:16px;color:var(--danger-color);height:52px;justify-content:center;width:52px}.unsupported-file-modal__icon{height:26px;width:26px}.unsupported-file-modal__copy{display:flex;flex-direction:column;gap:8px;padding-right:34px}.unsupported-file-modal__description,.unsupported-file-modal__title{margin:0}.unsupported-file-modal__title{color:#111827;font-size:22px;font-weight:800;line-height:1.25}.unsupported-file-modal__description{color:#4b5563;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.unsupported-file-modal__tools{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.unsupported-file-modal__tool-link{background:#fff;border:1px solid #e8ecf3;border-radius:12px;color:inherit;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:72px;padding:12px;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.unsupported-file-modal__tool-link:hover{background:#fffaf8;border-color:#ea55553d}.unsupported-file-modal__tool-icon-wrap{background:#111827;border-radius:12px;color:#fff;height:42px;justify-content:center;width:42px}.unsupported-file-modal__tool-icon{height:22px;width:22px}.unsupported-file-modal__tool-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.unsupported-file-modal__tool-description,.unsupported-file-modal__tool-title{overflow:hidden;text-overflow:ellipsis}.unsupported-file-modal__tool-title{color:#111827;font-size:15px;font-weight:800;line-height:1.35;white-space:nowrap}.unsupported-file-modal__tool-description{color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.unsupported-file-modal__tool-arrow{color:var(--danger-color);height:20px;width:20px}.unsupported-file-modal__secondary{background:#f9fafb;border:1px solid rgba(17,24,39,.08);border-radius:12px;color:#111827;cursor:pointer;font:inherit;font-size:14px;font-weight:800;justify-content:center;min-height:44px;padding:0 16px;transition:border-color .18s ease,background-color .18s ease}.unsupported-file-modal__secondary:hover{background:#fff;border-color:#11182724}.unsupported-file-modal__secondary:focus-visible,.unsupported-file-modal__tool-link:focus-visible{outline:3px solid rgba(234,85,85,.28);outline-offset:2px}@media(max-width:520px){.unsupported-file-modal__copy{padding-right:28px}.unsupported-file-modal__title{font-size:20px}}.error-page{background:radial-gradient(circle at top left,rgba(234,85,85,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(33,37,41,.08),transparent 28%),#fafafa;min-height:100vh;overflow:hidden;position:relative}.error-page__glow{border-radius:50%;filter:blur(14px);height:360px;opacity:.85;pointer-events:none;position:absolute;width:360px}.error-page__glow--left{background:#ea55551f;left:-120px;top:-180px}.error-page__glow--right{background:#2125291a;bottom:-180px;right:-120px}.error-page__container{align-items:center;display:flex;min-height:100vh;padding-bottom:32px;padding-top:32px;position:relative}.error-page__shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid rgba(33,37,41,.08);border-radius:14px;box-shadow:0 28px 80px #2125291f;overflow:hidden;width:100%}.error-page__header{align-items:center;border-bottom:1px solid rgba(33,37,41,.08);display:flex;gap:16px;justify-content:space-between;padding:22px 28px}.error-page__brand{align-items:center;display:inline-flex}.error-page__badge{background:#ea55551f;border-radius:14px;color:#c53a3a;font-size:14px;font-weight:600;padding:10px 14px}.error-page__content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr)}.error-page__copy{padding:56px 28px}.error-page__eyebrow{color:#ea5555;font-size:14px;font-weight:700;letter-spacing:.08em;margin:0 0 18px;text-transform:uppercase}.error-page__title{color:#212529;font-size:clamp(40px,7vw,72px);line-height:.96;margin:0;max-width:560px}.error-page__description{color:#495057;font-size:18px;line-height:1.7;margin:22px 0 0;max-width:620px}.error-page__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.error-page__action{align-items:center;border:1px solid transparent;border-radius:14px;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;justify-content:center;min-height:52px;padding:0 22px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.error-page__action--primary{background:#212529;color:#fff}.error-page__action--primary:hover{background:#ea5555}.error-page__action--secondary{background:#fff;border-color:#2125291f;color:#212529}.error-page__action--secondary:hover{border-color:#ea555552;color:#ea5555}.error-page__panel{background:linear-gradient(180deg,#212529eb,#15181b);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:28px}.error-page__footer{border-top:1px solid rgba(33,37,41,.08);padding:18px 28px 24px}.error-page__detail{color:#6c757d;font-size:14px;line-height:1.6;margin:0}@media(max-width:960px){.error-page__content{grid-template-columns:1fr}.error-page__copy{padding-bottom:36px}.error-page__panel{min-height:280px}}@media(max-width:640px){.error-page__container{padding-bottom:18px;padding-top:18px}.error-page__shell{border-radius:14px}.error-page__copy,.error-page__footer,.error-page__header,.error-page__panel{padding-left:18px;padding-right:18px}.error-page__header{align-items:flex-start;flex-direction:column}.error-page__copy{padding-top:34px}.error-page__description{font-size:16px}.error-page__actions{flex-direction:column}.error-page__action{width:100%}}