:root{color-scheme:light;--bg:#f4f6f8;--surface:#ffffff;--surface-subtle:#f8fafc;--ink:#111827;--muted:#687385;--line:#dce3ea;--line-strong:#c8d2dc;--primary:#075e54;--primary-dark:#03463f;--primary-soft:#e4f4ef;--accent:#eab308;--danger:#c24132;--shadow:0 18px 50px rgba(15,23,42,0.12);--radius:8px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#eef3f6 0,var(--bg) 34%,#eef1f4 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:7px;background:var(--primary);color:#fff;cursor:pointer;padding:0 15px;font-weight:700;letter-spacing:0;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}button:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 10px 22px rgba(7,94,84,.22);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.46}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(7,94,84,.36);outline-offset:3px}button.ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}button.ghost:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--line-strong);box-shadow:0 8px 18px rgba(15,23,42,.08)}.primary-action{min-height:46px}.secondary-action{background:var(--ink)}.secondary-action:hover:not(:disabled){background:#0b1220;box-shadow:0 10px 22px rgba(15,23,42,.18)}.icon-only{width:42px;padding:0}.btn-icon{width:16px;height:16px;display:inline-flex;flex:0 0 auto;stroke-width:2.15;pointer-events:none;vector-effect:non-scaling-stroke}.icon-only .btn-icon{width:17px;height:17px}.primary-action .btn-icon{stroke-width:2.35}.remove .btn-icon{width:16px;height:16px}.secondary-action .btn-icon{width:17px;height:17px;flex:0 0 auto}.app-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:28px}.workspace{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 22px 70px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.04);overflow:hidden}.control-rail{display:flex;flex-direction:column;gap:22px;padding:24px;border-left:1px solid var(--line);background:#fbfcfd}.brand-block{display:grid;grid-template-columns:44px 1fr;grid-gap:12px;gap:12px;align-items:center;padding-bottom:4px}.brand-mark{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,transparent 0 46%,rgba(255,255,255,.72) 47% 52%,transparent 53%),linear-gradient(135deg,var(--primary),#11a27f 58%,var(--accent));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 10px 22px rgba(7,94,84,.22)}h1,h2,p{margin:0}.legal-page,.site-page,.tool-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:42px 0}.premium-tool-page{width:min(1260px,calc(100% - 40px));margin:0 auto;padding:34px 0 44px}.function-only-page{width:100%;min-height:100vh;margin:0;padding:0}.skip-link{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-160%);border-radius:6px;background:var(--ink);color:#fff;padding:10px 14px;font-weight:800;text-decoration:none}.skip-link:focus{transform:translateY(0)}.tool-header{display:flex;align-items:center;gap:clamp(22px,4vw,46px);min-height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);padding:0 clamp(24px,4vw,56px)}.tool-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;white-space:nowrap}.tool-brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--primary);color:#fff;font-size:.95rem;font-weight:950;letter-spacing:-.04em}.tool-brand-copy{display:grid;grid-gap:2px;gap:2px}.tool-brand-copy strong{color:#083f36;font-size:1.55rem;line-height:1;letter-spacing:-.03em}.tool-brand-copy small{color:var(--muted);font-size:.92rem;font-weight:650}.function-switcher{display:flex;align-items:center;justify-content:flex-start;gap:clamp(10px,1.5vw,20px);min-width:0;flex:1 1;overflow-x:auto;scrollbar-width:none}.function-switcher::-webkit-scrollbar{display:none}.function-switcher a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:76px;color:#4b5563;padding:0;text-decoration:none;font-size:clamp(.88rem,1.05vw,1rem);font-weight:750;border-bottom:3px solid transparent}.function-switcher a.active{color:#063f36;border-bottom-color:var(--primary)}.function-page-body{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:30px 0 42px}.tool-intro{display:grid;grid-gap:12px;gap:12px;margin-bottom:22px}.tool-intro h1{max-width:760px;font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.04}.tool-intro p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:1.02rem;line-height:1.65}.workflow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:8px}.workflow-strip article{display:grid;grid-template-columns:34px 1fr;grid-gap:10px;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px}.step-list span,.workflow-strip span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--primary);color:#fff;font-size:.82rem;font-weight:900}.workflow-strip h2{margin:0;font-size:.98rem;line-height:1.2}.workflow-strip p{margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.45}.hero-section,.tool-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92)),radial-gradient(circle at 88% 18%,rgba(7,94,84,.12),transparent 34%);box-shadow:var(--shadow)}.hero-section{display:grid;min-height:360px;align-items:center;padding:clamp(28px,5vw,58px)}.hero-section h1{max-width:760px;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:0}.legal-page h1,.tool-hero h1{max-width:760px;font-size:clamp(1.7rem,3.2vw,2.65rem);line-height:1.06;letter-spacing:0}.hero-copy,.tool-hero p{max-width:720px;margin-top:18px;color:var(--muted);font-size:1.06rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.site-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:7px;background:var(--primary);color:#fff;padding:0 18px;font-weight:800;text-decoration:none}.site-button.ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.content-band,.legal-page,.seo-content{margin-top:28px;padding:clamp(22px,4vw,34px)}.content-band,.legal-page,.result-showcase,.seo-content{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 24px rgba(15,23,42,.06)}.result-showcase{grid-gap:16px;gap:16px}.home-summary,.result-showcase{display:grid;margin-top:22px;padding:clamp(20px,3vw,28px)}.home-summary{grid-gap:18px;gap:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 8px 24px rgba(15,23,42,.05)}.home-summary h2{max-width:760px;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.12}.compact-link-grid,.feature-strip{display:grid;grid-gap:12px;gap:12px}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-tool-card,.feature-strip article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);padding:16px}.compact-tool-card h3,.feature-strip h3{margin:0;font-size:1rem}.compact-tool-card p,.feature-strip p{margin-top:7px;color:var(--muted);line-height:1.55}.compact-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-tool-card{color:var(--ink);text-decoration:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.compact-tool-card:hover{border-color:var(--line-strong);background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.06)}.result-showcase h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.1}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.result-card{display:grid;grid-gap:18px;gap:18px;min-height:150px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff,#f8fafc);padding:16px}.faq-list h3,.result-card h3{margin:0;font-size:1rem;line-height:1.25}.faq-list p,.result-card p{margin-top:6px;color:var(--muted);line-height:1.55}.result-sizes{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;color:var(--muted);font-size:.9rem}.result-sizes strong{color:var(--primary);font-size:1.35rem}.premium-copy{display:grid;grid-gap:14px;gap:14px}.premium-copy h2:not(:first-child){margin-top:8px}.faq-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.faq-list article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);padding:16px}.content-band h2,.seo-content h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.1}.legal-page p,.seo-content h2+p{margin-top:10px;color:var(--muted);line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.tool-card{display:grid;grid-gap:10px;gap:10px;min-height:150px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-subtle);color:var(--ink);padding:18px;text-decoration:none}.tool-card h3{margin:0;font-size:1.1rem}.tool-card p{color:var(--muted);line-height:1.55}.internal-tool-grid{margin-top:0}.tool-hero{padding:clamp(24px,4vw,42px)}.tool-layout{display:block;margin-top:22px}.tool-main{display:grid;grid-gap:22px;gap:22px;min-width:0}h1{font-size:1.48rem;line-height:1.05;letter-spacing:0}.brand-block h2{margin:0;font-size:1.12rem;line-height:1.12;letter-spacing:0}.brand-block p,.drop-copy p,.meta-line,.queue-header p{color:var(--muted)}.queue-warning{max-width:560px;margin-top:6px;color:#8a5a00;font-size:.84rem;line-height:1.45}.brand-block p{margin-top:3px;font-size:.92rem;line-height:1.42}.step-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.step-list li{display:grid;grid-template-columns:30px 1fr;grid-gap:10px;gap:10px;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 10px}.step-list p{color:#374151;font-size:.9rem;font-weight:800}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px}.stat-grid span{display:block;min-height:28px;font-size:1.32rem;font-weight:800;line-height:1;white-space:nowrap}.stat-grid small{display:block;margin-top:6px;color:var(--muted);font-size:.82rem}.settings{display:grid;grid-gap:18px;gap:18px}fieldset{display:grid;grid-gap:16px;gap:16px;margin:0;padding:16px}.settings-panel,fieldset{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.optional-settings{padding:0}.optional-settings summary{display:grid;grid-template-columns:1fr auto;grid-gap:4px 10px;gap:4px 10px;align-items:center;min-height:52px;padding:0 14px;cursor:pointer;list-style:none}.optional-settings summary::-webkit-details-marker{display:none}.optional-settings summary:after{content:"+";grid-row:1/3;grid-column:2;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:900}.optional-settings[open] summary:after{content:"-"}.optional-settings summary span{color:#374151;font-size:.92rem;font-weight:900}.optional-settings summary small{color:var(--muted);font-size:.78rem;line-height:1.35}.settings-body{display:grid;grid-gap:14px;gap:14px;border-top:1px solid var(--line);padding:14px}legend{padding:0 6px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.field-group,label{display:grid;grid-gap:8px;gap:8px}.field-label,label span{color:#374151;font-size:.9rem;font-weight:700}.settings-hint{border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:var(--muted)}.settings-error,.settings-hint{margin:0;padding:10px 12px;font-size:.82rem;line-height:1.45}.settings-error{border:1px solid #efb4ad;border-radius:10px;background:#fff5f3;color:var(--danger)}.advanced-settings{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:0}.advanced-settings summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;color:#374151;cursor:pointer;font-size:.88rem;font-weight:800}.advanced-settings summary:after{content:"+";color:var(--muted);font-size:1rem;font-weight:900}.advanced-settings[open] summary:after{content:"-"}.advanced-settings label{padding:0 12px 10px}.advanced-settings p{margin:0;padding:0 12px 12px;color:var(--muted);font-size:.8rem;line-height:1.45}.segmented{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px;min-height:44px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.segmented label{display:block}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:grid;place-items:center;min-height:34px;border-radius:8px;color:var(--muted);font-size:.86rem;font-weight:800;cursor:pointer}.segmented input:checked+span{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px rgba(15,23,42,.12)}input[type=number],select{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0 12px;font-weight:650}input[type=number]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}input[type=range]{width:100%;accent-color:var(--primary)}.resize-panel{display:grid;grid-gap:13px;gap:13px;padding:16px 18px 18px}.tool-action-grid{display:grid;grid-template-columns:minmax(300px,400px) minmax(320px,1fr);grid-gap:18px;gap:18px;align-items:stretch}.tool-settings-column{display:grid;align-content:start;grid-gap:12px;gap:12px;min-width:0}.inline-tool-settings{display:grid;grid-gap:8px;gap:8px}.inline-tool-settings.settings-panel{max-width:none;background:#fbfcfd}.convert-panel{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 18px;background:#fbfcfd}.convert-panel .segmented{grid-template-columns:repeat(6,minmax(0,1fr))}.tool-settings-column .convert-panel .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-resize-panel{display:block;border:1px solid var(--line);border-radius:14px;background:#fbfcfd;padding:0;box-shadow:0 1px 2px rgba(15,23,42,.04)}.inline-resize-panel .settings-panel{border:0;border-radius:0;background:transparent}.pixel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-grid,.resize-exact{display:grid;grid-gap:10px;gap:10px}.checkbox-row{display:flex;align-items:center;gap:9px;min-height:34px}.checkbox-row input{width:16px;height:16px;accent-color:var(--primary)}.checkbox-row span{color:var(--muted);font-size:.84rem;font-weight:800}.actions{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.main-stage{display:flex;flex-direction:column;gap:18px;padding:clamp(24px,3vw,36px);min-width:0;background:#ffffff}.stage-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.stage-subtitle{max-width:720px;margin-top:7px;color:var(--muted);font-size:.98rem;line-height:1.5}.eyebrow{display:inline-block;margin-bottom:6px;color:var(--primary);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.drop-copy h2,.empty-start h2,.queue-header h2,.stage-header h1,.workflow-actions h2{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.05;letter-spacing:0}.stage-header h1{font-size:clamp(1.35rem,2vw,1.9rem)}.trust-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid #b8dfd3;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.82rem;font-weight:800;white-space:nowrap}.drop-zone{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);grid-column-gap:18px;column-gap:18px;grid-row-gap:12px;row-gap:12px;align-items:center;min-height:180px;border:1.5px dashed #9bb0c4;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f7fafc);padding:clamp(20px,2.6vw,28px);overflow:hidden}.drop-zone .secondary-action{grid-column:2;justify-self:start}.drop-zone.is-dragging{border-color:var(--primary);background:#eefaf6}.drop-zone input{position:absolute;inset:0;opacity:0;pointer-events:none}.drop-visual{display:grid;place-items:center;width:54px;aspect-ratio:1;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 18px rgba(15,23,42,.06)}.drop-glyph{position:relative;width:28px;height:22px;border:2px solid var(--primary);border-radius:4px}.drop-glyph:before{content:"";position:absolute;left:5px;bottom:4px;width:20px;height:13px;background:linear-gradient(135deg,transparent 0 48%,var(--primary) 49% 52%,transparent 53%),var(--primary-soft);-webkit-clip-path:polygon(0 100%,38% 38%,58% 64%,76% 32%,100% 100%);clip-path:polygon(0 100%,38% 38%,58% 64%,76% 32%,100% 100%)}.drop-glyph:after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.drop-copy p{margin-top:7px;font-size:.94rem;line-height:1.35}.empty-start,.workflow-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fbfcfd;padding:16px 18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.empty-start p,.workflow-actions p{margin-top:8px;color:var(--muted);font-size:.92rem;line-height:1.45}.workflow-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.workflow-buttons .ghost,.workflow-buttons .primary-action,.workflow-buttons .secondary-action{min-height:46px}.primary-action small{margin-left:6px;color:rgba(255,255,255,.78);font-size:.72rem;font-weight:800}.queue-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding-top:4px}.queue{display:grid;grid-gap:10px;gap:10px}.file-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);content-visibility:auto;contain-intrinsic-size:90px}.thumb-wrap{width:64px;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--surface-subtle)}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.file-main{display:grid;grid-gap:8px;gap:8px;min-width:0}.file-title{display:flex;justify-content:space-between;gap:12px;align-items:center;min-width:0}.file-title strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem}.file-format{border:1px solid var(--line);background:var(--surface);color:#374151;padding:0 8px;font-size:.72rem;font-weight:900}.file-format,.status{flex:0 0 auto;min-height:24px;display:inline-flex;align-items:center;border-radius:999px;white-space:nowrap}.status{background:var(--surface-subtle);color:var(--muted);padding:0 9px;font-size:.78rem;font-weight:800}.file-row.done .status{background:var(--primary-soft);color:var(--primary)}.file-row.error .status{background:#fbe9e7;color:var(--danger)}.meta-line{min-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.work-indicator{position:relative;width:min(180px,100%);height:4px;overflow:hidden;border-radius:999px;background:#e9eef3}.work-indicator span{position:absolute;top:0;bottom:0;width:42%;border-radius:inherit;background:var(--accent);animation:working-slide 1s ease-in-out infinite}@keyframes working-slide{0%{left:-42%}to{left:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.file-actions{display:flex;gap:6px;min-width:max-content}.file-actions button{width:38px;min-width:38px;min-height:38px;height:38px}.compress-single{background:var(--surface);border-color:var(--line);color:var(--primary)}.compress-single:hover:not(:disabled){background:var(--primary-soft);border-color:#b8dfd3;box-shadow:0 8px 18px rgba(7,94,84,.1)}@media (max-width:980px){.tool-grid{grid-template-columns:1fr}.compact-link-grid,.faq-list,.feature-strip,.result-grid,.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding:14px}.tool-action-grid,.workspace{grid-template-columns:1fr}.control-rail{border-left:0;border-top:1px solid var(--line)}.drop-zone{grid-template-columns:54px 1fr;min-height:180px}.drop-zone .secondary-action{grid-column:1/-1;width:100%}}@media (max-width:680px){.function-only-page,.legal-page,.premium-tool-page,.site-page,.tool-page{width:100%;padding:0}.tool-header{display:grid;grid-template-columns:1fr;grid-gap:8px 12px;gap:8px 12px;min-height:0;padding:12px 14px}.tool-brand-mark{width:40px;height:40px;font-size:.82rem}.tool-brand-copy strong{font-size:1.25rem}.tool-brand-copy small{font-size:.78rem}.function-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;justify-content:stretch;grid-gap:4px;gap:4px;order:3;margin:2px -14px -12px;border-top:1px solid var(--line);background:#fff;padding:4px 14px 8px;overflow:hidden}.function-switcher a{min-height:34px;min-width:0;width:100%;font-size:.78rem;justify-content:center;padding:0 4px;text-align:center;white-space:normal}.function-page-body{width:100%;padding:0}.content-band,.hero-section,.home-summary,.legal-page,.result-showcase,.seo-content,.tool-hero{border-left:0;border-right:0;border-radius:0}.hero-actions{flex-direction:column}.site-button{width:100%}.tool-intro{padding:18px;margin-bottom:0}.compact-link-grid,.faq-list,.feature-strip,.result-grid{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.workflow-strip article{grid-template-columns:1fr;gap:6px;padding:8px}.workflow-strip span{width:24px;height:24px;font-size:.72rem}.workflow-strip h2{font-size:.78rem}.workflow-strip p{display:none}.app-shell{padding:0}.workspace{border:0;border-radius:0}.control-rail,.main-stage{padding:18px}.empty-start,.queue-header,.stage-header,.workflow-actions{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.inline-tool-settings.settings-panel{max-width:none}.inline-resize-panel{border-radius:12px}.convert-panel .segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.drop-zone{gap:14px;padding:22px;text-align:left}.queue-header button,.trust-pill,.workflow-buttons,.workflow-buttons button{justify-content:center;width:100%}.drop-zone{grid-template-columns:1fr;min-height:0}.drop-visual{display:none}.file-row{grid-template-columns:52px minmax(0,1fr)}.thumb-wrap{width:52px}.file-title{align-items:start;flex-direction:column;gap:6px}.file-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,38px);justify-content:end}.file-actions button{width:38px;min-width:38px}}.editor-workspace{display:grid;grid-gap:20px;gap:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:clamp(18px,3vw,30px);box-shadow:0 18px 50px rgba(15,23,42,.08)}.editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.editor-header h1{margin-top:6px;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.06}.editor-header p{max-width:720px;margin-top:9px;color:var(--muted);line-height:1.55}.editor-status{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:var(--surface-subtle);color:var(--muted);padding:8px 11px;font-size:.78rem;font-weight:800;white-space:nowrap}.editor-entry-grid,.editor-stage-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-gap:16px;gap:16px;align-items:stretch}.editor-empty-state,.editor-panel,.editor-preview-panel,.editor-source-card,.editor-upload-zone{border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.editor-upload-zone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;min-height:188px;border-style:dashed;padding:22px;transition:border-color .15s ease,background .15s ease}.editor-upload-zone.is-dragging{border-color:var(--primary);background:var(--primary-soft)}.editor-upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#e8f3f0;color:var(--primary)}.editor-upload-icon svg{width:25px;height:25px}.editor-upload-zone h2{font-size:1.02rem;line-height:1.2}.editor-upload-zone p{max-width:420px;margin-top:6px;color:var(--muted);font-size:.88rem;line-height:1.5}.editor-upload-zone small{grid-column:2/-1;color:var(--muted);font-size:.76rem}.editor-upload-zone .editor-error{grid-column:2/-1}.visually-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.editor-source-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto;grid-gap:13px;gap:13px;align-items:center;min-height:104px;padding:16px}.editor-source-thumb{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.editor-source-thumb img{width:100%;height:100%;object-fit:cover}.editor-source-copy{display:grid;min-width:0;grid-gap:5px;gap:5px}.editor-source-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.editor-source-copy span{color:var(--muted);font-size:.8rem}.editor-source-actions{display:flex;gap:7px}.editor-source-actions .icon-only{width:38px;min-height:38px}.editor-panel{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:16px;background:#fbfcfd}.editor-panel legend{padding:0 5px;color:#374151;font-size:.85rem;font-weight:900}.editor-panel label{display:grid;grid-gap:7px;gap:7px;color:#374151;font-size:.82rem;font-weight:800}.editor-panel label span{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-panel output{color:var(--muted);font-size:.78rem;font-weight:700}.editor-panel input[type=number],.editor-panel select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink);padding:0 11px}.editor-panel input[type=range]{width:100%;accent-color:var(--primary)}.editor-two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.editor-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.editor-preset-grid button{min-height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:0 8px;font-size:.78rem;font-weight:800}.editor-preset-grid button:hover:not(:disabled){border-color:#b8dfd3;background:var(--primary-soft);box-shadow:none;transform:none}.editor-preset-grid button.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.editor-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;background:#eef2f4;padding:4px}.editor-segmented button,.editor-shape-button{min-height:38px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:0 9px;font-size:.8rem;font-weight:800}.editor-segmented button:hover:not(:disabled),.editor-shape-button:hover:not(:disabled){background:rgba(255,255,255,.72);color:var(--ink);box-shadow:none;transform:none}.editor-button-row button.selected,.editor-segmented button.selected,.editor-shape-button.selected{border-color:#b8dfd3;background:#fff;color:var(--primary);box-shadow:0 5px 12px rgba(7,94,84,.1)}.editor-help,.editor-preview-help{color:var(--muted);font-size:.78rem;line-height:1.5}.editor-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.editor-shape-button{display:grid;grid-template-columns:auto 1fr;grid-gap:7px;gap:7px;align-items:center;justify-content:center;min-height:48px;border-color:var(--line);background:#fff;color:var(--ink)}.editor-ratio-row{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.editor-button-row button{min-height:40px;font-size:.8rem}.editor-zoom-control{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;grid-gap:8px;gap:8px;align-items:end}.editor-zoom-control>.icon-only{min-height:42px}.editor-zoom-slider{display:grid;min-width:0;grid-gap:7px;gap:7px}.editor-button-row .ghost{color:var(--ink)}.editor-panel .text-action{justify-content:flex-start;min-height:32px;border:0;background:transparent;color:var(--primary);padding:0;font-size:.8rem;font-weight:800}.editor-panel .text-action:hover:not(:disabled){background:transparent;box-shadow:none;transform:none;text-decoration:underline}.editor-stage-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.editor-preview-panel{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:16px}.editor-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:.78rem}.editor-panel-heading>div{display:grid;grid-gap:4px;gap:4px}.editor-panel-heading strong{color:var(--ink);font-size:.95rem}.editor-slicer-stage{display:grid;grid-gap:10px;gap:10px;min-width:0}.editor-crop-preview,.editor-flip-preview,.editor-slicer-canvas{position:relative;width:min(100%,720px);max-height:560px;margin:0 auto;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#e7ecef 25%,transparent 0),linear-gradient(-45deg,#e7ecef 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e7ecef 0),linear-gradient(-45deg,transparent 75%,#e7ecef 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.editor-slicer-canvas{--editor-aspect-ratio:1;width:min(100%,720px,calc(560px * var(--editor-aspect-ratio)));max-height:none;touch-action:none;cursor:-webkit-grab;cursor:grab}.editor-slicer-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.editor-positioned-image{position:absolute;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;object-fit:fill;transform-origin:center}.editor-grid-overlay{position:absolute;inset:0;display:grid}.editor-grid-cell{min-width:0;min-height:0;border:1px dashed rgba(7,94,84,.62);border-radius:0;background:transparent;color:#fff;padding:0;box-shadow:none;transform:none}.editor-grid-cell:hover:not(:disabled){background:rgba(7,94,84,.12);box-shadow:none;transform:none}.editor-grid-cell.selected{background:rgba(7,94,84,.22);box-shadow:inset 0 0 0 2px var(--primary)}.editor-grid-cell span{display:grid;place-items:center;width:22px;height:22px;margin:6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:900}.editor-crop-preview-wrap{display:grid;grid-gap:10px;gap:10px}.editor-crop-preview{--editor-aspect-ratio:1;width:min(100%,620px,calc(560px * var(--editor-aspect-ratio)));max-height:none;border:2px dashed var(--primary)}.editor-crop-border{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(7,94,84,.5);pointer-events:none}.editor-flip-preview{display:grid;place-items:center;min-height:300px;max-height:560px;padding:22px}.editor-flip-preview img{display:block;max-width:100%;max-height:510px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-control-panel{display:grid;align-content:start;grid-gap:12px;gap:12px}.editor-format-row{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-selection-actions{display:flex;flex-wrap:wrap;gap:12px}.editor-download{width:100%;margin-top:2px}.editor-empty-state{color:var(--muted);padding:20px;font-size:.9rem;line-height:1.5;text-align:center}.editor-error,.editor-notice{margin:0;border-radius:8px;padding:10px 12px;font-size:.82rem;line-height:1.45}.editor-error{color:#9f2d21;background:#fff1ef}.editor-notice{color:#155e4b;background:var(--primary-soft)}@media (max-width:980px){.editor-entry-grid,.editor-stage-grid{grid-template-columns:1fr}.editor-control-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width:680px){.editor-workspace{border-left:0;border-right:0;border-radius:0;padding:18px;box-shadow:none}.editor-header{display:grid}.editor-status{justify-self:start}.editor-upload-zone{grid-template-columns:1fr;align-items:start;min-height:0}.editor-upload-zone .editor-error,.editor-upload-zone small{grid-column:auto}.editor-upload-zone .secondary-action{width:100%}.editor-source-card{grid-template-columns:56px minmax(0,1fr) auto;padding:12px}.editor-source-thumb{width:56px;height:56px}.editor-source-actions{display:grid}.editor-source-actions .icon-only{width:34px;min-height:34px}.editor-control-panel{grid-template-columns:1fr}.editor-panel-heading{align-items:flex-start;flex-direction:column}.editor-flip-preview{min-height:220px}}