@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#f5f7ff;--bg-2:#eef2ff;--panel-bg:#fffc;--panel-border:#94a3b833;--item-bg:#ffffffc7;--input-bg:#ffffffe6;--button-bg:#f8f9ff;--button-active:#eef2ff;--accent:#4f46e5;--accent-strong:#312e81;--accent-soft:#4f46e51f;--accent-glow:#818cf847;--success:#10b981;--text:#0f172a;--heading:#111827;--muted:#475569;--muted-soft:#64748b;--shadow-soft:0 18px 40px #4f46e514;--shadow-card:0 18px 45px #0f172a14}*{box-sizing:border-box}html{scroll-behavior:auto}body{min-height:100vh;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#6366f12e,#0000 28%),radial-gradient(circle at 100% 0,#a855f72e,#0000 24%),linear-gradient(#f8faff 0%,#eef3ff 100%);margin:0;font-family:Inter,Segoe UI,sans-serif}#root{min-height:100vh}h1,h2,h3,p{margin:0}h1{letter-spacing:-.06em;color:var(--heading);font-size:clamp(2.2rem,5vw,4rem);line-height:.96}h2{letter-spacing:-.04em;color:var(--heading);font-size:clamp(1.2rem,1.8vw,1.7rem)}h3{color:var(--heading);letter-spacing:-.03em;font-size:1.04rem}button,input,select{font-family:inherit}.workspace-shell{--tool-header-offset:3.5rem;box-sizing:border-box;width:min(1340px,100% - 2rem);min-height:0;color:var(--text);grid-template-columns:minmax(220px,20%) minmax(0,1fr);gap:1.2rem;margin:0 auto;padding:1.2rem 0 2rem;display:grid}.tool-content{gap:1rem;display:grid}.app-reach-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.reach-stat{box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #94a3b833;border-radius:18px;gap:.2rem;padding:.9rem 1rem;display:grid}.reach-value{color:var(--accent-strong);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:800;line-height:1.1}.reach-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.reach-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.secondary-button{color:var(--heading);cursor:pointer;background:#ffffffb8;border:1px solid #6366f12e;border-radius:999px;padding:.7rem 1rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}.secondary-button:hover{border-color:#6366f157;transform:translateY(-1px);box-shadow:0 12px 22px #4f46e514}.loading-panel{place-items:center;min-height:240px;display:grid}.side-menu{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#6366f152 transparent;border:1px solid var(--panel-border);min-height:0;max-height:calc(100vh - 2.4rem);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border-radius:22px;flex-direction:column;align-self:start;gap:.7rem;padding:1rem .8rem;display:flex;position:sticky;top:1.2rem;overflow:hidden auto}.side-menu::-webkit-scrollbar{width:7px}.side-menu::-webkit-scrollbar-track{background:0 0}.side-menu::-webkit-scrollbar-thumb{background:linear-gradient(#6366f147,#a855f766);border:1px solid #ffffff4d;border-radius:999px}.side-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6366f16b,#a855f780)}.side-menu-group{gap:.45rem;display:grid}.menu-group-toggle{width:100%;color:var(--heading);letter-spacing:.02em;cursor:pointer;background:#ffffffb8;border:1px solid #94a3b82e;border-radius:14px;justify-content:space-between;align-items:center;padding:.78rem .9rem;font-weight:800;transition:all .2s;display:flex}.menu-group-toggle.selected,.menu-group-toggle.expanded{color:var(--accent-strong);background:linear-gradient(135deg,#4f46e51f,#a855f714);border-color:#4f46e533;box-shadow:inset 0 0 0 1px #4f46e51a}.side-menu-subnav{gap:.35rem;margin-top:.1rem;padding-left:.5rem;display:grid}.tool-group-brief{color:var(--muted);margin:0 0 .25rem;padding:0 .2rem;font-size:.72rem;line-height:1.5}.side-menu-footer{border-top:1px solid #94a3b833;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;margin-top:auto;padding-top:.65rem;display:flex}.install-button{color:#047857;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#10b98114;border:1px solid #10b98133;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.7rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.install-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #10b9811f}.version-badge{min-width:74px;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#4f46e514;border:1px solid #6366f124;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:.72rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.version-badge:hover{transform:translateY(-1px);box-shadow:0 10px 22px #4f46e51f}.privacy-policy-overlay{z-index:80;background:#0f172aa6;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.privacy-policy-modal{background:#fffffff5;border:1px solid #94a3b840;border-radius:28px;gap:1rem;width:min(720px,100%);padding:clamp(1.2rem,2vw,2rem);display:grid;box-shadow:0 28px 60px #0f172a38}.privacy-policy-modal h2{color:var(--heading);margin:0;font-size:clamp(1.6rem,3vw,2.3rem)}.privacy-policy-content{color:var(--muted);gap:.85rem;line-height:1.7;display:grid}.privacy-policy-content p{margin:0}.privacy-policy-actions{justify-content:flex-end;display:flex}.accept-policy-button{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.85rem 1.8rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 35px #4f46e538}.accept-policy-button:hover{transform:translateY(-1px);box-shadow:0 20px 40px #4f46e547}.release-modal-backdrop{z-index:50;background:#0f172a7a;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.release-modal{background:#ffffffeb;border:1px solid #94a3b840;border-radius:24px;width:min(680px,100%);max-height:min(76vh,760px);padding:1.2rem;overflow:auto;box-shadow:0 28px 60px #0f172a33}.release-modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.release-modal-header h3{margin:.2rem 0 0;font-size:clamp(1.2rem,2vw,1.7rem)}.close-button{color:var(--heading);cursor:pointer;background:#ffffffb3;border:1px solid #94a3b847;border-radius:999px;padding:.6rem .9rem;font-weight:600}.release-list{gap:1rem;display:grid}.release-item{background:#f8fafccc;border:1px solid #94a3b833;border-radius:18px;padding:1rem}.release-item-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.release-version{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#4f46e51f;border-radius:999px;align-items:center;padding:.34rem .62rem;font-size:.7rem;font-weight:800;display:inline-flex}.release-date{color:var(--muted);font-size:.76rem;font-weight:600}.release-summary{color:var(--heading);margin:0 0 .7rem;font-weight:700}.dual-choice-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;display:grid}.release-item ul{color:var(--muted);margin:0;padding-left:1.1rem;line-height:1.6}.side-menu-brand{gap:.3rem;padding:0 .5rem .1rem;display:grid}.side-menu-brand h2{letter-spacing:.06em;text-transform:uppercase;color:var(--heading);margin:0;font-size:1.05rem}.side-menu-brand p{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft);margin:0;font-size:.68rem}.side-menu a{min-height:52px;color:var(--heading);background:#ffffff6b;border:1px solid #0000;border-radius:14px;align-items:center;padding:0 .9rem;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:grid}.side-menu a:hover{border-color:#4f46e526;transform:translateY(-1px)}.side-menu a.active{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-color:#0000;box-shadow:0 12px 26px #4f46e542}.side-menu a.image-menu-link{color:var(--heading);background:#ffffff6b;border-color:#0000}.side-menu a.image-menu-link:hover{border-color:#4f46e526}.side-menu a.image-menu-link.active{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-color:#0000;box-shadow:0 12px 26px #4f46e542}.page-hero{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#4f46e514 0%,#a855f70f 100%);border:1px solid #6366f11f;border-radius:30px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:1rem;padding:clamp(1.1rem,2vw,2rem);display:grid;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e51f,#0000 60%);height:260px;position:absolute;inset:auto -24% -32% 44%}.hero-copy{z-index:1;gap:1rem;display:grid;position:relative}.hero-badge,.arrange-pill,.settings-pill,.section-kicker{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;padding:.45rem .75rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.hero-badge{color:var(--accent-strong);background:#4f46e51f}.subtext{max-width:62ch;color:var(--muted);font-size:1.04rem;line-height:1.6}.hero-trust{color:var(--muted);flex-wrap:wrap;gap:.7rem;font-size:.74rem;display:flex}.hero-trust span{background:#ffffffb3;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:.35rem;padding:.34rem .56rem;display:inline-flex}.hero-illustration{place-items:center;min-height:220px;display:grid;position:relative}.floating-card{box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #94a3b82e;position:absolute}.card-document{border-radius:26px;width:min(86%,360px);height:220px;padding:1rem;transform:rotate(-8deg)}.paper-header{background:linear-gradient(90deg,#6366f12e,#4f46e585);border-radius:999px;width:58%;height:12px;margin-bottom:1rem}.paper-grid{gap:.7rem;display:grid}.paper-grid span{background:linear-gradient(90deg,#94a3b833,#94a3b88c);border-radius:999px;height:10px;display:block}.card-stack{border-radius:22px;width:180px;height:130px;padding:1rem .9rem;bottom:.7rem;right:2.2rem;transform:rotate(10deg)}.mini-thumb{background:linear-gradient(135deg,#4f46e524,#a855f733);border:1px solid #6366f124;border-radius:16px;width:66%;height:72%;position:absolute;inset:auto auto .9rem .9rem}.thumb-two{background:linear-gradient(135deg,#0ea5e924,#4f46e538);width:46%;height:64%;bottom:1.3rem;left:auto;right:1rem}.tool-grid{grid-template-columns:minmax(0,64%) minmax(320px,36%);gap:1.1rem;display:grid}.panel{border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb8;border-radius:24px;padding:1rem}.left-pane,.right-pane{align-content:start;gap:1rem;display:grid}.left-pane>*{order:3}.left-pane .upload-shell{order:1}.left-pane .top-action-bar{order:2}.section-heading-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.arrange-pill{color:var(--accent-strong);background:#4f46e514;padding-inline:.6rem}.upload-shell{background:linear-gradient(#6366f10f,#ffffffad);border:1px solid #4f46e52e;border-radius:20px;gap:.7rem;padding:.85rem;display:grid;box-shadow:0 16px 32px #4f46e514}.drop-zone{cursor:pointer;background:linear-gradient(135deg,#4f46e514,#ffffffbd);border:1.5px dashed #4f46e540;border-radius:24px;place-items:center;min-height:160px;padding:1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.drop-zone:hover{transform:translateY(-1px);box-shadow:0 10px 26px #4f46e514}.drop-zone.active{background:linear-gradient(135deg,#4f46e51f,#a855f712);border-color:#4f46e5b3;box-shadow:0 18px 38px #4f46e51a}.drop-zone-content{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.drop-zone-icon{width:68px;height:68px;color:var(--accent-strong);background:linear-gradient(135deg,#4f46e524,#a855f71f);border-radius:22px;place-items:center;display:grid}.drop-zone-icon svg,.upload-button svg{width:24px;height:24px}.drop-zone-copy{gap:.2rem;display:grid}.drop-zone-title{color:var(--heading);font-size:1.12rem;font-weight:700}.drop-zone-subtitle{color:var(--muted);font-size:.88rem}.file-badges{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.file-badges span{min-width:52px;min-height:26px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffffb3;border:1px solid #94a3b833;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.upload-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.upload-button{cursor:pointer;color:var(--heading);background:linear-gradient(135deg,#4f46e51f,#a855f714);border:1px solid #4f46e524;border-radius:999px;justify-content:center;justify-self:flex-start;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.upload-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #4f46e51f}.upload-meta{color:var(--muted);font-size:.8rem}#image-upload,#merge-upload{display:none}.preview-grid{grid-template-columns:repeat(var(--grid-cols,4), minmax(0, 1fr));gap:.7rem;display:grid}.preview-card{cursor:grab;background:linear-gradient(#ffffffe6,#f8faffcc);border:1px solid #94a3b82e;border-radius:18px;gap:.55rem;padding:.65rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.preview-card:hover{border-color:#4f46e529;transform:translateY(-2px);box-shadow:0 18px 32px #0f172a0f}.preview-card:active{cursor:grabbing}.preview-card.dragging{opacity:.58;box-shadow:inset 0 0 0 1px #4f46e559}.card-topline{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-index,.card-rotation{border-radius:999px;justify-content:center;align-items:center;padding:.32rem .5rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.card-index{color:var(--accent-strong);background:#4f46e514}.card-rotation{color:var(--muted);background:#0f172a0a}.preview-media{aspect-ratio:4/3;background:linear-gradient(135deg,#94a3b814,#fffc);border:1px solid #94a3b82e;border-radius:14px;width:100%;position:relative;overflow:hidden}.preview-card img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.item-info{gap:.2rem;min-width:0;display:grid}.item-info p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.item-name{font-weight:700;color:var(--heading)!important}.item-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.secondary-button,.danger-button,button,input,select{background:var(--input-bg);min-height:38px;color:var(--text);font:inherit;border:1px solid #94a3b833;border-radius:10px;padding:0 .7rem}.secondary-button,button{color:var(--heading);cursor:pointer;background:#f5f7ff;transition:transform .18s,box-shadow .18s}.secondary-button:hover,button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0a}.danger-button{color:#b91c1c;cursor:pointer;background:#ef44440f;border-color:#ef44441f}button.primary{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-color:#0000;min-height:42px;font-weight:700;box-shadow:0 18px 28px #4f46e533}button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,.side-menu a:focus-visible{outline-offset:2px;outline:2px solid #4f46e5b3}.empty{text-align:center;color:var(--muted);background:#ffffff6b;border:1px dashed #94a3b866;border-radius:18px;padding:1.3rem}.hint,.status,.meta{color:var(--muted);line-height:1.5}.upload-prep-note{background:#ffffffb3;border:1px solid #94a3b833;border-radius:16px;gap:.25rem;padding:.8rem .9rem;display:grid}.upload-prep-note p{color:var(--heading);font-size:.9rem}.settings-panel{background:linear-gradient(#eef2ffc7,#ffffffe0);border-color:#4f46e542;position:sticky;top:1.2rem;box-shadow:0 22px 40px #4f46e529}.settings-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.7rem;display:flex}.section-kicker{color:var(--accent-strong);background:#4f46e514}.tool-placeholder-shell{place-items:center;min-height:420px;display:grid}.tool-placeholder-card{width:min(760px,100%);box-shadow:var(--shadow-soft);background:#ffffffc7;border:1px solid #94a3b838;border-radius:24px;gap:1rem;padding:clamp(1.2rem,2vw,2rem);display:grid}.tool-placeholder-card h1{font-size:clamp(2rem,4vw,3rem)}.tool-placeholder-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-link-button{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 18px 28px #4f46e533}.settings-pill{color:var(--accent-strong);background:#4f46e51f}.control-group{background:#ffffffb8;border:1px solid #94a3b82e;border-radius:14px;gap:.38rem;padding:.75rem;display:grid}.control-group label{color:var(--muted);font-size:.8rem;font-weight:600}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.control-group-wide{grid-column:1/-1}input,select{width:100%;min-height:44px;color:var(--text);background:#ffffffb3;border:1px solid #94a3b833;border-radius:12px;padding:.72rem .8rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#4f46e566;outline:none;box-shadow:0 0 0 4px #4f46e514}.check-row{color:var(--heading);background:#ffffffa8;border:1px solid #94a3b82e;border-radius:14px;align-items:center;gap:.6rem;padding:.72rem .8rem;font-size:.9rem;display:flex}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.progress-panel,.post-actions{background:#ffffffb3;border:1px solid #94a3b833;border-radius:18px;gap:.55rem;padding:.9rem;display:grid}.progress-head{color:var(--heading);justify-content:space-between;gap:.7rem;font-size:.8rem;font-weight:600;display:flex}.progress-panel progress{width:100%;height:12px;accent-color:var(--accent);border-radius:999px}.progress-text{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.top-action-bar{background:#ffffffa6;border:1px solid #94a3b833;border-radius:18px;flex-wrap:wrap;gap:.55rem;padding:.7rem;display:flex}.top-action-bar.ready{background:#4f46e50a;border-color:#4f46e559}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.4rem;display:grid}.feature-card{border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:20px;gap:.65rem;padding:1rem .9rem;display:grid}.feature-icon{background:linear-gradient(135deg,#4f46e51f,#a855f71f);border-radius:16px;place-items:center;width:44px;height:44px;font-size:1.2rem;display:inline-grid}.feature-card h3{font-size:.96rem}.feature-card p{color:var(--muted);font-size:.84rem;line-height:1.5}.image-tool-hero{background:linear-gradient(135deg,#4f46e514,#a855f70f);border-color:#6366f11f}.image-tool-shell{--image-accent:var(--accent);--image-accent-strong:var(--accent-strong);gap:1rem;display:grid}.image-tool-shell .image-tool-panel,.image-tool-shell .image-tool-settings-panel{background:#ffffffc7;border-color:#6366f133}.image-tool-shell .top-action-bar.image-tool-actions{background:#4f46e50a;border-color:#6366f13d}.image-tool-shell .hero-badge,.image-tool-shell .section-kicker,.image-tool-shell .settings-pill,.image-tool-shell .arrange-pill{color:var(--accent-strong);background:#4f46e51f}.image-tool-shell .primary,.image-tool-shell button.primary{background:linear-gradient(135deg, var(--image-accent) 0%, #7c3aed 100%);border-color:#0000;box-shadow:0 18px 28px #4f46e533}.image-tool-shell .secondary-button,.image-tool-shell .secondary-button:hover{color:var(--accent-strong);border-color:#6366f12e}.image-tool-shell input:focus,.image-tool-shell select:focus,.image-tool-shell button:focus-visible{border-color:#6366f166;box-shadow:0 0 0 4px #4f46e514}.image-tool-shell .upload-shell{background:linear-gradient(#4f46e50a,#ffffffb3);border-color:#6366f12e}.image-tool-shell .upload-button{color:var(--image-accent-strong);background:linear-gradient(135deg,#4f46e51f,#a855f714);border-color:#6366f124}.image-tool-shell .upload-button:hover{box-shadow:0 12px 24px #4f46e51f}.image-tool-shell .control-group,.image-tool-shell .metric-panel,.image-tool-shell .status-block,.image-tool-shell .comparison-card{border-color:#6366f124}.image-tool-shell .metric-panel{background:#4f46e50a}.image-tool-shell .comparison-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.image-tool-shell .comparison-card{box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #94a3b833;border-radius:18px;gap:.9rem;padding:1rem;display:grid}.image-tool-shell .comparison-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.image-tool-shell .compare-panel{background:#f8fafccc;border:1px solid #94a3b82e;border-radius:14px;gap:.5rem;padding:.7rem;display:grid}.image-tool-shell .compare-panel img{aspect-ratio:1;object-fit:cover;background:#fffc;border:1px solid #94a3b824;border-radius:12px;width:100%;display:block}.image-tool-shell .compare-label{width:-moz-fit-content;width:fit-content;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#94a3b814;border-radius:999px;padding:.3rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.image-tool-shell .compare-label-compressed{color:var(--accent-strong);background:#4f46e51f}.image-tool-shell .compare-panel small{color:var(--muted);word-break:break-word;font-size:.72rem}.image-tool-shell .comparison-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.image-tool-shell .comparison-meta div{background:#ffffffb3;border:1px solid #94a3b82e;border-radius:12px;gap:.18rem;padding:.55rem .6rem;display:grid}.image-tool-shell .comparison-meta span{color:var(--muted);font-size:.72rem}.image-tool-shell .comparison-meta strong{color:var(--heading);font-size:.82rem}.image-tool-shell .helper-text{color:var(--muted);font-size:.76rem;line-height:1.5}.image-tool-shell .image-compressor-list{gap:.8rem;display:grid}.image-tool-shell .image-compressor-item{background:#ffffffb8;border:1px solid #94a3b82e;border-radius:18px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem .8rem;display:grid}.image-tool-shell .image-compressor-item img{object-fit:cover;border:1px solid #94a3b82e;border-radius:12px;width:72px;height:72px}.image-tool-shell .image-compressor-copy{gap:.2rem;min-width:0;display:grid}.image-tool-shell .image-compressor-copy strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-tool-shell .image-compressor-copy span{color:var(--muted);font-size:.8rem}.image-tool-shell .metric-panel{background:#4f46e50a;border:1px solid #94a3b82e;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:.8rem;display:grid}.image-tool-shell .metric-panel>div{gap:.2rem;display:grid}.image-tool-shell .metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.image-tool-shell .metric-panel strong{color:var(--heading);font-size:.9rem}@media (max-width:680px){.image-tool-shell .comparison-body,.image-tool-shell .comparison-meta,.image-tool-shell .metric-panel{grid-template-columns:1fr}}.image-reduction-list{gap:.8rem;display:grid}.image-reduction-item{background:#ffffffb3;border:1px solid #94a3b838;border-radius:18px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:.8rem;padding:.7rem .8rem;display:grid}.image-reduction-item img{object-fit:cover;background:#f8fafccc;border:1px solid #94a3b833;border-radius:12px;width:64px;height:64px}.image-reduction-copy{gap:.2rem;min-width:0;display:grid}.image-reduction-copy strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.image-reduction-copy span{color:var(--muted);font-size:.78rem}.human-check-backdrop{z-index:60;background:#0f172a7a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.human-check-card{background:#fffffff5;border:1px solid #94a3b847;border-radius:24px;width:min(440px,100%);padding:1.2rem;box-shadow:0 24px 60px #0f172a38}.human-check-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.human-check-badge{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#4f46e51f;border-radius:999px;align-items:center;padding:.38rem .62rem;font-size:.68rem;font-weight:800;display:inline-flex}.human-check-close{color:var(--heading);cursor:pointer;background:#ffffffe6;border:1px solid #94a3b847;border-radius:999px;padding:.4rem .75rem;font-weight:600}.human-check-card h3{color:var(--heading);margin:0 0 .45rem;font-size:clamp(1.3rem,3vw,1.8rem)}.human-check-card p{color:var(--muted);margin:0 0 .9rem}.human-check-form{gap:.7rem;display:grid}.human-check-prompt{color:var(--heading);font-size:1.4rem;font-weight:800}.human-check-row{align-items:center;gap:.6rem;display:flex}.human-check-row input{min-width:0;color:var(--heading);background:#f8fafccc;border:1px solid #94a3b859;border-radius:14px;flex:1;padding:.8rem .9rem;font-size:1rem}.human-check-row input:focus{border-color:#6366f15c;outline:2px solid #6366f12e}.human-check-submit{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:.82rem 1rem;font-weight:700}.human-check-error{color:#b91c1c;margin-top:.8rem;font-weight:600}@media (max-width:980px){.workspace-shell{grid-template-columns:1fr;width:min(100%,100% - 1rem);padding-top:.7rem}.side-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;position:static}.side-menu h2{grid-column:1/-1}.tool-grid,.page-hero{grid-template-columns:1fr}.settings-panel{position:static}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.workspace-shell{gap:.8rem;width:min(100%,100% - .75rem)}.side-menu,.tool-grid,.feature-grid{grid-template-columns:1fr}.drop-zone{min-height:130px}.top-action-bar{flex-direction:column}.top-action-bar>button{width:100%}.upload-actions-row{flex-direction:column;align-items:stretch}.upload-button{width:100%}.item-actions{justify-content:stretch}.item-actions button{flex:1}.control-grid{grid-template-columns:1fr}.hero-trust{gap:.5rem}}.developer-tools-page{gap:1rem;padding:.5rem 0 1rem;display:grid}.developer-tools-heading{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .2rem 0;display:flex}.section-kicker{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .3rem;font-size:.7rem;font-weight:800}.tool-badge{color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;background:#4f46e514;border:1px solid #6366f12e;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.72rem;font-weight:800;display:inline-flex}.tool-toolbar{flex-wrap:wrap;gap:.7rem;display:flex}.toolbar-wrap{align-items:center}.primary-button,.secondary-button,.file-picker-label,.settings-grid select,.settings-grid input,.developer-tools-page input,.developer-tools-page select,.developer-tools-page textarea,.example-button{transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.2rem;font-weight:800;box-shadow:0 15px 30px #4f46e533}.primary-button:hover,.secondary-button:hover,.file-picker-label:hover,.example-button:hover{transform:translateY(-1px)}.secondary-button{color:var(--heading);cursor:pointer;background:#fffc;border:1px solid #6366f12e;border-radius:999px;padding:.72rem 1rem;font-weight:700}.danger-button{color:#b91c1c;border-color:#ef444433}.tool-row{flex-wrap:wrap;gap:.75rem;display:flex}.file-picker-label{min-width:220px;color:var(--heading);cursor:pointer;background:#fffc;border:1px solid #6366f12e;border-radius:14px;flex-direction:column;gap:.45rem;padding:.75rem .9rem;font-size:.8rem;display:inline-flex}.file-picker-label input{color:var(--muted);background:0 0;border:none}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow-card);border-radius:20px;gap:.75rem;padding:1rem;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.code-editor,.settings-grid select,.settings-grid input,.developer-tools-page input,.developer-tools-page select,.developer-tools-page textarea{width:100%;color:var(--text);background:#ffffffd1;border:1px solid #94a3b842;border-radius:14px;padding:.8rem .9rem;font:.82rem/1.6 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.code-editor{resize:vertical;min-height:260px}.code-editor:focus,.settings-grid select:focus,.settings-grid input:focus,.developer-tools-page input:focus,.developer-tools-page select:focus,.developer-tools-page textarea:focus{border-color:#6366f15c;outline:none;box-shadow:0 0 0 4px #6366f11f}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.summary-card{background:linear-gradient(135deg,#4f46e512,#a855f70d);border:1px solid #6366f11f;border-radius:16px;gap:.15rem;padding:.95rem 1rem;display:grid}.summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.summary-card strong{color:var(--accent-strong);font-size:clamp(1.2rem,2vw,1.8rem)}.diff-panel{min-height:160px}.diff-list{gap:.75rem;display:grid}.diff-item{background:#ffffffb3;border:1px solid #94a3b833;border-radius:14px;gap:.45rem;padding:.75rem .9rem;display:grid}.diff-item.modified{background:#4f46e50d;border-color:#6366f133}.diff-item.added{background:#10b9810d;border-color:#10b98133}.diff-item.removed{background:#ef44440a;border-color:#ef44442e}.diff-path{color:var(--heading);font-weight:700}.diff-type{width:-moz-fit-content;width:fit-content;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;background:#4f46e514;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.diff-item pre,.diff-raw,.regex-preview{white-space:pre-wrap;word-break:break-word;color:var(--text);background:#0f172a05;border:1px solid #94a3b833;border-radius:12px;margin:0;padding:.85rem .9rem;font:.82rem/1.6 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.status-block{background:#4f46e50a;border:1px solid #6366f11a;border-radius:14px;gap:.4rem;padding:.8rem .9rem;display:grid}.status-line,.error-line{margin:0;line-height:1.5}.status-line{color:var(--muted)}.error-line,.warning-box.error-box{color:#b91c1c}.warning-box{color:var(--heading);background:#4f46e50f;border:1px solid #6366f124;border-radius:14px;padding:.8rem .9rem;line-height:1.6;display:block}.warning-box.success-box{color:#065f46;background:#10b9810f;border-color:#10b98133}.error-box{background:#ef44440a;border-color:#ef444433}.claim-list,.match-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.claim-list li,.match-list li{background:#ffffffb3;border:1px solid #94a3b82e;border-radius:12px;gap:.25rem;padding:.8rem .9rem;display:grid}.claim-key{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:.7rem;font-weight:800}.claim-value,.capture-list{color:var(--text);word-break:break-word}.empty-state{color:var(--muted);background:#94a3b80f;border-radius:12px;padding:.8rem .9rem}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.settings-grid label{color:var(--heading);gap:.45rem;font-size:.82rem;font-weight:700;display:grid}.regex-grid{grid-template-columns:1.3fr .7fr}.example-list{flex-wrap:wrap;gap:.6rem;display:flex}.example-button{min-width:120px}.regex-preview{min-height:120px}.match-list mark{color:var(--heading);background:#4f46e52e;border-radius:6px;padding:.08rem .12rem}@media (max-width:880px){.editor-grid,.two-column,.settings-grid,.summary-grid{grid-template-columns:1fr}.developer-tools-heading{flex-direction:column;align-items:flex-start}}