.screenshot-page{max-width:1100px;padding-bottom:60px}.screenshot-hero{text-align:center;max-width:760px;margin:40px auto 30px}.screenshot-hero h1{margin:16px 0 12px}.screenshot-hero p{color:#686375;line-height:1.7}.screenshot-eyebrow{display:inline-block;padding:7px 13px;border-radius:30px;background:#f2efff;color:var(--primary-color);font-size:13px;font-weight:700}.screenshot-card{padding:30px;margin-bottom:28px;border:1px solid #e6e2ef;border-radius:22px;background:#fff;box-shadow:0 14px 45px #2b225610}.screenshot-page [hidden]{display:none!important}.screenshot-label,.screenshot-settings label{display:block;font-size:14px;font-weight:600;color:#302d3d}.screenshot-page input:not([type=checkbox]),.screenshot-page select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d9d5e4;border-radius:10px;background:#fff;color:#302d3d;font:inherit;margin-top:9px;min-width:0}.screenshot-page input:focus,.screenshot-page select:focus{outline:2px solid var(--primary-color);outline-offset:2px}.screenshot-page input:disabled{background:#f5f4f8;color:#888}.screenshot-page .screenshot-url{font-size:17px;padding:17px}.screenshot-hint{font-size:12px;color:#777386;line-height:1.6;margin:9px 0 22px}.screenshot-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0}.screenshot-advanced{border-top:1px solid #eeeaf4;border-bottom:1px solid #eeeaf4;padding:20px 0;margin-top:25px}.screenshot-advanced summary,.screenshot-faq summary{cursor:pointer;font-weight:600}.screenshot-check{display:flex;align-items:center;gap:10px;font-size:14px;margin:18px 0}.screenshot-check input{width:17px;height:17px;accent-color:var(--primary-color)}.screenshot-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:25px}.screenshot-actions>span{font-size:12px;color:#777386}.screenshot-actions .btn{border:0;cursor:pointer;font-size:15px}.screenshot-actions button:disabled{opacity:.65;cursor:wait}.screenshot-error{padding:13px 16px;background:#fff0f0;color:#b42318;border-radius:10px;font-size:14px}.screenshot-result-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.screenshot-result-top h2{font-size:22px;margin:0 0 6px}.screenshot-result-top p{margin:0;color:#777386;font-size:13px}#screenshot-source{font-size:13px;color:#686375;overflow-wrap:anywhere}.screenshot-warnings{padding:16px 16px 16px 34px;background:#fff8e8;color:#8c6207;border-radius:10px;font-size:13px;line-height:1.6}.screenshot-preview{max-height:740px;overflow:auto;border:1px solid #e6e2ef;border-radius:12px;background:#f6f5f8}.screenshot-preview img{display:block;width:100%;height:auto}.screenshot-explain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:42px 0}.screenshot-explain h2{font-size:18px}.screenshot-explain p,.screenshot-faq p{font-size:14px;line-height:1.7;color:#686375}.screenshot-faq details{border-bottom:1px solid #e6e2ef;padding:18px 0}@media(max-width:700px){.screenshot-hero{margin-top:25px}.screenshot-card{padding:20px;border-radius:16px}.screenshot-settings{grid-template-columns:1fr 1fr;gap:16px}.screenshot-settings>label:first-child{grid-column:1/-1}.screenshot-actions,.screenshot-result-top{align-items:stretch;flex-direction:column}.screenshot-actions .btn,.screenshot-result-top .btn{text-align:center}.screenshot-explain{grid-template-columns:1fr;gap:10px}.screenshot-preview{max-height:500px}}