:root{--suite-navy:#06172c;--suite-ink:#0b2037;--suite-blue:#1476ff;--suite-cyan:#59caff;--suite-line:#d6e3ef;--suite-muted:#64798e;--suite-ice:#f4f9fd}
.tool-detail-page{background:#f6faff}.tool-detail-hero{padding:122px clamp(22px,6vw,92px) 58px;background:radial-gradient(circle at 82% 10%,rgba(49,157,255,.22),transparent 31%),linear-gradient(135deg,#041225,#09284a);color:#fff}.breadcrumb{display:flex;gap:11px;align-items:center;margin:0 auto 36px;max-width:1380px;color:#88a7c6;font-size:.72rem;font-weight:800}.breadcrumb a{color:#64caff;text-decoration:none}.breadcrumb b{color:#c9d9e8}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center;max-width:1380px;margin:auto}.detail-hero-grid h1{max-width:970px;margin:14px 0 22px;font-size:clamp(2.6rem,5.8vw,6.3rem);line-height:.94;letter-spacing:-.06em}.detail-hero-grid>div>p:last-child{max-width:790px;margin:0;color:#c2d4e6;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.7}.detail-icon{display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(111,205,255,.32);border-radius:31px;background:rgba(9,42,77,.72);box-shadow:0 28px 70px rgba(0,0,0,.28);color:var(--suite-cyan);font-size:4.5rem;font-weight:900}.tool-app-section{padding:52px clamp(14px,5vw,72px) 72px;background:#edf5fb}.editor-grid,.exif-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;max-width:1460px;margin:auto;padding:18px;border:1px solid #cbddeb;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(9,40,75,.12)}.editor-controls{min-width:0;padding:23px;border-radius:13px;background:#f8fbfe;border:1px solid #dce8f2}.drop-field{margin-bottom:21px}.drop-field>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-zone{display:flex;min-height:164px;box-sizing:border-box;padding:20px;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #94b5d2;border-radius:13px;background:#f0f7fd;cursor:pointer;text-align:center;transition:.18s}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--suite-blue);background:#e6f2ff;box-shadow:inset 0 0 0 2px rgba(20,118,255,.08)}.drop-zone strong{color:var(--suite-ink);font-size:.85rem}.drop-zone small{margin-top:5px;color:#66809a}.drop-zone em{margin-top:13px;color:#8499ad;font-size:.61rem;font-style:normal;font-weight:850;letter-spacing:.09em}.drop-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:12px;border-radius:50%;background:var(--suite-blue);color:#fff;font-size:1.55rem}.upload-summary{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0}.upload-summary div{min-width:0}.upload-summary strong,.upload-summary small{display:block}.upload-summary strong{color:var(--suite-ink);font-size:.72rem}.upload-summary small{margin-top:3px;color:#7b8ea1;font-size:.63rem}.upload-summary button,.text-button{border:0;background:transparent;color:var(--suite-blue);font:inherit;font-size:.65rem;font-weight:850;cursor:pointer}.remove-photo{color:#b24b50!important}.field{min-width:0;margin-bottom:17px}.field label{display:flex;justify-content:space-between;margin-bottom:7px;color:#526a82;font-size:.69rem;font-weight:850}.field input[type=text],.field input[type=number],.field select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #c8d8e6;border-radius:8px;background:#fff;color:var(--suite-ink);font:inherit;font-size:.78rem}.field input[type=range]{width:100%;accent-color:var(--suite-blue)}.field input[type=color]{width:100%;height:40px;padding:3px;border:1px solid #c8d8e6;border-radius:8px;background:#fff}.field input[type=file]{max-width:100%;font-size:.69rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px;margin:-2px 0 18px;color:#526a82;font-size:.72rem;font-weight:800}.check input{accent-color:var(--suite-blue)}.editor-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:5px}.editor-actions button,.secondary-action{box-sizing:border-box;padding:10px;border:1px solid #bdcfe0;border-radius:8px;background:#fff;color:var(--suite-ink);font:inherit;font-size:.68rem;font-weight:850;cursor:pointer;text-decoration:none;text-align:center}.editor-actions button:disabled,.secondary-action:disabled,.primary-action:disabled{opacity:.42;cursor:not-allowed}.primary-action{width:100%;margin-top:9px;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,#0d72ef,#2499ff);color:#fff;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}.secondary-action.full{display:block;width:100%;margin:3px 0 10px}.canvas-column{display:flex;min-width:0;flex-direction:column}.canvas-stage{position:relative;display:grid;place-items:center;min-height:640px;overflow:hidden;border-radius:13px;background-color:#061425;background-image:linear-gradient(rgba(90,154,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(90,154,208,.09) 1px,transparent 1px);background-size:36px 36px}.canvas-stage canvas{display:none;max-width:100%;max-height:76vh;width:auto;height:auto;touch-action:none}.canvas-stage canvas.ready{display:block}.canvas-empty{display:flex;max-width:420px;padding:28px;flex-direction:column;align-items:center;color:#8ba3bc;text-align:center}.canvas-empty>span{display:grid;place-items:center;width:76px;height:76px;margin-bottom:17px;border:1px solid #315b82;border-radius:18px;color:#50c3ff;font-size:2rem}.canvas-empty strong{color:#e0ebf4}.canvas-help{min-height:18px;margin:11px 4px 0;color:#687f95;font-size:.68rem}.light-note{max-width:1420px;box-sizing:border-box;background:#fff!important;border-color:#d2e1ec!important;color:var(--suite-ink)!important}.light-note p{color:#60768b!important}.related-tools{padding:82px clamp(22px,6vw,92px);background:#fff}.related-tools>h2{max-width:1320px;margin:12px auto 30px;font-size:clamp(2.3rem,4.4vw,4.4rem);letter-spacing:-.055em}.related-tools>.eyebrow{max-width:1320px;margin:auto}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1320px;margin:auto}.related-grid a{display:flex;gap:11px;align-items:center;padding:18px;border:1px solid var(--suite-line);border-radius:11px;color:var(--suite-ink);text-decoration:none;transition:.18s}.related-grid a:hover{border-color:#99c7ee;transform:translateY(-2px)}.related-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eaf5ff;color:var(--suite-blue);font-size:1.1rem}.related-grid b{font-size:.72rem}.privacy-inline{display:grid;gap:6px;padding:15px;border-radius:9px;background:#e9f5ff;color:#52708a;font-size:.69rem}.privacy-inline b{color:var(--suite-blue)}.exif-results{min-width:0;min-height:560px;padding:28px;border-radius:13px;background:#07182d;color:#fff}.result-placeholder{display:grid;min-height:500px;place-items:center;align-content:center;padding:30px;text-align:center;color:#91a9c1}.result-placeholder b{color:#e2edf7}.result-placeholder p{max-width:620px;line-height:1.7}.metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metadata-card{min-height:90px;padding:17px;border:1px solid rgba(119,182,235,.19);border-radius:10px;background:rgba(14,45,75,.62)}.metadata-card span{display:block;color:#66c9ff;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.metadata-card strong{display:block;margin-top:11px;color:#fff;font-size:.82rem;overflow-wrap:anywhere}.metadata-card.unavailable strong{color:#7890a6;font-weight:650}.gps-panel,.compass-panel{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:18px;padding:23px;border:1px solid rgba(101,188,255,.23);border-radius:11px;background:#0a2543}.gps-panel h2,.compass-panel h2{margin:6px 0 8px}.gps-panel p,.compass-panel p{margin:0;color:#a8bdd1}.mini-kicker{color:#55c7ff!important;font-size:.62rem!important;font-weight:900;letter-spacing:.1em}.privacy-small{max-width:720px;margin-top:10px!important;font-size:.67rem;line-height:1.5}.gps-panel .secondary-action,.compass-panel .secondary-action{display:inline-block;margin-top:10px;background:#1476ff;border-color:#1476ff;color:#fff}.compass-panel{grid-template-columns:auto 1fr}.compass{position:relative;display:grid;place-items:start center;width:120px;height:120px;border:2px solid #6f9cc3;border-radius:50%;box-shadow:inset 0 0 0 9px rgba(106,191,255,.08)}.compass span{margin-top:7px;color:#ff6971;font-weight:900}.compass i{position:absolute;left:50%;top:50%;width:3px;height:41px;background:linear-gradient(#ff4d58 0 50%,#e5eef6 50%);transform-origin:center bottom;transform:translate(-50%,-100%) rotate(0deg)}.resize-result{display:grid;min-width:0;min-height:640px;align-content:center;padding:28px;border-radius:13px;background:#061425}.image-preview-empty{display:grid;min-height:440px;place-items:center;overflow:hidden;border:1px dashed #365c7f;border-radius:11px;color:#819ab3}.image-preview-empty img{display:block;max-width:100%;max-height:62vh}.size-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-top:18px}.size-comparison article{padding:15px;border:1px solid #21486b;border-radius:9px}.size-comparison span,.size-comparison strong,.size-comparison small{display:block}.size-comparison span{color:#58c7ff;font-size:.58rem;font-weight:900}.size-comparison strong{margin-top:7px;color:#fff}.size-comparison small{margin-top:4px;color:#8da6bf}.size-comparison i{color:#4bbfff}.export-dialog{width:min(94vw,1000px);box-sizing:border-box;padding:22px;border:0;border-radius:17px;background:#f7fbff;color:var(--suite-ink);box-shadow:0 35px 110px rgba(0,0,0,.5)}.export-dialog::backdrop{background:rgba(2,10,21,.76);backdrop-filter:blur(5px)}.export-dialog h2{margin:0 0 18px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#5c7187;font-size:1.7rem;cursor:pointer}.dialog-preview{display:grid;max-height:68vh;place-items:center;overflow:auto;border-radius:10px;background:#07182d}.dialog-preview img{display:block;max-width:100%;max-height:65vh}.dialog-download{max-width:360px;margin:17px auto 0;display:block}.free-tools-launch{padding:72px clamp(24px,6vw,92px);background:#fff}.free-tools-launch-inner{max-width:1320px;margin:auto}.free-tools-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.free-tools-launch-grid a{display:flex;min-height:120px;padding:22px;box-sizing:border-box;flex-direction:column;border:1px solid var(--suite-line);border-radius:13px;color:var(--suite-ink);text-decoration:none}.free-tools-launch-grid a:hover{border-color:#9ecbf1;box-shadow:0 14px 36px rgba(9,40,75,.08)}.free-tools-launch-grid span{color:var(--suite-blue);font-size:.64rem;font-weight:900}.free-tools-launch-grid b{margin-top:auto;font-size:1.05rem}.free-tools-launch-grid small{margin-top:7px;color:var(--suite-muted)}
@media(max-width:1050px){.editor-grid,.exif-layout{grid-template-columns:300px minmax(0,1fr)}.related-grid{grid-template-columns:repeat(3,1fr)}.metadata-grid{grid-template-columns:repeat(2,1fr)}.free-tools-launch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.tool-detail-hero{padding-top:105px}.detail-hero-grid{grid-template-columns:1fr}.detail-icon{width:92px;height:92px;font-size:2.8rem}.editor-grid,.exif-layout{grid-template-columns:1fr;padding:10px}.editor-controls{order:2}.canvas-column,.exif-results,.resize-result{order:1}.canvas-stage,.resize-result{min-height:410px}.canvas-stage canvas{max-height:62vh}.metadata-grid{grid-template-columns:1fr}.gps-panel,.compass-panel{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.free-tools-launch-grid{grid-template-columns:1fr}.upload-summary{grid-template-columns:1fr auto}.upload-summary .remove-photo{grid-column:2}.exif-results{padding:15px}.editor-controls{padding:18px}}
@media(max-width:500px){.tool-app-section{padding-left:8px;padding-right:8px}.detail-hero-grid h1{font-size:2.65rem}.related-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.canvas-stage{min-height:330px}.size-comparison{grid-template-columns:1fr}.size-comparison>i{transform:rotate(90deg);text-align:center}.editor-actions{grid-template-columns:1fr 1fr}.editor-actions button:last-child{grid-column:1/-1}}

/* Tools hub: available tools first, future tools second. */
.free-tools-launch{padding:88px clamp(24px,6vw,92px) 96px;background:linear-gradient(180deg,#fff 0%,#f2f8fd 100%)}
.free-tools-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:60px;align-items:end}
.free-tools-heading h2{margin:12px 0 0;font-size:clamp(2.7rem,5.2vw,5.25rem);line-height:.94;letter-spacing:-.06em}
.free-tools-heading>p{margin:0;color:var(--suite-muted);font-size:1rem;line-height:1.75}
.live-eyebrow>span:first-child{background:#20b56c;box-shadow:0 0 0 5px rgba(32,181,108,.12)}
.free-tools-promise{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-top:32px;padding:16px 18px;border:1px solid #bfe5d1;border-radius:12px;background:#effbf5;color:#135f3c}
.free-tools-promise>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#20b56c;color:#fff;font-weight:900}
.free-tools-promise strong{font-size:.88rem;line-height:1.45}.free-tools-promise small{color:#3e8061;font-size:.68rem;font-weight:850;white-space:nowrap}
.free-tools-launch-grid{gap:18px;margin-top:24px}
.free-tools-launch-grid a{position:relative;min-height:265px;padding:24px;border-color:#cbddea;background:#fff;box-shadow:0 12px 36px rgba(7,40,75,.055)}
.free-tools-launch-grid a:hover{border-color:#78b9f0;box-shadow:0 20px 48px rgba(7,40,75,.11);transform:translateY(-3px)}
.free-tools-launch-grid a>.free-tool-status{color:#168751;font-size:.62rem;letter-spacing:.055em}
.free-tools-launch-grid .free-tool-status .lang-el,.free-tools-launch-grid .free-tool-status .lang-en{color:inherit;font:inherit;letter-spacing:inherit}
.free-tools-launch-grid a>i{display:grid;place-items:center;width:54px;height:54px;margin-top:25px;border-radius:13px;background:#eaf5ff;color:var(--suite-blue);font-size:1.45rem;font-style:normal;font-weight:900}
.free-tools-launch-grid a>b{margin-top:20px;font-size:1.18rem}.free-tools-launch-grid a>small{font-size:.78rem;line-height:1.55}
.free-tools-launch-grid a>em{margin-top:auto;padding-top:18px;color:var(--suite-blue);font-size:.71rem;font-style:normal;font-weight:900}
.advanced-tools-section{padding:82px clamp(24px,6vw,92px);background:#07172b;color:#fff}
.advanced-tools-inner{max-width:1320px;margin:auto}.advanced-tools-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:60px;align-items:end}
.advanced-tools-heading .eyebrow{color:#8ca5bd}.advanced-tools-heading h2{max-width:820px;margin:13px 0 0;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em}
.advanced-tools-heading>p{margin:0;color:#a9bdd1;font-size:.96rem;line-height:1.75}
.advanced-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.advanced-tools-grid article{display:flex;min-height:300px;padding:23px;box-sizing:border-box;flex-direction:column;border:1px solid rgba(141,180,216,.16);border-radius:14px;background:rgba(14,41,69,.66);color:#fff}
.advanced-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.advanced-card-top>span{color:#7590aa;font-size:.66rem;font-weight:900}.advanced-card-top>b{padding:6px 8px;border-radius:999px;background:rgba(144,165,185,.12);color:#9db0c2;font-size:.58rem;letter-spacing:.055em}
.advanced-tools-grid article>i{display:grid;place-items:center;width:49px;height:49px;margin-top:31px;border:1px solid rgba(104,194,255,.2);border-radius:12px;background:rgba(45,129,196,.1);color:#72caff;font-size:1.15rem;font-style:normal;font-weight:900}
.advanced-tools-grid h3{margin:21px 0 11px;font-size:1.05rem}.advanced-tools-grid p{margin:0;color:#9fb3c6;font-size:.78rem;line-height:1.62}.advanced-tools-grid small{margin-top:auto;padding-top:18px;color:#718ba4;font-size:.63rem}
.advanced-model-note{max-width:900px;margin:24px 0 0;padding-left:14px;border-left:2px solid #3c92ce;color:#8199af;font-size:.72rem;line-height:1.6}
@media(max-width:1050px){.free-tools-heading,.advanced-tools-heading{grid-template-columns:1fr;gap:20px}.advanced-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.free-tools-launch{padding:66px 20px 72px}.free-tools-promise{grid-template-columns:auto 1fr}.free-tools-promise small{grid-column:2;white-space:normal}.advanced-tools-section{padding:66px 20px}.advanced-tools-grid{grid-template-columns:1fr}.advanced-tools-grid article{min-height:260px}.advanced-tools-heading h2{font-size:2.25rem}}