:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151927;background:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f6f7fb;--surface: #ffffff;--ink: #151927;--muted: #626a7d;--line: #dfe3ed;--line-strong: #c9cfdd;--blue: #3157d5;--blue-dark: #2344b7;--violet: #7657d6;--soft-blue: #eef2ff;--success: #15704a;--success-soft: #eaf8f1;--danger: #a43939;--danger-soft: #fff1f1;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow: 0 18px 50px rgba(33, 43, 76, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(rgba(49,87,213,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,87,213,.035) 1px,transparent 1px),var(--paper);background-size:56px 56px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(49,87,213,.32);outline-offset:3px}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 20px;font-weight:720;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#fff;background:var(--blue);box-shadow:0 8px 20px #3157d533}.button--primary:hover:not(:disabled){background:var(--blue-dark)}.button--secondary{border-color:var(--line-strong);background:var(--surface)}.button--secondary:hover:not(:disabled){border-color:#aab3ca;background:#fbfcff}.button--small{min-height:40px;padding-inline:16px;font-size:.9rem}.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(213,218,231,.8);background:#f6f7fbe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:800;letter-spacing:-.025em}.brand__mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px 11px 5px;color:#fff;background:var(--blue);box-shadow:4px 4px #dce4ff}.nav{display:flex;align-items:center;gap:6px}.nav>button:not(.button),.nav>a{min-height:42px;border:0;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;background:transparent;color:#454d61;font-size:.94rem;font-weight:650;cursor:pointer}.nav>button:not(.button):hover,.nav>a:hover{background:#eceff6;color:var(--ink)}.menu-button{width:44px;height:44px;display:none;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.hero{min-height:600px;padding-block:96px 108px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(48px,8vw,110px)}.hero__tagline,.section-kicker,.panel-step{color:var(--blue);font-size:.88rem;font-weight:780}.hero__copy h1{max-width:720px;margin-bottom:24px;font-size:clamp(3.4rem,7vw,6.5rem);line-height:.93;letter-spacing:-.075em}.hero__lede{max-width:610px;margin-bottom:31px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.65}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.privacy-note{margin:22px 0 0;display:flex;align-items:center;gap:8px;color:#5b6477;font-size:.9rem}.hero__visual{min-height:420px;position:relative;display:grid;place-items:center}.hero__visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#e8edff;box-shadow:0 0 0 50px #e8edff59}.hero__frame{position:absolute;width:min(310px,75%);padding:12px;border:1px solid #cfd6e8;border-radius:14px;background:#fffffff2;box-shadow:var(--shadow)}.hero__frame>span{display:block;padding:5px 5px 1px;color:#596176;font-size:.72rem;font-weight:750}.hero__frame--source{top:28px;left:4px;transform:rotate(-3deg)}.hero__frame--output{right:2px;bottom:12px;width:min(355px,86%);transform:rotate(2deg)}.hero__landscape{height:168px;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 77% 25%,#fff 0 16px,transparent 17px),linear-gradient(155deg,transparent 45%,#576fd1 46% 66%,transparent 67%),linear-gradient(25deg,#1f3d8e 0 45%,transparent 46%),#cbd8ff}.hero__frame--output .hero__landscape{height:205px;background:radial-gradient(circle at 77% 25%,#fff 0 19px,transparent 20px),linear-gradient(155deg,transparent 45%,#8069d4 46% 66%,transparent 67%),linear-gradient(25deg,#294da7 0 45%,transparent 46%),#d4ddff}.hero__landscape i,.hero__landscape b{position:absolute;border-radius:50%;background:#fff}.lift-rail{width:42px;height:90px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--blue);transform:rotate(180deg)}.lift-rail span{width:2px;flex:1;background:var(--blue)}.section-heading{margin-bottom:42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:40px}.section-heading h2{max-width:700px;margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.052em}.section-heading>p{margin:0;color:var(--muted);line-height:1.65}.tool-section{padding-block:40px 106px}.section-heading--workspace{margin-bottom:28px}.tool-shell{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#f3f5fa}.tool-tabs button{min-height:68px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:#687084;font-weight:760;cursor:pointer}.tool-tabs button+button{border-left:1px solid var(--line)}.tool-tabs button[aria-pressed=true]{color:var(--blue);background:var(--surface)}.tool-tabs button[aria-pressed=true]:after{content:"";position:absolute;right:22%;bottom:-1px;left:22%;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}.tool-panel{padding:clamp(24px,5vw,50px)}.tool-panel__intro,.settings-panel__heading,.results__header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-step{margin-bottom:6px}.tool-panel__intro h3,.settings-panel__heading h3,.results__header h3{margin-bottom:0;font-size:1.35rem;letter-spacing:-.025em}.reset-settings,.icon-text-button{min-height:36px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:5px 8px;background:transparent;color:#596176;font-size:.84rem;font-weight:680;cursor:pointer}.reset-settings:hover,.icon-text-button:hover{background:#f0f2f7;color:var(--ink)}.workspace-grid.has-image{display:grid;grid-template-columns:minmax(280px,.83fr) minmax(380px,1.17fr);align-items:start;gap:34px}.upload-zone{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #b8c1d6;border-radius:var(--radius-md);padding:40px 24px;text-align:center;background:radial-gradient(circle at 50% 0,#f1f4ff,transparent 50%),#fafbfe;transition:border-color .16s ease,background-color .16s ease}.upload-zone--active{border-color:var(--blue);background:var(--soft-blue)}.upload-zone__icon{width:60px;height:60px;margin-bottom:18px;display:grid;place-items:center;border-radius:18px 18px 8px;color:var(--blue);background:#e6ebff}.upload-zone__icon svg{width:29px;height:29px}.upload-zone h3{margin-bottom:8px;font-size:1.2rem}.upload-zone p{margin-bottom:20px;color:var(--muted)}.upload-zone small{margin-top:17px;color:#7b8395}.source-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fafbfe}.source-card__preview{min-height:270px;position:relative;display:grid;place-items:center;padding:18px;background:linear-gradient(45deg,#e9ebf1 25%,transparent 25%),linear-gradient(-45deg,#e9ebf1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ebf1 75%),linear-gradient(-45deg,transparent 75%,#e9ebf1 75%),#f4f5f8;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.source-card__preview img{max-height:300px;object-fit:contain;box-shadow:0 8px 24px #191e3326}.source-card__preview span{position:absolute;top:12px;left:12px;border-radius:20px;padding:5px 9px;color:#fff;background:#151927b8;font-size:.72rem;font-weight:750}.source-card__details{padding:17px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.source-card__details p{margin:3px 0;color:var(--muted);font-size:.8rem}.source-card__details .source-card__name{max-width:230px;overflow:hidden;color:var(--ink);font-size:.92rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.source-card__actions{display:flex;flex-direction:column;align-items:flex-end}.icon-text-button--danger:hover{color:var(--danger);background:var(--danger-soft)}.settings-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-md)}.control-group{margin:0 0 23px;border:0;padding:0}.control-group legend,.control-group>label,.format-quality-grid>label{display:block;margin-bottom:10px;color:#4e5669;font-size:.85rem;font-weight:730}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-grid button{min-height:43px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;font-size:.9rem;font-weight:720;cursor:pointer}.preset-grid button.is-selected{border-color:var(--blue);color:var(--blue);background:var(--soft-blue);box-shadow:inset 0 0 0 1px var(--blue)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented-control button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;font-size:.86rem;font-weight:720;cursor:pointer}.segmented-control button[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:var(--soft-blue);box-shadow:inset 0 0 0 1px var(--blue)}.precision-note{margin:9px 0 0!important}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-grid label{color:#626a7d;font-size:.78rem;font-weight:700}.dimension-row{display:grid;grid-template-columns:1fr 38px 1fr;align-items:end;gap:8px}.dimension-row label,.format-quality-grid label{min-width:0;color:#626a7d;font-size:.78rem;font-weight:700}.input-with-unit{min-height:46px;margin-top:7px;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:9px;background:#fff}.input-with-unit:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #3157d51f}.input-with-unit input{width:100%;min-width:0;border:0;outline:0;padding:0 4px 0 12px;background:transparent;color:var(--ink);font-weight:670}.input-with-unit span{padding-right:11px;color:#8a91a1;font-weight:600}.aspect-button{width:38px;height:38px;margin-bottom:4px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:#70798c;background:#f6f7fa;cursor:pointer}.aspect-button[aria-pressed=true]{color:var(--blue);background:var(--soft-blue)}.calculated-size{margin:9px 0 0;color:#6c7486;font-size:.78rem}.format-quality-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.format-quality-grid label{margin:0}select{width:100%;height:46px;margin-top:7px;border:1px solid var(--line-strong);border-radius:9px;padding:0 12px;color:var(--ink);background:#fff;font-weight:650}.format-quality-grid output{float:right;color:var(--blue)}input[type=range]{width:100%;height:25px;margin-top:9px;accent-color:var(--blue)}.is-disabled{opacity:.48}.field-note{margin:-13px 0 20px;color:#737b8e;font-size:.78rem;line-height:1.5}.transparency-option{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #ead7a7;border-radius:10px;padding:13px 15px;background:#fffaf0;font-size:.78rem}.transparency-option strong{font-size:.82rem}.transparency-option p{margin:3px 0 0;color:#7b6a43}.transparency-option label{display:flex;align-items:center;gap:8px;color:#615534;font-weight:680}.transparency-option input{width:34px;height:30px;border:0;padding:0;background:transparent}.inline-error{margin:0 0 14px;color:var(--danger);font-size:.82rem;font-weight:650}.process-button{width:100%}.workspace-error{margin-top:20px;display:flex;flex-direction:column;gap:3px;border:1px solid #edc7c7;border-radius:10px;padding:14px 16px;color:var(--danger);background:var(--danger-soft);font-size:.86rem}.processing-status{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--blue);font-size:.9rem;font-weight:700}.processing-status .icon-text-button{margin-left:5px;color:var(--blue)}.spinner{width:18px;height:18px;border:2px solid #cbd5fa;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-explanation{margin-top:28px;display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding-top:22px;color:#687084}.tool-explanation svg{flex:0 0 auto;color:var(--blue)}.tool-explanation p{max-width:850px;margin:0;font-size:.82rem;line-height:1.55}.results{margin-top:32px;border-top:1px solid var(--line);padding-top:32px}.success-badge{border-radius:20px;padding:7px 11px;color:var(--success);background:var(--success-soft);font-size:.76rem;font-weight:750}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison--inspect,.comparison__meta{grid-template-columns:1fr}.comparison__meta-original{grid-column:1;text-align:left!important;line-height:1.45}.comparison figure{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.comparison__image{height:290px;position:relative;display:grid;place-items:center;padding:17px;background:linear-gradient(45deg,#e9ebf1 25%,transparent 25%),linear-gradient(-45deg,#e9ebf1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ebf1 75%),linear-gradient(-45deg,transparent 75%,#e9ebf1 75%),#f4f5f8;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.comparison__image--output{box-shadow:inset 0 0 0 2px #3157d52e}.comparison__image img{max-height:256px;object-fit:contain}.comparison__open{min-height:36px;position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.5);border-radius:9px;padding:6px 10px;color:#fff;background:#151927d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.76rem;font-weight:720;cursor:pointer}.comparison__open:hover{background:#151927f0}.comparison figcaption{padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.comparison figcaption strong{grid-row:span 2;align-self:center}.comparison figcaption span{color:var(--muted);font-size:.78rem;text-align:right}.size-change{margin-top:17px;display:flex;align-items:center;gap:14px;border-radius:11px;padding:15px 17px;color:var(--success);background:var(--success-soft)}.size-change--increase{color:#895a1c;background:#fff7e8}.size-change svg{flex:0 0 auto}.size-change p{margin:3px 0 0;color:currentColor;font-size:.8rem;opacity:.85}.result-suggestion{margin:14px 0 0;color:#6f6146;font-size:.82rem}.processing-meta{margin:13px 2px 0;color:#737b8e;font-size:.76rem;line-height:1.5;text-transform:capitalize}.results__actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.image-inspector{position:fixed;z-index:100;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#eef1fa;background:#111625}.image-inspector__header{min-height:74px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;border-bottom:1px solid #30384e;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:#111625f5}.image-inspector__header p{margin:0 0 3px;font-size:.95rem;font-weight:780}.image-inspector__header span{color:#aeb7cd;font-size:.76rem}.inspector-icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3a435b;border-radius:10px;color:#fff;background:#1a2134;cursor:pointer}.image-inspector__viewport{min-height:0;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#272c3a}.image-inspector__viewport:active{cursor:grabbing}.image-inspector__viewport.is-checkered{background:linear-gradient(45deg,#303645 25%,transparent 25%),linear-gradient(-45deg,#303645 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#303645 75%),linear-gradient(-45deg,transparent 75%,#303645 75%),#242936;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.inspector-stage{position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 60px #00000052}.inspector-stage>img,.inspector-stage__original img{position:absolute;top:0;left:0;max-width:none;max-height:none;object-fit:fill;pointer-events:none}.inspector-stage>img{width:100%;height:100%}.inspector-stage__original{position:absolute;inset:0 auto 0 0;height:100%;overflow:hidden}.inspector-stage__original-frame{position:absolute;top:0;left:0}.inspector-stage__original-frame img{width:100%;height:100%}.image-inspector__loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#c5cad6;font-size:.92rem}.inspector-split{position:absolute;top:0;bottom:0;z-index:2;width:28px;transform:translate(-50%);cursor:ew-resize}.inspector-split button{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);border:0;padding:0;background:#fff;box-shadow:0 0 0 1px #00000047;cursor:ew-resize}.inspector-split button:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);background:var(--blue)}.inspector-stage__tag{position:absolute;top:12px;z-index:1;border-radius:999px;padding:4px 9px;color:#fff;background:#0a0d17b8;font-size:.7rem;font-weight:720;pointer-events:none}.inspector-stage__tag--original{left:12px}.inspector-stage__tag--processed{right:12px}.image-inspector__pan-hint{position:absolute;right:16px;bottom:14px;display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:7px 10px;color:#c3cadb;background:#0a0d17b8;font-size:.72rem;pointer-events:none}.image-inspector__toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #30384e;padding:12px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#111625}.inspector-tools{display:flex;align-items:center;gap:7px}.inspector-tools button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3a435b;border-radius:9px;padding-inline:11px;color:#dce2f0;background:#1a2134;font-size:.77rem;font-weight:680;cursor:pointer}.inspector-tools button[aria-pressed=true]{border-color:#7089e8;color:#fff;background:#293864}.inspector-tools button svg{width:16px;height:16px}.inspector-tools label{width:min(22vw,230px)}.inspector-tools input[type=range]{margin:0;accent-color:#8fa5ff}.content-section{padding-block:106px}.steps{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;counter-reset:steps;padding:0}.steps li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:15px;border-top:1px solid var(--line-strong);padding:25px 34px 0 0;counter-increment:steps}.steps li:not(:last-child):after{content:"";position:absolute;top:-1px;right:0;width:32%;border-top:3px solid var(--blue)}.steps li>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:#e8edff}.steps strong{display:block;margin-bottom:6px}.steps p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.feature-section{border-block:1px solid var(--line);padding-block:106px;background:#ffffff9e}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px;background:#ffffffb3}.feature-card>span{width:42px;height:42px;margin-bottom:36px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#edf1ff}.feature-card h3{margin-bottom:9px;font-size:1.02rem}.feature-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.58}.faq-section{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);align-items:start;gap:70px}.faq-section .section-heading{display:block;position:sticky;top:110px}.faq-list{border-top:1px solid var(--line-strong)}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list summary{min-height:70px;position:relative;display:flex;align-items:center;padding:16px 46px 16px 0;font-weight:740;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:10px;color:var(--blue);font-size:1.4rem;font-weight:450}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:680px;margin:-2px 0 22px;color:var(--muted);line-height:1.66}.privacy-strip{color:#fff;background:#19223e}.privacy-strip__inner{min-height:230px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.privacy-strip__inner>span{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:18px;color:#b9c7ff}.privacy-strip h2{margin-bottom:8px;font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.04em}.privacy-strip p{max-width:700px;margin:0;color:#bdc5d8;line-height:1.6}.site-footer{padding-block:70px 24px;color:#d7dcec;background:#11172a}.footer__grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:50px}.brand--footer{color:#fff}.footer__grid>div>p{margin:17px 0 0;color:#8f98b0}.footer__grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer__grid nav strong{margin-bottom:4px;color:#fff;font-size:.84rem}.footer__grid nav a,.footer__grid nav button{border:0;padding:0;color:#9ca5bb;background:transparent;font-size:.86rem;cursor:pointer}.footer__grid nav a:hover,.footer__grid nav button:hover{color:#fff}.footer__bottom{margin-top:60px;display:flex;justify-content:space-between;border-top:1px solid #293047;padding-top:20px;color:#778198;font-size:.77rem}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:72px 88px}.hero__copy{max-width:760px}.hero__visual{width:min(570px,100%);margin-inline:auto}.workspace-grid.has-image{grid-template-columns:1fr}.source-card__preview{min-height:340px}.feature-grid{grid-template-columns:repeat(2,1fr)}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section .section-heading{position:static}}@media(max-width:700px){.shell{width:min(100% - 28px,1160px)}.menu-button{display:grid}.nav{display:none;position:absolute;top:64px;right:14px;left:14px;align-items:stretch;flex-direction:column;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff;box-shadow:var(--shadow)}.nav--open{display:flex}.nav>button:not(.button),.nav>a{justify-content:flex-start}.hero{min-height:auto;gap:48px;padding-block:62px 76px}.hero__copy h1{font-size:clamp(3.3rem,16vw,5rem)}.hero__visual{min-height:350px}.hero__visual:before{width:250px;height:250px}.hero__frame{width:68%}.hero__frame--output{width:76%}.hero__landscape{height:125px}.hero__frame--output .hero__landscape{height:155px}.section-heading{grid-template-columns:1fr;gap:18px}.tool-panel{padding:22px 16px}.tool-tabs button{min-height:62px;font-size:.88rem}.tool-panel__intro,.settings-panel__heading,.results__header{align-items:flex-start;flex-direction:column}.source-card__preview{min-height:250px}.source-card__details{flex-direction:column}.source-card__actions{flex-flow:row wrap;align-items:center}.settings-panel{padding:18px 14px}.preset-grid{grid-template-columns:repeat(2,1fr)}.format-quality-grid,.profile-grid,.comparison{grid-template-columns:1fr}.comparison__image{height:240px}.results__actions .button{width:100%}.image-inspector__header{gap:10px}.image-inspector__toolbar{align-items:stretch;flex-direction:column;gap:10px}.inspector-tools{display:grid;grid-template-columns:40px minmax(80px,1fr) 40px}.inspector-tools label{width:auto}.inspector-tools button{padding-inline:9px}.inspector-tools button:nth-of-type(n+3){font-size:0}.image-inspector__toolbar>.button{width:100%}.image-inspector__pan-hint{display:none}.steps,.feature-grid{grid-template-columns:1fr}.steps{gap:32px}.steps li:not(:last-child):after{width:25%}.content-section,.feature-section{padding-block:76px}.privacy-strip__inner{padding-block:48px;grid-template-columns:1fr;gap:20px}.privacy-strip__inner .button{justify-self:start}.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>div:first-child{grid-column:1 / -1}}@media(max-width:420px){.hero__actions .button{width:100%}.dimension-row{grid-template-columns:1fr}.aspect-button{margin:-2px auto;transform:rotate(90deg)}.transparency-option{align-items:flex-start;flex-direction:column}.footer__grid{grid-template-columns:1fr}.footer__grid>div:first-child{grid-column:auto}.footer__bottom{align-items:flex-start;flex-direction:column;gap:8px}}.scar-world{font-family:Nunito,ui-rounded,Segoe UI,system-ui,sans-serif;font-weight:500;letter-spacing:.01em}.scar-world h2,.scar-world h3,.scar-world strong{font-weight:700}.scar-float{position:fixed;z-index:850;margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.scar-float.is-dragging{cursor:grabbing}.scar-float.is-dragging .scar-pet{transform:scale(1.04)}.scar-float.is-active .scar-pet{filter:drop-shadow(0 6px 14px rgba(118,87,214,.38))}.scar-float:not(.is-dragging):hover .scar-pet--float{transform:translateY(-3px) scale(1.02)}.scar-pet{flex-shrink:0;display:block;overflow:visible;filter:drop-shadow(0 4px 10px rgba(49,87,213,.28));transition:transform .18s ease,filter .18s ease;pointer-events:none}.scar-step-bubble{position:fixed;z-index:849;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;width:min(320px,calc(100vw - 24px));padding:12px 12px 12px 14px;border:1px solid rgba(118,87,214,.22);border-radius:18px;background:#fffffff5;box-shadow:0 14px 36px #3157d524;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scar-step-bubble p{margin:0;font-size:.88rem;line-height:1.5;color:#2a3150}.scar-step-bubble__close{display:grid;place-items:center;padding:4px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.scar-panel{position:fixed;top:0;right:0;z-index:860;display:flex;flex-direction:column;width:min(400px,100vw);height:100dvh;padding:18px 18px 16px;border-left:1px solid var(--line);background:var(--surface);box-shadow:-12px 0 40px #212b4c1f;transform:translate(100%);transition:transform .22s ease;pointer-events:none}.scar-panel.is-open{transform:translate(0);pointer-events:auto}.scar-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.scar-panel__title{display:flex;gap:12px;align-items:center}.scar-panel__title h2{margin:0;font-size:1.15rem}.scar-panel__title p{margin:2px 0 0;color:var(--muted);font-size:.78rem}.scar-panel__close{display:grid;place-items:center;padding:6px;border:0;border-radius:10px;background:#f2f4fa;cursor:pointer}.scar-panel__step{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#f0f3ff,#f7f2ff);color:#2e3a66;font-size:.9rem;line-height:1.5}.scar-panel__step p{margin:0}.scar-panel__search{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafbfe}.scar-panel__search input{flex:1;min-width:0;border:0;padding:11px 0;background:transparent;font:inherit}.scar-panel__search svg{color:var(--muted);flex-shrink:0}.scar-panel__results{margin:0 0 12px;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.scar-panel__results button{width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;font:inherit;cursor:pointer}.scar-panel__results li:last-child button{border-bottom:0}.scar-panel__results button:hover{background:#f6f8ff}.scar-panel__answer{flex:1;min-height:0;overflow:auto;margin-bottom:12px;padding:4px 2px}.scar-panel__answer h3{margin:8px 0 10px;font-size:1rem}.scar-panel__answer p{margin:0;color:var(--ink);font-size:.9rem;line-height:1.55}.scar-panel__back{border:0;padding:0;background:none;color:var(--blue);font:inherit;font-size:.82rem;cursor:pointer}.scar-panel__chips{margin-bottom:14px}.scar-panel__chips-label{margin:0 0 8px;color:var(--muted);font-size:.74rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.scar-chip-row{display:flex;flex-wrap:wrap;gap:8px}.scar-chip{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:#fff;color:var(--ink);font-size:.82rem;cursor:pointer}.scar-chip:hover{border-color:var(--blue);background:#f5f8ff}.scar-chip--context{border-color:#3157d559;background:var(--soft-blue)}.scar-panel__fineprint{margin:auto 0 0;padding-top:12px;color:var(--muted);font-size:.72rem;line-height:1.45}@media(max-width:640px){.scar-step-bubble{width:min(280px,calc(100vw - 20px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}