/* Scoped to the resizer: shared navbar and footer keep their own styles. */
#noun-file-tools{--green:var(--primary-color, var(--bs-success, #087344));--dark:#103b2b;--ink:#183329;--muted:#586960;--line:#dce6df;--paper:#fff;--wash:#f3f7f4;--mint:#e7f6ed;--radius:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--wash);font-size:16px;line-height:1.55;box-sizing:border-box}
#noun-file-tools *{box-sizing:border-box}
#noun-file-tools a{color:var(--green)}
#noun-file-tools button,#noun-file-tools input,#noun-file-tools select{font:inherit}
#noun-file-tools button,#noun-file-tools a,#noun-file-tools input,#noun-file-tools select,#noun-file-tools summary{-webkit-tap-highlight-color:transparent}
#noun-file-tools button,#noun-file-tools a{touch-action:manipulation}
#noun-file-tools button{cursor:pointer}
#noun-file-tools button:disabled{cursor:not-allowed;opacity:.5}
#noun-file-tools a,#noun-file-tools button,#noun-file-tools input,#noun-file-tools select,#noun-file-tools summary{outline-offset:4px}
#noun-file-tools a:focus-visible,#noun-file-tools button:focus-visible,#noun-file-tools input:focus-visible,#noun-file-tools select:focus-visible,#noun-file-tools summary:focus-visible{outline:3px solid #247bcc}
#noun-file-tools h1,#noun-file-tools h2,#noun-file-tools h3,#noun-file-tools p{margin:0 0 12px}
#noun-file-tools h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-1.4px;line-height:1.15}
#noun-file-tools h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.5px}
#noun-file-tools h3{font-size:1.05rem}
#noun-file-tools a{text-underline-offset:3px}
#noun-file-tools button{border:0}
#noun-file-tools [hidden]{display:none!important}
#noun-file-tools .site-header{background:white;border-bottom:1px solid var(--line)}
#noun-file-tools .header-inner{max-width:1240px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
#noun-file-tools .brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:1.2rem;letter-spacing:-.7px}
#noun-file-tools .brand-mark{width:38px;height:42px;background:var(--green);color:white;display:grid;place-items:center;border-radius:10px;font-family:Georgia,serif;font-size:1.8rem}
#noun-file-tools .brand-green{color:var(--green)}
#noun-file-tools .brand small{display:block;font-size:.65rem;letter-spacing:1.7px;font-weight:650}
#noun-file-tools .header-inner nav{display:flex;gap:25px}
#noun-file-tools .header-inner nav a{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none;min-height:44px;display:flex;align-items:center}
#noun-file-tools .header-inner nav a:hover{color:var(--green)}
#noun-file-tools .page{max-width:1240px;padding:34px 28px;margin:auto}
#noun-file-tools .intro{margin-bottom:30px}
#noun-file-tools .intro>p:last-child{color:var(--muted)}
#noun-file-tools .eyebrow{font-size:.75rem;letter-spacing:1.8px;font-weight:750;color:var(--green);margin-bottom:10px}
#noun-file-tools .app-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
#noun-file-tools .tool-panel{scroll-margin-top:16px}
#noun-file-tools .tool-panel h2{font-size:.9rem;letter-spacing:0;margin:0 0 15px 12px}
#noun-file-tools .tool-panel nav{display:grid;gap:7px}
#noun-file-tools .tool-link{display:flex;gap:13px;align-items:center;border:1px solid transparent;border-radius:13px;padding:15px 12px;color:var(--ink);text-decoration:none;min-width:0}
#noun-file-tools .tool-link:hover{background:#e9f0eb}
#noun-file-tools .tool-link[aria-current]{background:white;border-color:#c9dfd2;box-shadow:0 4px 14px #16442c06}
#noun-file-tools .tool-link[aria-current] .tool-icon{background:var(--green);color:white}
#noun-file-tools .tool-icon{display:grid;place-items:center;width:39px;height:39px;background:#e2ebe5;border-radius:10px;font-size:1.5rem;flex-shrink:0}
#noun-file-tools .tool-link strong{font-size:.9rem;display:block}
#noun-file-tools .tool-link small{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}
#noun-file-tools .aside-note{margin:24px 12px;color:var(--muted);font-size:.875rem;border-top:1px solid var(--line);padding-top:20px}
#noun-file-tools .workspace{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 32px #183c2905;scroll-margin-top:16px;min-width:0}
#noun-file-tools .steps{list-style:none;display:flex;justify-content:space-between;gap:12px;margin:0;padding:20px 28px;border-bottom:1px solid var(--line);background:#fbfdfb}
#noun-file-tools .steps li{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}
#noun-file-tools .steps li span{width:27px;height:27px;display:grid;place-items:center;background:#edf1ee;border-radius:50%;font-weight:700;flex-shrink:0}
#noun-file-tools .steps li[aria-current]{color:var(--green);font-weight:700}
#noun-file-tools .steps li[aria-current] span{color:white;background:var(--green)}
#noun-file-tools .work-content{padding:28px}
#noun-file-tools .work-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}
#noun-file-tools .work-heading h2{margin-bottom:8px}
#noun-file-tools .change-tool{white-space:nowrap;font-size:.8rem;margin-top:5px}
#noun-file-tools .muted{color:var(--muted)}
#noun-file-tools .small{font-size:.875rem}
#noun-file-tools .dropzone{border:2px dashed #bdd8c8;border-radius:14px;background:#f7fcf9;text-align:center;padding:26px 20px;margin:23px 0 20px;transition:background .15s}
#noun-file-tools .dropzone.dragging{background:#d8f3e4;border-color:var(--green)}
#noun-file-tools .dropzone h3{font-size:1.15rem;margin:10px 0 4px}
#noun-file-tools .dropzone p{font-size:.875rem;color:var(--muted)}
#noun-file-tools .upload-icon{width:42px;height:42px;display:grid;place-items:center;margin:auto;border-radius:12px;background:#e3f1e8;color:var(--green);font-size:1.8rem;line-height:1}
#noun-file-tools .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border-radius:9px;font-weight:650;font-size:.9rem;text-decoration:none;border:1px solid transparent}
#noun-file-tools .primary{background:var(--green);color:white}
#noun-file-tools .primary:hover{background:#075d38}
#noun-file-tools .secondary{background:white;color:var(--ink);border-color:#cbd9d0}
#noun-file-tools .secondary:hover{background:var(--wash)}
#noun-file-tools .file-picker{position:relative;overflow:hidden;cursor:pointer;margin:4px 0 10px}
#noun-file-tools .file-picker:focus-within{outline:3px solid #247bcc;outline-offset:4px}
#noun-file-tools .file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#noun-file-tools .file-hint{margin-bottom:0!important;font-size:.8rem!important}
#noun-file-tools .settings{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
#noun-file-tools .settings label{display:block;font-size:.9rem;font-weight:650;margin:12px 0 9px}
#noun-file-tools output{float:right;color:var(--green)}
#noun-file-tools input[type=range]{width:100%;accent-color:var(--green);height:28px;margin:0}
#noun-file-tools input[type=text],#noun-file-tools select{width:100%;border:1px solid #bfcec4;background:white;color:var(--ink);border-radius:8px;padding:12px;font-size:1rem;min-height:46px}
#noun-file-tools .preset-row{display:flex;gap:8px;margin:14px 0}
#noun-file-tools .preset{background:white;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 12px;font-size:.875rem;flex:1}
#noun-file-tools .preset.active{border-color:var(--green);color:var(--green);background:var(--mint);font-weight:650}
#noun-file-tools details summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.9rem;font-weight:650}
#noun-file-tools details p{font-size:.9rem;color:var(--muted)}
#noun-file-tools .tip{background:#f0f6f2;border-radius:9px;padding:13px 15px;font-size:.85rem;margin:16px 0}
#noun-file-tools .process-button{width:100%;margin-top:20px}
#noun-file-tools .action-note{text-align:center;margin:10px 0 0;font-size:.8rem}
#noun-file-tools .text-button{background:none;padding:10px 5px;color:var(--green);text-decoration:underline;font-size:.875rem;min-height:44px}
#noun-file-tools .section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
#noun-file-tools .section-heading h3{margin:0}
#noun-file-tools .file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
#noun-file-tools .file-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
#noun-file-tools .thumbnail{height:154px;width:100%;display:grid;place-items:center;background:repeating-conic-gradient(#f0f2f0 0% 25%,white 0% 50%) 50%/18px 18px;padding:10px;border:0}
#noun-file-tools .thumbnail img{width:100%;height:134px;object-fit:contain}
#noun-file-tools .pdf-thumbnail{height:154px;display:flex;align-items:center;justify-content:center;background:#edf4f0;color:var(--green);font-weight:750;font-size:1.4rem}
#noun-file-tools .file-details{padding:12px}
#noun-file-tools .file-name{font-weight:650;overflow-wrap:anywhere;font-size:.875rem;margin-bottom:5px}
#noun-file-tools .file-meta{font-size:.8rem;color:var(--muted);margin:0 0 7px}
#noun-file-tools .file-actions{display:flex;flex-wrap:wrap;gap:3px 10px}
#noun-file-tools .file-actions button,#noun-file-tools .file-actions a{font-size:.8rem;min-height:44px;padding:8px 0}
#noun-file-tools .file-actions a{display:inline-flex;align-items:center}
#noun-file-tools .notice{padding:15px;border-radius:10px;margin:20px 0;overflow-wrap:anywhere}
#noun-file-tools .error{color:#8b2525;background:#fff0ef;border:1px solid #f0c7c4}
#noun-file-tools .processing{text-align:center;padding:40px 10px}
#noun-file-tools .spinner{display:inline-block;border:3px solid #d6e8dc;border-top-color:var(--green);border-radius:50%;width:32px;height:32px;animation:nu-files-spin 1s linear infinite;margin-bottom:16px}
#noun-file-tools progress{width:100%;accent-color:var(--green);height:10px}
#noun-file-tools .success-heading{display:flex;align-items:center;gap:13px;margin:26px 0}
#noun-file-tools .success-heading>span{width:45px;height:45px;background:var(--mint);color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:1.5rem}
#noun-file-tools .success-heading h3{font-size:1.5rem;margin:0}
#noun-file-tools .success-heading .eyebrow{margin:0}
#noun-file-tools .result-stats{padding:15px;background:var(--mint);border-radius:10px;margin-bottom:20px;font-weight:650}
#noun-file-tools .result-image{display:block;max-width:100%;max-height:420px;margin:auto;object-fit:contain}
#noun-file-tools .result-preview-button{display:block;width:100%;background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:15px}
#noun-file-tools .result-actions{display:flex;flex-wrap:wrap;gap:10px}
#noun-file-tools .pdf-result{padding:24px;background:var(--wash);border-radius:12px;margin-bottom:15px}
#noun-file-tools .help{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-top:45px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:20px}
#noun-file-tools .help h2{font-family:Georgia,serif;font-size:1.8rem}
#noun-file-tools .faq details{border-bottom:1px solid var(--line);padding:4px 0}
#noun-file-tools .faq summary{font-size:.95rem}
#noun-file-tools footer{max-width:1240px;padding:28px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:.875rem;color:var(--muted)}
#noun-file-tools footer a{text-decoration:none;font-weight:650}
#noun-file-tools dialog{border:0;border-radius:16px;padding:22px;width:min(900px,calc(100% - 24px));max-height:90vh;box-shadow:0 20px 80px #0004}
#noun-file-tools dialog::backdrop{background:#092316bb}
#noun-file-tools .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
#noun-file-tools .dialog-heading h2{font-size:1rem;overflow-wrap:anywhere}
#noun-file-tools #large-preview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:18px auto}
#noun-file-tools .sr-only,#noun-file-tools .skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#noun-file-tools .skip-link:focus{position:fixed;top:10px;left:10px;z-index:5;background:white;padding:12px}
#noun-file-tools fieldset{padding:0;border:0;margin:0;min-width:0}
@keyframes nu-files-spin{to{transform:rotate(360deg)}}
@media(min-width:1000px){#noun-file-tools .change-tool{display:none}}
@media(max-width:900px){#noun-file-tools .app-layout,#noun-file-tools .help{grid-template-columns:240px minmax(0,1fr);gap:18px}
#noun-file-tools .work-content{padding:22px}
#noun-file-tools .steps{padding:18px}
#noun-file-tools .steps li{font-size:.75rem;gap:5px}
#noun-file-tools .tool-link{padding:12px 8px;gap:9px}
#noun-file-tools .tool-link strong{font-size:.85rem}
#noun-file-tools .tool-icon{width:32px;height:35px}}
@media(max-width:720px){#noun-file-tools .header-inner{padding:14px 16px;gap:10px;flex-wrap:wrap}
#noun-file-tools .header-inner nav{gap:18px}
#noun-file-tools .brand{font-size:1.05rem}
#noun-file-tools .brand-mark{width:32px;height:36px}
#noun-file-tools .page{padding:25px 16px}
#noun-file-tools .intro{margin-bottom:20px}
#noun-file-tools .intro>p:last-child{font-size:.95rem}
#noun-file-tools .app-layout,#noun-file-tools .help{grid-template-columns:1fr}
#noun-file-tools .tool-panel nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#noun-file-tools .tool-panel h2{margin-left:0}
#noun-file-tools .tool-link{background:#eaf1ec;align-items:start;gap:8px;padding:12px 10px}
#noun-file-tools .tool-link small{font-size:.75rem}
#noun-file-tools .tool-icon{width:27px;height:29px;font-size:1.2rem;border-radius:7px}
#noun-file-tools .tool-link strong{font-size:.8rem}
#noun-file-tools .aside-note{display:none}
#noun-file-tools .workspace{margin-top:3px}
#noun-file-tools .steps{gap:8px;padding:16px}
#noun-file-tools .steps li{flex-direction:column;text-align:center;flex:1;font-size:.75rem}
#noun-file-tools .work-content{padding:20px}
#noun-file-tools .work-heading h2{font-size:1.4rem}
#noun-file-tools .change-tool{font-size:.75rem;white-space:normal;text-align:right;min-width:56px}
#noun-file-tools .dropzone{padding:22px 12px}
#noun-file-tools .help{margin-top:30px;gap:8px}
#noun-file-tools .help h2{margin-bottom:0}
#noun-file-tools .help .eyebrow{margin-bottom:4px}
#noun-file-tools footer{padding:20px 16px}
#noun-file-tools .result-actions>.button{width:100%}}
@media(max-width:360px){#noun-file-tools .work-content{padding:16px}
#noun-file-tools .file-list{grid-template-columns:1fr}
#noun-file-tools .tool-icon{display:none}
#noun-file-tools .preset{padding:8px 5px;font-size:.8rem}
#noun-file-tools .header-inner nav{gap:20px}
#noun-file-tools .brand{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#noun-file-tools *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}