/* Public tool pages: a focused form, followed by useful product context. */
.free-tool-page{background:#fff}
.free-stage{padding:28px 0 48px;background:radial-gradient(ellipse at 50% 40%,#edf0ff80,transparent 65%),#f8f9fd;border-bottom:1px solid #e9ecf4}
.free-tool-nav{display:flex;gap:4px;padding:5px;max-width:960px;margin:auto;border:1px solid #e3e7f2;border-radius:12px;background:#fff}
.free-tool-nav a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;padding:10px 8px;border-radius:8px;color:#727d92;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s}
.free-tool-nav a .app-icon{width:16px;height:16px;flex-shrink:0}
.free-tool-nav a:hover{background:#f5f7fc}
.free-tool-nav a[aria-current=page]{background:#eef1ff;color:#3f5ae4}
.free-hero{text-align:center;max-width:960px;margin:auto;padding:42px 0 28px}
.free-hero-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 16px;background:#fff;border:1px solid #e0e5f6;border-radius:13px;color:#526be1;box-shadow:0 5px 12px #3f5ae408}
.free-hero-icon .app-icon{width:23px;height:23px}
.free-hero h1{font-size:clamp(30px,3.2vw,44px);font-weight:650;letter-spacing:-1.6px;line-height:1.16;margin:0 0 14px}
.free-tool-page .free-lead{font-size:15px;line-height:1.7;color:#79849b;margin:0}
.free-workbench{max-width:960px;margin:auto}
.free-input-card{padding:24px 24px 16px;background:#fff;border:1px solid #dfe5f2;border-radius:16px;box-shadow:0 12px 35px #263b7208}
.free-form-fields{display:flex;gap:12px;align-items:flex-start}
.free-url-field{display:flex;align-items:center;gap:11px;min-width:0;flex:1;border:1px solid #dce2ef;border-radius:9px;padding:0 14px;background:#fbfcff}
.free-url-field>.app-icon{width:18px;height:18px;color:#8e9ab2;flex-shrink:0}
.free-url-field:focus-within{border-color:#8090df;box-shadow:0 0 0 3px #3f5ae40b}
.free-form input{min-width:0;width:100%;padding:16px 0;border:0;background:transparent;color:#243047;font:inherit;font-size:14px;outline:none}
.free-form input::placeholder{color:#98a2b5;font-size:13px}
.free-tool-page .free-form input:focus-visible{outline:none}
.free-form .free-submit{display:flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:14px 22px;border:1px solid #3f5ae4;border-radius:9px;background:#3f5ae4;white-space:nowrap;color:#fff;font-size:13px;font-weight:550;transition:background .2s}
.free-form .free-submit:hover{background:#304bd0;color:#fff}
.free-submit .app-icon{width:17px;height:17px}
.free-form-note{font-size:11px!important;text-align:center;margin:13px 0 0;color:#8b96ac!important}
.free-form-note span{margin:0 9px;color:#bec6d6}
#free-verification:not(:empty){margin-top:16px;max-width:100%;overflow:auto}
.free-time-row{width:160px;flex-shrink:0}
.free-time-row label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.free-time-row small{display:block;font-size:9px;line-height:1.5;margin-top:5px;color:#8b96ac}
.free-time-row input{font-variant-numeric:tabular-nums}
.free-output{margin-top:18px;border:1px solid #dfe5f2;background:#fff;border-radius:16px;overflow:hidden}
.free-output-heading{padding:18px 24px;border-bottom:1px solid #edf0f6}
.free-output-heading h2{font-size:15px;letter-spacing:-.2px;font-weight:600;margin:0}
.free-status-wrap{display:flex;align-items:baseline;gap:8px;padding:12px 24px;background:#fafbfe}
.free-status-dot{width:5px;height:5px;position:relative;top:-1px;flex-shrink:0;border-radius:50%;background:#b8c2d8}
#free-status{font-size:11px;line-height:1.7;color:#8995ac;margin:0;overflow-wrap:anywhere}
.free-output[data-state=initial]{margin-top:12px;border:0;background:none;border-radius:0}
.free-output[data-state=initial] .free-output-heading{display:none}
.free-output[data-state=initial] .free-status-wrap{padding:0;background:none;justify-content:center}
.free-output[data-state=initial] .free-status-dot{display:none}
.free-output[data-state=error] #free-status{color:#ae4438}
.free-output[data-state=error] .free-status-wrap{background:#fff5f3}
.free-output:is([data-state=ready],[data-state=empty]) .free-status-dot{background:#329e82}
.free-output:is([data-state=ready],[data-state=empty]) #free-status{color:#59897d}
.free-output:is([data-state=verifying],[data-state=analyzing]) .free-status-dot{width:10px;height:10px;top:1px;border:2px solid #dfe5fb;border-top-color:#3f5ae4;background:none;animation:free-spin 1s linear infinite}
#free-result{padding:24px}
.free-video{display:flex;align-items:center;gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #edf0f6}
.free-video img{width:144px;max-width:28%;height:auto;object-fit:cover;border-radius:9px}
.free-video>div{min-width:0}
.free-video h2{font-size:18px;line-height:1.5;letter-spacing:-.4px;margin:0 0 5px;overflow-wrap:anywhere}
.free-video p{font-size:12px;margin:0 0 7px}
.free-video a,.free-panel a{font-size:12px;color:var(--primary);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.free-panel-heading{display:flex;justify-content:flex-end;margin-bottom:18px}
.free-actions{display:flex;gap:8px;flex-wrap:wrap}
.free-button,.free-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e0e5f1;border-radius:7px;background:#f8f9fd;color:#5368c3;font:inherit;font-size:12px;cursor:pointer;line-height:1.5}
.free-button .app-icon{width:14px;height:14px}
.free-button:hover,.free-tag:hover{background:#edf0ff;border-color:#b9c5ef}
.free-button:disabled{opacity:.45;cursor:default}
.free-tags{display:flex;gap:8px;flex-wrap:wrap}
.free-tag{background:#eff3ff;text-align:left;max-width:100%;overflow-wrap:anywhere}
#free-content>p{font-size:12px}
#free-content>h3{font-size:15px;margin:26px 0 14px}
.free-description,.free-link-text{font:inherit;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#5f6c83}
.free-description{padding:18px;background:#fafbfe;border:1px solid #eef0f6;border-radius:10px;max-height:500px;overflow:auto}
.free-link-text{padding:16px;border:1px solid #dee5fb;border-radius:10px;background:#f4f6ff;color:#3f5ae4}
.free-details{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr);margin:0;gap:0;font-size:13px}
.free-details dt,.free-details dd{padding:12px 8px;border-bottom:1px solid #edf0f6;margin:0;overflow-wrap:anywhere}
.free-details dt{color:#8a94a6;padding-left:0}
.free-details dd{color:#465570;padding-right:0}
.free-details dd .free-button{display:flex;margin-top:8px;width:fit-content}
.free-note{font-size:12px;line-height:1.7;color:#8992a6}
.free-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:64px;padding-bottom:60px}
.free-section-label{font-size:10px!important;letter-spacing:1.7px;font-weight:600;color:#8a97b5!important;margin:0 0 14px}
.free-overview h2,.free-guide>h2,.free-faq>h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;font-weight:600;margin:0 0 16px}
.free-overview-copy>p:not(.free-section-label){max-width:430px;font-size:14px;line-height:1.8;margin:0 0 23px}
.free-feature-list{display:grid;gap:12px;list-style:none;margin:0;padding:0;font-size:13px;color:#5f6f89}
.free-feature-list li{display:flex;align-items:baseline;gap:12px}
.free-feature-list li:before{content:'✓';color:#7589d8;font-size:12px}
.free-example{min-width:0;border:1px solid #e3e8f4;border-radius:16px;background:#fafbff;box-shadow:0 8px 24px #3b527506;overflow:hidden}
.free-example-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;border-bottom:1px solid #e9edf6;font-size:12px;color:#617089}
.free-example-top>span{display:flex;align-items:center;gap:9px}
.free-example-top .app-icon{width:16px;height:16px;color:#899bd8}
.free-example-top small{font-size:8px;letter-spacing:1.4px;color:#9ca7bb}
.free-example-tags{display:flex;flex-wrap:wrap;gap:10px;padding:28px 24px 32px}
.free-example-tags>span{padding:9px 15px;background:#fff;border:1px solid #e0e6f5;border-radius:7px;font-size:12px;color:#6c7db1}
.free-example-bottom{padding:15px 24px;border-top:1px solid #e9edf6;font-size:11px;color:#9aa5b9}
.free-example-description{padding:24px;font-size:12px;line-height:1.8;color:#73819b}
.free-example-description strong{font-size:13px;color:#63718b;font-weight:550}
.free-example-description p{margin:12px 0 0;color:inherit}
.free-example-details{display:grid;grid-template-columns:90px 1fr;gap:16px;margin:0;padding:26px 24px;font-size:12px}
.free-example-details dt{color:#9aa6bb}.free-example-details dd{margin:0;color:#657692;overflow-wrap:anywhere}
.free-example-timestamp{padding:24px;text-align:center}
.free-example-timestamp>span{display:block;font-size:8px;letter-spacing:1.5px;color:#9ba6be}
.free-example-timestamp strong{font-size:40px;font-weight:500;letter-spacing:-1px;color:#687fc9;font-variant-numeric:tabular-nums}
.free-example-timestamp p{font-size:12px;margin:20px 0 0;color:#8191b8;overflow-wrap:anywhere}
.free-example-timeline{height:4px;background:#e5eafa;border-radius:3px;margin-top:20px}
.free-example-timeline i{display:block;width:28%;height:4px;background:#a7b4e7;border-radius:3px}
.free-guide{border-top:1px solid #edf0f6;padding-top:36px;padding-bottom:40px}
.free-guide>h2{font-size:21px;margin-bottom:26px}
.free-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.free-guide-grid article{position:relative;padding-left:38px}
.free-guide-grid article>span{position:absolute;left:0;top:1px;color:#9eacce;font-size:11px}
.free-guide-grid h3{font-size:14px;font-weight:550;letter-spacing:-.2px;margin:0 0 6px}
.free-guide-grid p{font-size:12px;line-height:1.8;margin:0}
.free-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid #edf0f6;padding-top:40px;padding-bottom:64px}
.free-faq>h2{font-size:24px;margin-top:10px}
.free-faq details{border-bottom:1px solid #e9edf5;padding:15px 0}
.free-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:13px;color:#4e5f7a}
.free-faq summary::-webkit-details-marker{display:none}
.free-faq summary:after{content:'+';color:#93a0bd;font-size:18px;line-height:1}
.free-faq details[open] summary:after{content:'−'}
.free-faq details p{font-size:12px;line-height:1.9;margin:14px 25px 0 0}
.free-tool-page :is(button,a,summary):focus-visible{outline:3px solid #7487ed;outline-offset:4px}
.free-tool-page [hidden]{display:none!important}
/* Shared presentation for the public metadata and timestamp tools. */
.free-tool-page .free-stage{padding-bottom:44px;background:radial-gradient(ellipse at 50% 30%,#e8edff 0,transparent 68%),#f7f9ff}
.free-tool-page .free-hero{max-width:760px;padding:36px 0 26px}
.free-tool-page .free-hero-icon{margin-bottom:12px}
.free-tool-page .tool-eyebrow{margin:0 0 12px;font-size:11px;line-height:1.5;letter-spacing:1.8px;font-weight:650;color:#4a60b2}
.free-tool-page .free-hero h1{font-size:clamp(32px,4.4vw,52px);letter-spacing:-1.8px;color:#1d2b4d}
.free-tool-page .free-lead{max-width:610px;margin:auto;font-size:16px;line-height:1.8;color:#53627a}
.tool-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0;margin:22px 0 0;color:#4c5e7b;font-size:12px}
.tool-benefits li{display:flex;align-items:center;gap:7px}
.tool-benefits .app-icon{width:16px;height:16px;color:#4962d6}
.free-tool-page .free-workbench{max-width:880px}
.free-tool-page .free-input-card{padding:26px;border-color:#cdd7f1;box-shadow:0 12px 40px #354c8910}
.tool-input-label{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:#293957}
.free-tool-page .free-url-field{background:#f8faff}
.free-tool-page .free-url-field:focus-within{border-color:#4965db;box-shadow:0 0 0 3px #4965db20}
.free-tool-page .free-form .free-submit{font-size:14px;min-height:54px;gap:15px}
.free-tool-page .tool-url-help{margin:12px 0 0;font-size:12px;line-height:1.7;color:#596a84}
.free-tool-page .free-form-note{color:#586984!important;font-size:12px!important;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f6}
.free-tool-page #free-status{color:#596b86;font-size:12px}
.free-tool-page .free-output[data-state=error] #free-status{color:#9d352c}
.free-tool-page .free-output:is([data-state=ready],[data-state=empty]) #free-status{color:#326c5b}
.free-tool-page .free-tag{padding:10px 14px;font-size:14px;color:#364eac;background:#f0f3ff}
.free-tool-page .free-button{font-size:13px;min-height:42px}
.free-tool-page .free-section-label{color:#53698e!important;font-size:11px!important;line-height:1.6}
.free-tool-page .free-overview{gap:56px;padding-top:56px;padding-bottom:48px}
.free-tool-page .free-overview-copy>p:not(.free-section-label){max-width:none;color:#596880;font-size:15px}
.free-tool-page .free-feature-list{line-height:1.7;color:#53647e}
.free-tool-page .free-example-top small{color:#53647e;font-size:10px}
.free-tool-page .free-example-tags>span{font-size:14px;color:#455eaa}
.free-tool-page .free-example-bottom{color:#596a84;font-size:12px;line-height:1.7}
.free-tool-page .free-guide{padding-top:36px;padding-bottom:44px}
.free-tool-page .free-guide>h2{font-size:26px}
.free-tool-page .free-guide-grid{gap:20px}
.free-tool-page .free-guide-grid article{padding:22px;border:1px solid #e2e8f4;border-radius:12px;background:#fafbfe}
.free-tool-page .free-guide-grid article>span{position:static;display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:16px;border-radius:8px;background:#eaf0ff;color:#415ac1;font-weight:650}
.free-tool-page .free-guide-grid h3{font-size:16px;margin-bottom:8px}
.free-tool-page .free-guide-grid p{font-size:14px;color:#596880}
.tool-context{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid #e9edf5;padding-top:44px;padding-bottom:44px}
.tool-context h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:0 0 16px}
.tool-context p{font-size:14px;line-height:1.9;color:#596880;margin:0 0 16px}
.tool-context a{font-size:13px;color:#3954c5;text-decoration:underline;text-underline-offset:4px}
.tool-context-cards{display:grid;gap:16px}
.tool-context-cards article{border-left:3px solid #c6d2fb;padding:2px 0 2px 20px}
.tool-context-cards h3{font-size:16px;margin:0 0 8px}
.tool-context-cards p{margin:0}
.free-tool-page .free-faq{grid-template-columns:1fr 1.7fr;gap:48px}
.free-tool-page .free-faq summary{font-size:15px;line-height:1.6;color:#344762;padding:4px 0}
.free-tool-page .free-faq details p{font-size:14px;color:#596880}
@media(max-width:768px){.free-tool-page .free-hero{padding-top:28px}.free-tool-page .free-lead{font-size:15px}.tool-benefits{gap:12px 18px}.free-tool-page .free-input-card{padding:20px}.free-tool-page .free-form .free-submit{min-height:50px}.free-tool-page .free-overview{gap:28px;padding-top:36px;padding-bottom:36px}.tool-context{grid-template-columns:1fr;gap:26px;padding-top:32px;padding-bottom:32px}.tool-context h2{font-size:25px}.free-tool-page .free-faq{grid-template-columns:1fr;gap:0}.free-tool-page .free-guide>h2{font-size:24px}.free-tool-page .free-guide-grid{gap:14px}}
@keyframes free-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.free-overview{gap:40px}.free-time-row{width:130px}.free-tool-nav a{font-size:11px;gap:6px}.free-faq{gap:40px}}
@media(max-width:768px){.free-stage{padding-top:20px;padding-bottom:30px}.free-tool-nav{flex-wrap:wrap}.free-tool-nav a{flex:1 1 28%;padding:9px 6px}.free-hero{padding:30px 0 24px}.free-hero h1{font-size:32px;letter-spacing:-1px}.free-tool-page .free-lead{font-size:13px;max-width:400px;margin:auto}.free-form-fields{flex-wrap:wrap}.free-url-field{flex:1 1 100%}.free-form .free-submit{flex:1;min-height:50px}.free-form input{font-size:16px;padding:14px 0}.free-input-card{padding:18px}.free-time-row{width:125px}.free-time-row .free-url-field{width:100%}.free-time-row small{font-size:8px}.free-overview{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:38px}.free-overview h2{font-size:25px}.free-overview-copy>p:not(.free-section-label){font-size:13px;max-width:none}.free-feature-list{gap:10px;font-size:12px}.free-example-tags{padding:22px}.free-guide{padding-top:28px;padding-bottom:30px}.free-guide-grid{grid-template-columns:1fr;gap:22px}.free-faq{grid-template-columns:1fr;gap:0;padding-top:30px;padding-bottom:40px}.free-faq>h2{font-size:22px}.free-video h2{font-size:16px}#free-result{padding:18px}.free-details{grid-template-columns:100px minmax(0,1fr);font-size:12px}.free-output-heading{padding:16px 18px}}
@media(max-width:400px){.free-tool-nav a{font-size:10px;gap:5px}.free-tool-nav a .app-icon{width:14px;height:14px}.free-hero h1{font-size:29px}.free-form .free-submit{font-size:12px;padding:13px 14px;gap:12px}.free-details{grid-template-columns:1fr}.free-details dt{border-bottom:0;padding-bottom:0}.free-details dd{padding:5px 0 12px}.free-example-top{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.free-tool-page *{animation:none!important;transition:none!important}}

/* Keep field labels visible and align inputs with the primary action. */
.free-tool-page .free-form-fields{align-items:flex-end}
.free-url-group{flex:1;min-width:0}
.free-tool-page .free-time-row{width:160px}
.free-tool-page .free-time-row label{position:static;clip:auto;width:auto;height:auto;overflow:visible}
.free-tool-page .free-form input{min-height:54px}
.free-tool-page .free-example-description{font-size:14px;color:#596880;line-height:1.9}
.free-tool-page .free-example-description strong{font-size:15px;color:#344762}
.free-tool-page .free-example-details{font-size:14px;line-height:1.7;grid-template-columns:100px minmax(0,1fr)}
.free-tool-page .free-example-details dt{color:#596a84}
.free-tool-page .free-example-details dd{color:#344762}
.free-tool-page .free-example-timestamp>span{font-size:11px;color:#596a84}
.free-tool-page .free-example-timestamp p{font-size:14px;color:#455eaa}
.free-tool-page .free-details dt{color:#596a84}
.free-tool-page .free-video p,.free-tool-page .free-note{color:#596880}
@media(max-width:1000px) and (min-width:769px){.free-tool-timestamp .free-form-fields{flex-wrap:wrap}.free-tool-timestamp .free-submit{flex-basis:100%}}
@media(max-width:768px){.free-tool-page .free-url-group{flex-basis:100%}.free-tool-page .free-time-row{width:100%}.free-tool-page .free-form-fields{flex-direction:column;align-items:stretch}.free-tool-page .free-submit{width:100%}.free-tool-page .free-hero h1{font-size:clamp(28px,7.6vw,40px);letter-spacing:-1px}.free-tool-page .free-lead{font-size:15px}.free-tool-page .tool-url-help{font-size:13px}.free-tool-page .free-example-details{grid-template-columns:90px minmax(0,1fr)}}