/* Compact FileMelon with a shared motion identity. */
body{background:#fafbf7;isolation:isolate}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1;width:32vw;height:32vw;min-width:220px;min-height:220px;border-radius:50%;filter:blur(65px);opacity:.2;background:#cde6a5;top:12%;left:-15%;animation:melon-drift 16s ease-in-out infinite alternate}
body::after{background:#ead0a5;left:auto;right:-18%;top:55%;animation-delay:-8s}
@keyframes melon-drift{to{transform:translate(45px,-45px) scale(1.15)}}
@keyframes melon-enter{from{opacity:.45;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes melon-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes melon-glint{0%,65%{transform:translateX(-180%) skewX(-20deg)}100%{transform:translateX(280%) skewX(-20deg)}}
@keyframes melon-bloom{from{box-shadow:0 0 0 0 #b9dd7740}to{box-shadow:0 0 0 12px transparent}}
@keyframes melon-menu{from{opacity:.2;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.fm-arrive{animation:melon-enter .65s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--fm-delay,0ms)}
.dashboard-country{position:relative;overflow:visible;background:linear-gradient(115deg,#214f3e,#287154,#214f3e);background-size:200% 100%;animation:melon-colour 12s ease-in-out infinite}
@keyframes melon-colour{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.dashboard-country-icon,.empty-lines,.pdf-empty svg{animation:melon-float 5s ease-in-out infinite}
.dashboard-tool,.tool-card,.image-tool-card,.pdf-tool-card,.button,.dashboard-country-picker summary{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.dashboard-tool-icon svg,.tool-card svg,.nav-toggle span,.dashboard-tool-arrow{transition:transform .3s ease}
@media(hover:hover){.dashboard-tool:hover,.tool-card:hover,.image-tool-card:hover,.pdf-tool-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #153c2515}.dashboard-tool:hover .dashboard-tool-icon svg,.tool-card:hover svg{transform:rotate(-9deg) scale(1.1)}.dashboard-tool:hover .dashboard-tool-arrow{transform:translate(3px,-3px)}.button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 14px #19664c25}}
.nav-toggle[aria-expanded=true] span{transform:rotate(180deg);display:inline-block}.nav-popover:not([hidden]),details[open]>.dashboard-country-dropdown{animation:melon-menu .25s ease both}.dashboard-tabs button{transition:background .25s,color .25s,box-shadow .25s}
.dropzone{transition:border-color .3s,background .3s,box-shadow .3s}.dropzone:focus-within,.dropzone.dragover{animation:melon-bloom 1.4s ease-out infinite}.controls:focus-within,.pdf-controls:focus-within{box-shadow:inset 3px 0 #b6d984;transition:box-shadow .3s}
.dashboard-country-picker summary,.button{position:relative;overflow:hidden}.dashboard-country-picker summary::after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,#ffffff45,transparent);pointer-events:none;animation:melon-glint 7s ease-in-out infinite}.button:active,.dashboard-tool:active{transform:scale(.98)}
.motion-toggle{border:1px solid #dce5d7;background:transparent;border-radius:20px;padding:5px 12px;color:#52675c;font:inherit;font-size:12px;cursor:pointer}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the two desktop tool panels aligned. */
@media(min-width:701px){.dashboard-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.dashboard-group{height:100%;box-sizing:border-box}}

/* Original two-colour tool illustrations and a compact photo-fit example. */
.dashboard-tool-icon{background:#eef4e5}.dashboard-documents .dashboard-tool-icon{background:#fbefde}.dashboard-tool-icon svg{width:29px;height:29px}.dashboard-tool-icon .icon-action{transform-origin:center;transition:transform .35s ease}.photo-fit-demo{display:block;width:108px;flex-shrink:0}.photo-fit-demo svg{display:block;width:100%;height:70px}.fit-photo{transform-origin:54px 35px;animation:fit-photo 6s ease-in-out infinite}.fit-frame{transform-origin:54px 35px;animation:fit-frame 6s ease-in-out infinite}.fit-tick{animation:fit-tick 6s ease-in-out infinite}@keyframes fit-photo{0%,15%,100%{transform:scaleX(1)}45%,75%{transform:scaleX(.61)}}@keyframes fit-frame{0%,15%,100%{transform:scaleX(1.65) scaleY(.88)}45%,75%{transform:scale(1)}}@keyframes fit-tick{0%,35%,90%,100%{opacity:0}50%,75%{opacity:1}}@media(hover:hover){.dashboard-tool:hover .icon-action{transform:translate(2px,-2px)}.dashboard-tool:hover .merge-left{transform:translateX(2px)}.dashboard-tool:hover .merge-right{transform:translateX(-2px)}.merge-left,.merge-right{transition:transform .35s ease}}@media(max-width:950px){.photo-fit-demo{width:80px}}@media(max-width:700px){.photo-fit-demo{display:none}}@media(prefers-reduced-motion:reduce){.fit-photo,.fit-frame,.fit-tick{animation:none}.fit-tick{opacity:1}}

@media(max-width:700px){.dashboard-country{grid-template-columns:56px minmax(0,1fr);gap:10px}.photo-fit-demo{display:block;width:56px;align-self:center}.photo-fit-demo svg{height:44px}.dashboard-country-picker{grid-column:1/-1}}

/* Consistent readable type, preserving compact panel geometry. */
.dashboard-tool strong{font-size:18px;line-height:1.3;font-weight:700}.dashboard-tool small{font-size:14px;line-height:1.45;color:#586b5f}.dashboard-group-heading h2{font-size:23px}.dashboard-group-heading p{font-size:14px}.dashboard-intro p{font-size:15px}.dashboard-country-copy h2{font-size:21px;line-height:1.3}.dashboard-country-copy p{font-size:14px}.dashboard-country-picker summary{font-size:15px}.dashboard-country-grid a{font-size:14px}.dashboard-country-all,.dashboard-future,.dashboard-reassurance{font-size:13px}
.intro p,.country-intro p,.contact-intro p{font-size:16px;line-height:1.6}.controls h2,.preview-heading h2,.preview-panel>h2,.pdf-preview-heading h2,.pdf-controls h2,legend{font-size:19px;line-height:1.35}.hint,.status,.upload-assurance,.privacy,.format-note,.image-rights-note,.pdf-privacy-note{font-size:14px;line-height:1.6}.button{font-size:16px;min-height:46px}.image-fields label,.pdf-fields label,.crop-controls label,.contact-form label{font-size:16px}.image-fields input,.image-fields select,.pdf-fields input,.pdf-fields select,.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;min-height:44px}.image-fields input[type=range],.image-fields input[type=checkbox],.pdf-fields input[type=checkbox]{min-height:0}.image-fields input[type=color]{min-height:36px}.pdf-step{font-size:13px;letter-spacing:.7px}.tool-card h2,.pdf-tool-card h2{font-size:22px;line-height:1.3}.tool-card p,.pdf-tool-card p,.card-detail{font-size:15px;line-height:1.6}.tool-links a,.related-tools a{font-size:14px}.guide p,.guide li,.legal-page p,.legal-page li{font-size:16px;line-height:1.7}.guide h2{font-size:23px}.main-nav.nav-v2 a,.main-nav.nav-v2 .nav-toggle{font-size:14px}.nav-popover a strong{font-size:15px}.nav-popover a small{font-size:13px}.nav-popover{max-height:70vh;overflow:auto}
@media(max-width:950px){.dashboard-tool strong{font-size:17px}.dashboard-tool small{font-size:13px}}
@media(max-width:700px){.dashboard-tool strong{font-size:17px}.dashboard-tool small{font-size:13px}.dashboard-tool{gap:5px;min-height:132px}.dashboard-group-heading h2{font-size:21px}.dashboard-country-copy h2{font-size:18px}.dashboard-country-copy p{font-size:13px}.dashboard-intro p{font-size:14px}.dashboard-tabs button{font-size:14px}.dashboard-country-grid a{font-size:13px}.dashboard-country-all{font-size:13px}.dashboard-future,.dashboard-reassurance{font-size:12px}.dashboard-country-picker summary{font-size:14px}.tool-card h2,.pdf-tool-card h2{font-size:21px}}
@media(max-width:360px){.dashboard-tool strong{font-size:16px}.dashboard-tool small{font-size:13px}.dashboard-tool{min-height:138px}.dashboard-country-copy h2{font-size:17px}.dashboard-group-heading h2{font-size:20px}}

/* A cheerful, simple colour refresh. */
:root{--green:#237650}
.dashboard-images{background:#edf6e9;border-color:#d6e7cc}.dashboard-images .dashboard-group-icon{background:#d9ecc7;color:#397944}.dashboard-images .dashboard-tool{background:#fffefa;border-color:#dfebd8}.dashboard-images .dashboard-tool-icon{background:#e4f2d4;color:#3d8149}
.dashboard-documents{background:#fcf0e6;border-color:#eedccc}.dashboard-documents .dashboard-group-icon{background:#f6ddc3;color:#a77541}.dashboard-documents .dashboard-tool{background:#fffaf5;border-color:#eedfce}.dashboard-documents .dashboard-tool-icon{background:#ffe5c7;color:#9b713e}
.dashboard-country{background:linear-gradient(115deg,#286342,#34815c,#286342);background-size:200% 100%}.dashboard-country-picker summary{background:#edf5cd;color:#31593c}.dashboard-tool small{color:#576b5b}.dashboard-documents .dashboard-tool small{color:#746351}
@media(hover:hover){.dashboard-images .dashboard-tool:hover{background:#f7fceb;border-color:#a8ce93}.dashboard-documents .dashboard-tool:hover{background:#fff1e0;border-color:#e5bc8c}}

/* Fit the homepage dashboard on shorter desktop screens without scaling text. */
@media(min-width:1000px) and (max-height:850px){
.dashboard-front header:has(.nav-v2){min-height:64px;padding:4px 20px;margin-top:8px}.dashboard-front .brand-logo{width:180px}.dashboard-front .nav-v2{padding:3px}.dashboard-front .nav-v2 a,.dashboard-front .nav-v2 .nav-toggle{padding-top:8px;padding-bottom:8px}
.tool-dashboard{padding-top:14px;padding-bottom:4px}.dashboard-intro{margin-bottom:13px}.dashboard-intro h1{margin-top:0;margin-bottom:7px;font-size:29px}.dashboard-intro p{margin:0}.dashboard-country{padding:12px 20px;margin-bottom:14px}.photo-fit-demo{width:84px}.photo-fit-demo svg{height:56px}.dashboard-country-copy h2{font-size:19px;margin-top:5px;margin-bottom:5px}.dashboard-group{padding:16px}.dashboard-group-heading{margin-bottom:12px}.dashboard-group-heading h2{font-size:21px}.dashboard-group-heading p{margin-top:3px}.dashboard-tool{min-height:78px;padding:10px 13px}.dashboard-tool-grid{gap:8px}.dashboard-future{margin-top:10px;margin-bottom:0}.dashboard-reassurance{margin-top:12px}.dashboard-front footer{margin-top:4px;margin-bottom:0;padding-top:5px;padding-bottom:10px;gap:8px}
}

@media(min-width:1000px) and (max-height:850px){.dashboard-country-copy>span{font-size:10px;line-height:1.3}.dashboard-country-copy h2{margin:3px 0;line-height:1.25}.dashboard-country-copy p{margin:0;line-height:1.4}.photo-fit-demo svg{height:48px}.dashboard-country{padding-top:10px;padding-bottom:10px}.dashboard-intro{margin-bottom:10px}.dashboard-group-heading{margin-bottom:10px}}

@media(min-width:1000px) and (max-height:850px){.dashboard-front .brand-logo{width:150px}.dashboard-front header:has(.nav-v2){min-height:56px;margin-top:6px}.tool-dashboard{padding-top:10px}.dashboard-tool{min-height:74px;padding-top:8px;padding-bottom:8px}.dashboard-front footer{font-size:12px;line-height:1.5;padding-top:2px;padding-bottom:4px;margin-top:0}.dashboard-reassurance{margin-top:8px;line-height:1.4}}

/* Relax the compact desktop layout and give the footer its own space. */
.dashboard-front footer{margin-top:26px;padding-top:18px;padding-bottom:22px}
@media(min-width:1000px) and (max-height:850px){
.dashboard-front header:has(.nav-v2){margin-top:12px;padding-top:7px;padding-bottom:7px}.tool-dashboard{padding-top:18px;padding-bottom:8px}.dashboard-intro{margin-bottom:18px}.dashboard-country{padding-top:15px;padding-bottom:15px;margin-bottom:20px}.dashboard-group{padding:20px}.dashboard-group-heading{margin-bottom:16px}.dashboard-tool-grid{gap:12px}.dashboard-tool{min-height:80px;padding-top:11px;padding-bottom:11px}.dashboard-reassurance{margin-top:18px}.dashboard-front footer{margin-top:24px;padding-top:16px;padding-bottom:22px}
}

/* Final brand and card finish: stronger identity, quiet depth. */
.dashboard-front .brand-logo{width:205px}.dashboard-tool{box-shadow:0 2px 5px #203d2010,0 1px 0 #ffffffcc inset;border-radius:13px}.dashboard-images .dashboard-tool{border-color:#d5e6ca}.dashboard-documents .dashboard-tool{border-color:#ead5bf}.dashboard-tool-icon{box-shadow:0 1px 0 #fff9 inset;border-radius:10px}.dashboard-images .dashboard-tool-icon{color:#34773f;background:#dfefcc}.dashboard-documents .dashboard-tool-icon{color:#986331;background:#ffe0b6}.dashboard-group{box-shadow:0 3px 12px #25412605}.dashboard-country{box-shadow:0 4px 12px #1b593510}
@media(hover:hover){.dashboard-images .dashboard-tool:hover{border-color:#8fba75;box-shadow:0 7px 16px #43693216}.dashboard-documents .dashboard-tool:hover{border-color:#d8aa75;box-shadow:0 7px 16px #96622f16}}
@media(min-width:1000px) and (max-height:850px){.dashboard-front .brand-logo{width:175px}}
@media(max-width:700px){.dashboard-front .brand-logo{width:195px}}

/* Balanced illustration scale and clearer tool icons. */
.dashboard-tool{grid-template-columns:40px minmax(0,1fr);column-gap:12px}.dashboard-tool-icon{width:40px;height:40px;display:grid;place-items:center}.dashboard-tool-icon svg{width:34px;height:34px}.dashboard-group-icon{border-radius:10px}.photo-fit-demo .fit-photo{transform-origin:76px 34px;animation:photo-settle 6s ease-in-out infinite}.photo-fit-demo .fit-frame{transform-origin:76px 34px;animation:frame-settle 6s ease-in-out infinite}@keyframes photo-settle{0%,15%,100%{transform:translateY(-2px) rotate(-4deg)}45%,75%{transform:none}}@keyframes frame-settle{0%,15%,100%{transform:scale(1.07)}45%,75%{transform:scale(1)}}
.dashboard-images{background:#eef6e9}.dashboard-documents{background:#faf0e5}.dashboard-country-copy>span{color:#dfedc4}.dashboard-tool strong{letter-spacing:-.2px}
@media(max-width:950px){.dashboard-tool{grid-template-columns:1fr}.dashboard-tool-icon{margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.photo-fit-demo .fit-photo,.photo-fit-demo .fit-frame{animation:none}}

@media(min-width:1000px) and (max-height:850px){.dashboard-tool{min-height:88px}.dashboard-tool-grid{grid-auto-rows:1fr}}

/* A clear, compact destination-photo spotlight. */
.photo-fit-demo{width:156px}.photo-fit-demo svg{height:78px}.photo-fit-demo .fit-photo,.photo-fit-demo .fit-frame{transform-origin:132px 36px}.banner-country-labels{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.banner-country-labels span{font-size:10px;line-height:1.3;padding:3px 7px;border:1px solid #ffffff25;border-radius:20px;background:#ffffff0a;color:#e7f0dc}.dashboard-country-picker summary{background:#edf5c6;border:1px solid #d6e89c;box-shadow:0 3px 0 #183f2925;min-height:48px}.dashboard-country-copy h2{letter-spacing:-.3px}.dashboard-country-copy p{max-width:490px}
@media(min-width:1000px) and (max-height:850px){.photo-fit-demo{width:146px}.photo-fit-demo svg{height:74px}.dashboard-country{padding-top:14px;padding-bottom:14px}}
@media(max-width:950px){.photo-fit-demo{width:112px}.photo-fit-demo svg{height:68px}}
@media(max-width:700px){.dashboard-country{grid-template-columns:1fr}.photo-fit-demo{width:132px;justify-self:start}.photo-fit-demo svg{height:65px}.dashboard-country-copy h2{font-size:19px}.banner-country-labels{margin-top:7px}.dashboard-country-picker{grid-column:1}}

/* Restore a slim, simple country-photo banner. */
.photo-fit-demo{width:108px}.photo-fit-demo svg{height:56px}.dashboard-country-copy p{max-width:none}.dashboard-country{padding-top:14px;padding-bottom:14px}.dashboard-country-copy h2{margin-top:4px;margin-bottom:5px}.dashboard-country-copy p{margin:0}@media(min-width:1000px) and (max-height:850px){.photo-fit-demo{width:100px}.photo-fit-demo svg{height:52px}.dashboard-country{padding-top:13px;padding-bottom:13px}}@media(max-width:700px){.dashboard-country{grid-template-columns:56px minmax(0,1fr)}.photo-fit-demo{width:56px}.photo-fit-demo svg{height:40px}.dashboard-country-picker{grid-column:1/-1}}

/* A bright, restrained country-photo feature. */
.dashboard-country{background:linear-gradient(110deg,#e3efcb 0%,#f4f6e5 58%,#f9efda 100%);border-color:#d7e1bc;color:#234d37;box-shadow:0 4px 14px #41652c0a;animation:none}.dashboard-country-copy>span{color:#54733a}.dashboard-country-copy h2{color:#224c34}.dashboard-country-copy p{color:#526a4c}.dashboard-country-picker summary{background:#28734f;color:#fff;border-color:#28734f;box-shadow:0 3px 8px #285e3020}.dashboard-country-picker summary:hover{background:#1e6141}.photo-fit-demo{background:#327553;border-radius:12px;padding:3px;box-shadow:0 3px 7px #2a62371a}.photo-fit-demo svg{width:100%}.dashboard-country-picker summary::after{background:linear-gradient(90deg,transparent,#ffffff25,transparent)}

/* A purposeful photo-tools card instead of a full colour strip. */
.dashboard-country{background:#fffefb;border:1px solid #dce5d7;border-left:5px solid #2c7a50;border-radius:16px;box-shadow:0 4px 16px #254d2510;gap:20px}.dashboard-country-copy h2{font-size:23px;color:#204e35;line-height:1.25;margin:0 0 7px}.dashboard-country-copy p{font-size:14px;line-height:1.5;color:#60705f;max-width:490px}.photo-fit-demo{width:130px;background:#2e7350;border-radius:11px;padding:3px;box-shadow:none}.photo-fit-demo svg{height:63px}.dashboard-country-picker summary{min-height:46px;padding:12px 18px;border-radius:10px;font-size:15px;background:#26734b;border-color:#26734b;box-shadow:0 3px 8px #285e3018}
@media(min-width:1000px) and (max-height:850px){.dashboard-country{padding:14px 20px}.dashboard-country-copy h2{font-size:22px;margin:0 0 6px}.photo-fit-demo{width:130px}.photo-fit-demo svg{height:60px}}
@media(max-width:700px){.dashboard-country{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:17px 15px;border-left-width:4px}.photo-fit-demo{width:70px}.photo-fit-demo svg{height:45px}.dashboard-country-copy h2{font-size:20px;margin:0 0 6px}.dashboard-country-copy p{font-size:13px}.dashboard-country-picker{grid-column:1/-1}.dashboard-country-picker summary{font-size:14px}}

.dashboard-country{border-right:5px solid #2c7a50}@media(max-width:700px){.dashboard-country{border-right-width:4px}}

/* Clear category navigation with a light, polished finish. */
.nav-symbol{width:18px;height:18px;flex:none;vertical-align:middle;margin-right:7px}.main-nav.nav-v2 .nav-toggle{display:inline-flex;align-items:center;gap:3px;border-radius:9px;transition:background .2s,box-shadow .2s,color .2s}.nav-toggle .nav-symbol{margin-right:5px;color:#4f8657}.pdf-nav .nav-toggle .nav-symbol{color:#ad7b47}.main-nav.nav-v2{background:#f6f8f1;border:1px solid #e5eadf;box-shadow:0 2px 4px #223c2004}.main-nav.nav-v2 .nav-toggle:hover,.main-nav.nav-v2 .nav-toggle[aria-expanded=true]{background:#e8f1dd;color:#245b38;box-shadow:0 1px 3px #2944210a}.main-nav.nav-v2 .pdf-nav .nav-toggle:hover,.main-nav.nav-v2 .pdf-nav .nav-toggle[aria-expanded=true]{background:#faebd9;color:#815526}.main-nav.nav-v2 a[aria-current=page],.main-nav.nav-v2 .nav-toggle.nav-current{background:#28734f;color:#fff}.main-nav.nav-v2 .nav-toggle.nav-current .nav-symbol{color:#e8f3d2}
.nav-popover{border:1px solid #dbe6d4;border-radius:16px;background:#fffefa;box-shadow:0 14px 35px #243e241a;padding:16px}.nav-section-label{display:block;font-size:10px;font-weight:750;letter-spacing:1px;color:#7a876e;margin:14px 4px 7px}.nav-popover .menu-photo-feature{background:#eaf3de;border:1px solid #dbe8ca;border-radius:11px;padding:12px!important}.nav-popover .menu-photo-feature strong{color:#2f6541}.nav-country-collection{border-radius:9px;background:#f6f8ef}.nav-country-collection summary{padding:10px 12px}.image-menu-links{gap:5px}.image-menu-links a{border-radius:8px;padding:9px 10px!important;background:#f5f7ef}.image-menu-links a:hover{background:#e5efda!important;color:#28633c}.nav-popover .size-shortcuts{gap:7px}.nav-popover .size-shortcuts a{background:#edf3df;border:1px solid #dce8ca;border-radius:8px;padding:8px 12px!important}.pdf-nav .nav-popover{border-color:#eadbca}.pdf-nav .nav-popover>a{border-radius:10px;border-bottom:0;margin:3px 0;padding:10px 12px!important}.pdf-nav .nav-popover>a:first-of-type{background:#f8ebda}.pdf-nav .nav-popover>a:hover{background:#fcf0e3}.nav-popover a[aria-current=page]{outline:1px solid #8ab27c;outline-offset:-1px;background:#eaf3dd!important;color:#245938!important}.nav-popover a small{line-height:1.45}.main-nav .nav-contact{border-radius:9px}
@media(max-width:700px){.nav-symbol{width:16px;height:16px;margin-right:4px}.main-nav.nav-v2 .nav-toggle{gap:1px}.nav-popover{max-height:65vh;padding:12px}.main-nav.nav-v2 .nav-toggle{padding-left:9px;padding-right:9px}}

.nav-popover>a{display:block!important}.nav-popover>a strong,.nav-popover>a small{display:block}.nav-popover>a small{margin-top:4px}.nav-popover{width:340px}@media(max-width:700px){.nav-popover{width:100%}}

/* Three clear destinations; the brand is the home link. */
.main-nav.nav-v2{gap:8px;padding:5px;background:#fafbf7;border-color:#e6eadf}.main-nav.nav-v2 .nav-toggle{font-size:15px;padding:11px 13px;position:relative}.main-nav .nav-symbol{width:20px;height:20px;margin-right:6px}.main-nav.nav-v2 .nav-photo-link{background:#e5efce;color:#295c3a;border:1px solid #d5e4b7;border-radius:10px;font-size:15px;padding:10px 15px;font-weight:700}.main-nav.nav-v2 .nav-contact{background:transparent;color:#647062;border:0;font-size:13px;padding:10px 12px}.main-nav.nav-v2 .nav-toggle::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:3px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.main-nav.nav-v2 .nav-toggle:hover::after,.main-nav.nav-v2 .nav-toggle[aria-expanded=true]::after{transform:scaleX(1)}.main-nav.nav-v2 .nav-photo-link:hover{background:#d9e9b8}.main-nav.nav-v2 .nav-photo-link[aria-current=page]{background:#28734f;color:#fff;border-color:#28734f}
@media(min-width:1000px) and (max-height:850px){.main-nav.nav-v2 .nav-toggle{padding:10px 12px}}
@media(max-width:700px){.main-nav.nav-v2{gap:4px;justify-content:flex-start}.main-nav.nav-v2 .nav-toggle{font-size:14px;padding:10px}.main-nav.nav-v2 .nav-photo-link{font-size:14px;padding:10px 12px}.main-nav .nav-symbol{width:18px;height:18px}.main-nav.nav-v2 .nav-contact{font-size:13px}}


.dashboard-front .brand-logo{width:222px}@media(min-width:1000px) and (max-height:850px){.dashboard-front .brand-logo{width:202px}}@media(max-width:700px){.dashboard-front .brand-logo{width:207px}}

@media(min-width:701px){.dashboard-front .brand-logo{margin-top:-3px;margin-bottom:-3px}}@media(min-width:1000px) and (max-height:850px){.dashboard-front .brand-logo{margin-top:-4.5px;margin-bottom:-4.5px}}

/* Consistent, calm tool workspaces; homepage geometry stays independent. */
body:not(.dashboard-front) .workspace,body:not(.dashboard-front) .pdf-shell{border:1px solid #dbe5d5;border-radius:20px;box-shadow:0 7px 24px #27452b08;background:#fffefa}body:not(.dashboard-front) .controls,body:not(.dashboard-front) .pdf-controls{background:#fffefa}body:not(.dashboard-front) .preview-panel,body:not(.dashboard-front) .pdf-preview-area{background:linear-gradient(150deg,#f0f5e9,#faf4e9);border-color:#e0e7d8}
body:not(.dashboard-front) .controls h2,body:not(.dashboard-front) .pdf-controls h2{color:#244f36;font-weight:700}body:not(.dashboard-front) .step{background:#e2efd0;color:#356441;font-weight:750}.pdf-step{display:inline-block;background:#edf3e3;color:#4e7144;padding:5px 9px;border-radius:6px;margin-bottom:10px}
.dropzone{background:#f5f9ed;border:1.5px dashed #a4c689;border-radius:16px;padding:24px 16px}.dropzone svg{background:#e5f0d6;border-radius:12px;padding:8px;box-sizing:content-box}.dropzone>span{color:#53694c}.dropzone.dragover{background:#eaf4d6;border-color:#448253}
body:not(.dashboard-front) #choose-image,body:not(.dashboard-front) #choose-photo,body:not(.dashboard-front) #choose-pdf,body:not(.dashboard-front) #choose-pdfs{background:#edf5df;color:#285a3b;border:1px solid #bed7a9;width:100%;box-shadow:0 2px 4px #2c51280a}body:not(.dashboard-front) #choose-image:hover,body:not(.dashboard-front) #choose-photo:hover,body:not(.dashboard-front) #choose-pdf:hover,body:not(.dashboard-front) #choose-pdfs:hover{background:#e1edcd}
.image-fields,.pdf-fields{gap:10px}.image-fields input:not([type=range]):not([type=checkbox]),.image-fields select,.pdf-fields input:not([type=checkbox]),.pdf-fields select{border:1px solid #d5dfce;border-radius:9px;background:#fff;padding:9px 11px}.image-fields input:focus-visible,.pdf-fields input:focus-visible,.image-fields select:focus-visible,.pdf-fields select:focus-visible{outline:2px solid #5d9360;outline-offset:2px}.crop-controls input[type=range],.image-fields input[type=range]{accent-color:#397a50}.guide-toggle{background:#f2f6e9;padding:9px 11px;border-radius:8px}
.image-preview,.passport-frame,.image-frame{border-radius:12px;border:1px solid #dbe4d3;box-shadow:0 3px 12px #304d2910}.passport-frame{overflow:hidden}.preview-heading,.pdf-preview-heading{padding-bottom:12px;border-bottom:1px solid #dce6d2}.tag{background:#e5efd5;border-color:#ccdeb5;color:#46723e}.empty h3{color:#3b6144}.empty p,.pdf-empty p{color:#62755e}.pdf-file-row,.pdf-page-card{border-color:#dce5d4;border-radius:12px;background:#fffefa;box-shadow:0 2px 7px #304d2908}
.photo-download-panel:not([hidden]){background:#eaf4de;border:1px solid #cce0b6;border-radius:13px;padding:16px;margin-top:16px}.photo-download-panel .button.download{background:#24734a;color:#fff;margin-top:10px}.result-kicker{color:#396b42;letter-spacing:.7px}.result-summary{gap:14px}.result-summary>div{background:#f8fbf1;border:1px solid #dbe7cd;border-radius:10px;padding:12px}.result-summary strong{color:#2a744a}.status.error{background:#fff0e8;border-left:3px solid #bd5f3c;padding:9px 12px;border-radius:5px}.related-tools a{background:#edf4e3;border:1px solid #dce7ce;border-radius:9px}.related-tools a:hover{background:#e2efd0}
@media(max-width:700px){body:not(.dashboard-front) .workspace,body:not(.dashboard-front) .pdf-shell{border-radius:16px}.photo-download-panel:not([hidden]){padding:13px}.dropzone{padding:20px 14px}}

/* Bring the actual tools into view on desktop, with scrollable long settings. */
body:not(.dashboard-front) main{padding-top:16px}.tool-breadcrumb{margin:8px 0 12px}.pdf-intro,.intro:has(+.workspace),body:not(.dashboard-front) .intro{margin-bottom:16px}.pdf-intro h1,body:not(.dashboard-front) .intro h1{margin-top:6px;margin-bottom:8px}.pdf-trust{margin-top:10px;margin-bottom:0}.pdf-empty{padding:25px 12px}.pdf-empty-art{transform:scale(.8);margin-top:-10px;margin-bottom:-6px}.pdf-empty h3{margin-top:8px}.preview-heading,.pdf-preview-heading{margin-bottom:12px}.pdf-controls,.controls{padding:22px}.pdf-controls .hint{margin:10px 0}.pdf-control-actions{margin-top:12px}.pdf-step{margin-bottom:7px}.image-preview canvas{max-height:340px}.empty{min-height:230px}.passport-frame{max-width:230px;margin:12px auto}.photo-progress{margin-top:10px;margin-bottom:12px}
@media(min-width:1000px) and (max-height:900px){
body:not(.dashboard-front) header .brand-logo{width:202px}body:not(.dashboard-front) header:has(.nav-v2){min-height:74px;padding-top:6px;padding-bottom:6px;margin-top:10px}body:not(.dashboard-front) main{padding-top:10px}.tool-breadcrumb{margin-top:3px;margin-bottom:9px}body:not(.dashboard-front) .intro h1{font-size:30px}.pdf-trust{margin-top:8px}.pdf-intro{margin-bottom:14px}.workspace,.pdf-shell{--tool-height:calc(100svh - 235px);max-height:var(--tool-height);overflow:hidden}.workspace>.controls,.workspace>.preview-panel,.pdf-shell>.pdf-controls,.pdf-shell>.pdf-preview-area{max-height:var(--tool-height);overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#bdcdb0 transparent}.pdf-controls,.controls,.preview-panel,.pdf-preview-area{padding:18px}.pdf-empty{padding:18px 10px}.pdf-empty-art{height:105px;transform:scale(.7);margin-top:-5px;margin-bottom:0}.pdf-empty h3{font-size:19px;margin:10px 0 8px}.pdf-empty p{font-size:14px;margin:6px 0}.image-preview canvas{max-height:280px}.image-frame{height:220px}.empty{min-height:190px}.empty-lines{font-size:45px;margin-bottom:15px}.workspace:has(.passport-frame){--tool-height:calc(100svh - 320px)}.photo-specs,.photo-requirements{margin-bottom:8px}.photo-progress{margin:8px 0}.tool-links{margin-bottom:12px}
}
@media(max-width:700px){body:not(.dashboard-front) main{padding-top:16px}.tool-breadcrumb{margin-top:0}.pdf-empty{padding:22px 10px}.passport-frame{max-width:230px}.controls,.pdf-controls{padding:18px}}

/* Finish the per-page layout audit: compact guidance and fitted previews. */
@media(min-width:1000px) and (max-height:900px){
.use-guidance{padding:10px 14px;margin:10px 0 12px}.use-guidance strong{font-size:13px}.use-guidance p{font-size:13px;line-height:1.5;margin:4px 0 0}.photo-requirements{padding:7px 11px;margin:5px 0}.photo-requirements summary{font-size:13px}.photo-requirements p{font-size:13px;line-height:1.5;margin:8px 0 0}.photo-specs{gap:6px;margin-bottom:6px}.photo-specs span{padding:4px 9px;font-size:11px}.photo-progress{padding-top:4px;padding-bottom:4px;margin:6px 0}.tool-links{margin-bottom:8px}.tool-links a{padding:6px 11px}.workspace .image-preview canvas{max-height:min(280px,calc(var(--tool-height) - 90px))}.workspace .image-preview{min-height:120px}.workspace .passport-frame{width:auto;max-width:210px}.workspace .passport-frame canvas{max-height:calc(var(--tool-height) - 110px);width:auto;max-width:100%;margin:auto}.workspace .image-frame{height:min(220px,calc(var(--tool-height) - 120px))}.preview-panel>h2{margin-bottom:10px}.preview-panel>.hint{font-size:12px;margin:8px 0}.official-use-note{font-size:13px;line-height:1.5;padding:8px 10px;margin:8px 0}.upload-assurance,.image-rights-note{font-size:13px;margin:8px 0}.controls>.hint{font-size:13px;margin:8px 0}.controls>.status{margin:8px 0}.crop-controls{gap:8px;margin:10px 0}.workspace .dropzone{padding:16px 12px}.workspace .dropzone svg{width:24px;height:24px;padding:5px}.workspace .dropzone small{font-size:12px}
}

/* Keep every instruction and control visible: never crop a tool panel to the viewport. */
.workspace,.pdf-shell{max-height:none!important;--tool-height:auto}.workspace>.controls,.workspace>.preview-panel,.pdf-shell>.pdf-controls,.pdf-shell>.pdf-preview-area{max-height:none!important;overflow:visible!important}.workspace .image-preview canvas{max-height:280px}.workspace .passport-frame canvas{max-height:280px}.workspace .image-frame{height:220px}.workspace,.pdf-shell{overflow:hidden}.controls>.status,.pdf-controls>.status{min-height:22px;margin-bottom:12px}
@media(max-width:700px){.workspace .image-preview canvas{max-height:340px}.workspace .passport-frame canvas{max-height:300px}}

/* Shared finishing system for tools, guidance and contact. */
:root{--fm-radius:12px;--fm-border:#dbe5d3;--fm-soft:#f2f6e9;--fm-text:#254d36;--fm-primary:#28734f}
body:not(.dashboard-front) .controls,body:not(.dashboard-front) .pdf-controls,body:not(.dashboard-front) .preview-panel,body:not(.dashboard-front) .pdf-preview-area{padding:24px}
.controls h2,.pdf-controls h2{line-height:1.35;margin-bottom:14px}.controls h2:not(:first-child){margin-top:22px}.button{border-radius:10px;font-weight:700;line-height:1.35;min-height:46px}.button:not(:disabled){background:var(--fm-primary)}.button:disabled{background:#e5ebe0;color:#73806a;box-shadow:none}.button.download{min-height:48px;box-shadow:0 3px 8px #285e3018}
#reset-image,#reset-crop,#clear-pdf,.selected button{font:inherit;font-size:14px;line-height:1.4;padding:9px 13px;border:1px solid #d6e1cd;border-radius:8px;background:#fafcf6;color:#4e6950;cursor:pointer;text-decoration:none;min-height:38px}#reset-image:hover,#reset-crop:hover,#clear-pdf:hover{background:#edf4e2}.pdf-control-actions{gap:10px}#clear-pdf{margin-top:7px}.crop-controls label,.image-fields label,.pdf-fields label{color:#36583f;font-weight:600}.image-fields output,.crop-controls output{font-weight:500;color:#61735b}.image-fields input:not([type=range]):not([type=checkbox]):not([type=color]),.image-fields select,.pdf-fields input:not([type=checkbox]):not([type=range]),.pdf-fields select{min-height:42px;width:100%;box-sizing:border-box}.image-fields input[type=color]{width:60px;padding:3px}.guide-toggle{font-weight:500!important}
.image-preview{position:relative;background-color:#fafcf5}.tool-preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;justify-content:center;align-items:center;background:#f6f9efee;padding:20px;text-align:center;color:#64765e;pointer-events:none}.tool-preview-empty svg{width:48px;height:48px;color:#6c9764;stroke-width:1.5}.tool-preview-empty strong{font-size:18px;color:#375c3e}.tool-preview-empty p{font-size:14px;margin:0;max-width:230px;line-height:1.6}.image-details{border:1px solid var(--fm-border);background:#fbfdf7;border-radius:12px;padding:14px;margin:16px 0 0;row-gap:8px}.image-details dt{color:#65765e;font-size:14px}.image-details dd{color:#34513b;font-size:14px;font-weight:650;overflow-wrap:anywhere}.photo-download-panel:not([hidden]){background:#eef6e3;padding:18px;border-radius:14px}.photo-download-panel>p:first-child{color:#365f3e;font-weight:650}.result-summary>div{box-shadow:0 1px 4px #29472905}.status{line-height:1.6;overflow-wrap:anywhere}.hint{color:#65735e}.upload-assurance{color:#467142;font-weight:550}.preview-panel>h2,.pdf-preview-heading h2{color:#2c5437;font-size:19px}
.guide{padding-top:16px;border-top:1px solid #e0e8d8}.guide details{padding:16px 0}.guide summary{color:#345b3e}.related-tools{gap:8px}.related-tools a{padding:9px 12px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #d6e0ce;border-radius:9px;background:#fffefa;font:inherit;padding:10px 12px}.contact-form label{color:#37533c;font-weight:600}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form select:focus-visible{outline:2px solid #699363;outline-offset:2px}
@media(min-width:1000px) and (max-height:900px){body:not(.dashboard-front) .controls,body:not(.dashboard-front) .pdf-controls,body:not(.dashboard-front) .preview-panel,body:not(.dashboard-front) .pdf-preview-area{padding:20px}.tool-preview-empty svg{width:42px;height:42px}}
@media(max-width:700px){body:not(.dashboard-front) .controls,body:not(.dashboard-front) .pdf-controls,body:not(.dashboard-front) .preview-panel,body:not(.dashboard-front) .pdf-preview-area{padding:18px}.tool-preview-empty strong{font-size:17px}.tool-preview-empty p{font-size:13px}.image-details{padding:12px}.photo-download-panel:not([hidden]){padding:14px}}

/* Follow the settings with a preview bounded by the image-tool workspace. */
@media(min-width:701px){
.workspace.image-workspace{overflow:visible;align-items:start}.image-workspace>.controls{border-radius:19px 0 0 19px}.image-workspace>.preview-panel{position:sticky;top:16px;align-self:start;border-radius:0 19px 19px 0;box-shadow:0 4px 12px #27452b08}.image-workspace .image-preview canvas{max-height:clamp(160px,30vh,280px)}.image-workspace .image-details{margin-top:12px;padding:12px;row-gap:6px}.image-workspace .photo-download-panel:not([hidden]){margin-top:12px;padding:14px}.image-workspace .photo-download-panel p{margin:0 0 8px}.image-workspace .photo-download-panel .button{margin-top:4px}
}
@media(max-width:700px){.image-workspace>.preview-panel{position:static}}

/* Clear original and output comparison in the following preview. */
.image-workspace #image-original-heading,.image-workspace #image-estimate-section h3{font-size:15px;margin:12px 0 6px;color:#45634e;line-height:1.3}
.image-workspace #image-details{background:#fff;border-color:#e0e6dc;margin-top:0}
.image-workspace #image-output-estimate{background:#edf7e9;border-color:#c8dfbb;margin-top:0;row-gap:5px}
.image-workspace .image-details dd{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.image-workspace .image-details dt{font-size:13px}
.image-workspace .image-preview canvas{max-height:clamp(170px,28vh,230px)}
.image-size-comparison{margin:7px 0 0;font-size:13px;line-height:1.4;color:#42684b;font-weight:600}
.image-size-comparison[data-direction="larger"]{color:#865b30}
.image-workspace .photo-download-panel .download{background:#176d47;color:#fff;box-shadow:0 4px 10px #176d4724;width:100%;text-align:center}
.image-workspace .photo-download-panel .download:hover{background:#115538;box-shadow:0 5px 14px #176d4730}
@media(max-width:700px){.image-workspace .image-details dd{font-size:15px}.image-workspace .image-preview canvas{max-height:220px}}