/* Extends the existing FileFatafat styles; lightweight system fonts, no external assets. */
.skip-link{position:absolute;left:12px;top:-80px;padding:12px;background:white;z-index:20}.skip-link:focus{top:8px}.input-unit>span{flex-shrink:0;white-space:nowrap}.edge-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.edge-outline polygon{fill:#1d55ed15;stroke:#1d55ed;stroke-width:3;vector-effect:non-scaling-stroke}
:root{--blue:#1d55ed;--ink:#17233b;--muted:#536079;--line:#dde5ef}body{overflow-wrap:anywhere}header .header-actions{display:flex;align-items:center;gap:16px}.header-actions a{font-size:14px;color:var(--muted)}.privacy-strip{display:flex;gap:18px;flex-wrap:wrap;color:#47614f;font-size:13px;margin:16px 0 24px}.privacy-strip span:before{content:'✓ ';color:#298241}.discovery{margin:22px 0 30px}.discovery-controls{display:grid;grid-template-columns:1fr 210px;gap:12px}.discovery input[type=search]{font:inherit;border:1px solid #cad7ed;border-radius:10px;background:white;padding:12px 16px;width:100%;min-width:0;height:48px}.discovery label{display:block;font-size:13px;margin-bottom:6px;font-weight:650}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.tool-card{display:block;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);padding:18px;min-height:140px}.tool-card:hover{border-color:var(--blue);background:#f9fbff}.tool-card span{display:block;font-size:12px;color:var(--blue);margin-bottom:9px}.tool-card strong{font-size:16px;display:block;margin-bottom:7px}.tool-card p{font-size:13px;color:var(--muted)}.more-tools{margin-top:16px}.more-tools summary{cursor:pointer;color:var(--blue);padding:10px 0}.section-caption{margin:28px 0 14px;font-size:17px}.crumb{display:inline-block;color:var(--blue);font-size:13px;margin-bottom:18px}body[data-dedicated] .tools{display:none}.chips{flex-wrap:wrap}.chips button{min-height:40px}.outline-button,.text-button{min-height:42px}.tiny{color:#56637a}.muted{color:var(--muted)}.privacy-note{font-size:13px;color:var(--muted);margin:14px 0;line-height:1.6}.flow-workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:22px}.flow-panel{padding:26px;background:white;border:1px solid var(--line);border-radius:14px;min-width:0}.flow-panel h2{margin-bottom:12px}.flow-panel .primary{justify-content:center}.flow-panel .upload{margin-top:14px}input[type=text]{width:100%;font:inherit;padding:11px 12px;border:1px solid #d5deeb;border-radius:8px;min-height:44px}.page-list{padding:0;margin:16px 0;list-style:none;max-height:390px;overflow:auto}.page-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border-bottom:1px solid #e5eaf2;padding:12px 0;font-size:13px}.page-row>span{flex:1;min-width:100px}.page-row button{min-width:42px}.output-box{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.preview-image{width:100%;max-height:500px;object-fit:contain;border:1px solid var(--line);background:white;margin:16px 0}.tool-guide{max-width:850px}.tool-guide h2{font-size:19px}.tool-guide details{margin:12px 0}.tool-guide summary{font-weight:650;cursor:pointer}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row .upload{flex:1;min-width:150px}.edge-surface{position:relative;margin:24px auto;width:calc(100% - 40px);max-width:500px;touch-action:none}.edge-surface canvas{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.corner-handle{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;min-height:40px;border:3px solid white;border-radius:50%;background:var(--blue);color:white;font-size:13px;touch-action:none;cursor:move;box-shadow:0 0 0 1px #1d55ed}.pack-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.pack-tabs button{border:1px solid #cad7ed;background:white;color:var(--muted);padding:11px 16px;border-radius:8px}.pack-tabs .selected{background:var(--blue);color:white}.pack-frame{width:100%;border:1px solid var(--line);border-radius:14px;min-height:1100px;background:white}.pack-layout{display:grid;grid-template-columns:1fr 280px;gap:20px}.pack-layout aside{align-self:start;position:sticky;top:16px}.pack-layout .page-list{max-height:none}.embed header,.embed footer,.embed .intro,.embed .tool-links,.embed .tool-guide,.embed .privacy-strip,.embed .crumb{display:none}.embed main{padding:16px;max-width:none}.embed .flow-workspace{grid-template-columns:1fr}.embed .workspace{grid-template-columns:1fr}.embed .result{border-left:0;border-top:1px solid var(--line)}.embed .flow-panel{padding:18px}.info-page .note{margin-bottom:20px}.install-button{border:1px solid #cad7ed;background:white;padding:8px 12px;border-radius:7px;color:var(--blue);font:inherit;font-size:13px}
@media(max-width:850px){.tool-grid{grid-template-columns:repeat(2,1fr)}.flow-workspace,.pack-layout{grid-template-columns:1fr}.pack-layout aside{position:static;grid-row:1}.pack-frame{min-height:1200px}.flow-panel{padding:20px}.header-actions .private-note{display:none}}
@media(max-width:480px){.discovery-controls{grid-template-columns:1fr}.tool-grid{gap:8px}.tool-card{padding:14px;min-height:145px}.tool-card strong{font-size:15px}.privacy-strip{gap:8px 14px;font-size:12px}header .header-actions{gap:9px}.header-actions a{font-size:12px}.page-row{gap:6px}.flow-panel{padding:18px}.pack-tabs button{padding:10px 12px;font-size:14px}.pack-frame{min-height:1340px}.chips{gap:6px}}

.page-thumb{width:66px;height:80px;object-fit:contain;border:1px solid var(--line);background:white}.page-row .page-select{display:flex;align-items:center;gap:8px;max-width:100%;text-align:left}.page-row[aria-current="true"]{background:#f4f7ff}.preview-image canvas{max-width:100%}.annotation-surface{position:relative;touch-action:none}.annotation-surface canvas{width:100%;display:block}.annotation-surface #markLayer{position:absolute;inset:0;height:100%;background:transparent}.spec-report{white-space:pre-line}.output-actions{margin-top:12px}.output-actions input{max-width:100%}
.annotation-surface{max-width:500px;margin:16px auto}.annotation-surface canvas.preview-image{margin:0;max-height:none;height:auto;object-fit:fill}.annotation-surface #markLayer{margin:0;border:0;max-height:none;width:100%;height:100%}

/* FileFatafat 2026 consumer utility refresh */
:root{--ink:#20283a;--muted:#657085;--line:#e7eaf0;--blue:#4d6fe8}
body{background:#fbfbfd;color:var(--ink)}
header{background:rgba(255,255,255,.96);border-bottom:1px solid #edf0f4}
.brand{gap:7px;flex-shrink:0}.brand-symbol{display:block;width:44px;height:38px;object-fit:contain}.brand-wordmark{display:block;width:146px;height:24px;object-fit:contain}
@media(max-width:480px){.brand-symbol{width:38px;height:32px}.brand-wordmark{width:126px;height:21px}}
.intro{margin-bottom:20px}.intro h1{letter-spacing:-.035em}.intro>p{color:var(--muted);font-size:17px}
.privacy-strip{gap:10px 20px}.privacy-strip span{padding:6px 11px;border:1px solid #e9efe9;border-radius:999px;background:#fff;font-size:12px}
.discovery{margin:18px 0 30px}.discovery-controls{gap:14px}.discovery input[type=search],.discovery select,input[type=text]{border-color:#e1e5ec;border-radius:13px;box-shadow:0 1px 2px #20283a08}.discovery input[type=search]:focus,.discovery select:focus,input[type=text]:focus{outline:3px solid #4d6fe81e;border-color:#7189eb}
.discovery label{font-size:13px;color:#384357}.tiny{font-size:13px}
.tool-grid{gap:14px;margin:14px 0}.tool-card{--tool-accent:#4d80dc;position:relative;min-height:198px;padding:16px 18px;border:1px solid #eceef2;border-radius:18px;box-shadow:0 3px 10px #20283a08;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-card:hover,.tool-card:focus-visible{background:#fff;border-color:color-mix(in srgb,var(--tool-accent),white 56%);box-shadow:0 9px 22px #20283a11;transform:translateY(-2px)}
.tool-card-top{display:flex;align-items:center;justify-content:space-between;min-height:76px;margin-bottom:7px}.tool-icon{display:grid!important;place-items:center;width:68px;height:72px;margin:0!important;border-radius:18px;background:color-mix(in srgb,var(--tool-accent),white 92%)}.tool-icon svg{display:block;width:64px;height:68px;overflow:visible}.tool-category{display:inline-flex!important;align-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--tool-accent),white 82%);border-radius:999px;background:color-mix(in srgb,var(--tool-accent),white 94%);color:var(--tool-accent)!important;font-size:11px!important;font-weight:650;line-height:1.2;margin:0!important}
.tool-card strong{margin:2px 0 5px;font-size:16px;letter-spacing:-.012em}.tool-card p{margin:0;color:#697488;font-size:13px;line-height:1.45}.cat-photos{--tool-accent:#ed8b32}.cat-signatures{--tool-accent:#8765d8}.cat-pdfs{--tool-accent:#e55a64}.cat-ids{--tool-accent:#545fd0}.cat-scans{--tool-accent:#2a9b74}.cat-pack{--tool-accent:#3385d8}
.more-tools{margin-top:20px;padding:0 2px}.more-tools summary{padding:13px 0;font-weight:650}.section-caption{letter-spacing:-.02em}
.tools button,.primary,.download,.install-button,.outline-button,.text-button{border-radius:12px}.primary{box-shadow:0 4px 10px #1d55ed20}.upload{border-radius:14px;background:#fbfcff;border-color:#cbd5e8}.workspace,.flow-panel{border-radius:18px;box-shadow:0 3px 12px #20283a07}
@media(max-width:850px){.tool-card{min-height:190px}}
@media(max-width:480px){.intro h1{font-size:32px;line-height:1.12}.intro>p{font-size:15px}.privacy-strip{gap:6px}.privacy-strip span{padding:5px 9px;font-size:11px}.tool-grid{gap:9px}.tool-card{padding:13px;min-height:184px;border-radius:16px}.tool-card-top{min-height:68px}.tool-icon{width:58px;height:64px}.tool-icon svg{width:58px;height:62px}.tool-category{font-size:10px!important;padding:5px 7px}.tool-card strong{font-size:14px}.tool-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}