/* Carousel Maker and its own guides only. */
.smt-compress-page { --compress-ink:#151523;--compress-muted:#62677a;--compress-purple:#7138e8;--compress-line:#e5def7;letter-spacing:0; }
.smt-compress-page h1,.smt-compress-page h2,.smt-compress-page h3,.smt-compress-page .smt-hub-kicker { text-align:center;letter-spacing:0; }
.smt-compress-page .smt-tool-hero { padding-top:145px;padding-bottom:64px; }
.smt-compress-page .smt-tool-hero-grid>div:first-child { text-align:center; }
.smt-compress-page .smt-hub-kicker { margin-inline:auto; }
.smt-compress-page .smt-hub-actions { justify-content:center;text-align:center; }
.smt-compress-page .smt-tool-hero-visual { border-radius:8px;background:#f8f5ff;border:1px solid var(--compress-line); }
.smt-compress-page .smt-tool-hero-visual h2 { font-size:25px;line-height:1.35;margin:0 0 24px; }
.smt-compress-method-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-compress-method-grid>article { display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--compress-line);border-radius:8px;background:#fff; }
.smt-compress-method-grid h3 { font-size:20px;margin:0 0 16px; }
.smt-compress-method-grid p { font-size:16px;line-height:1.65; }
.smt-compress-method-grid code { margin-top:auto;padding:12px;border-radius:6px;background:#f5f0ff;color:#5325bc;text-align:center;font:400 14px/1.6 Arial,Helvetica,sans-serif; }
.smt-compress-page .smt-tool-guide-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-compress-page .smt-tool-guide-card { display:flex;flex-direction:column;min-width:0;border-radius:8px; }
.smt-compress-page .smt-tool-guide-card h3 { margin-top:0;font-size:21px; }
.smt-compress-page .smt-tool-guide-card>p { margin-bottom:0; }
.smt-compress-page .smt-tool-guide-card>a { display:block;margin-top:auto;padding-top:20px;text-align:center; }
.smt-compress-page .smt-tool-cta { display:block;background:#f5f0ff;border:1px solid var(--compress-line);border-radius:8px;color:var(--compress-ink);text-align:center;margin-top:44px; }
.smt-compress-page .smt-tool-cta h2 { color:var(--compress-ink);margin:18px auto; }
.smt-compress-page .smt-tool-cta p:not(.smt-hub-kicker) { color:var(--compress-muted);max-width:850px;margin:0 auto; }
.smt-compress-page .smt-tool-cta .smt-hub-actions { margin:26px 0 0; }
.smt-compress-page .smt-hub-article-body>h2 { margin:54px 0 22px;scroll-margin-top:110px; }
.smt-compress-page .smt-hub-article-body>p { margin-bottom:22px; }
.smt-compress-page .smt-hub-faq+h2 { margin-top:66px; }
.smt-compress-page .smt-tool-guide-nav { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;margin:0 0 38px;border-radius:8px;counter-reset:compress-guide; }
.smt-compress-page .smt-tool-guide-nav>strong { grid-column:1/-1;font-size:24px;text-align:center;margin:0 0 10px; }
.smt-compress-page .smt-tool-guide-nav>a { counter-increment:compress-guide;display:flex;align-items:center;gap:12px;min-width:0;font-size:16px;line-height:1.45;font-weight:600;padding:12px;border:1px solid var(--compress-line);border-radius:6px; }
.smt-compress-page .smt-tool-guide-nav>a:last-of-type { grid-column:auto;justify-self:stretch;width:auto; }
.smt-compress-page .smt-tool-guide-nav>a::before { content:counter(compress-guide);flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(1) { background:#fcfaff; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(1)::before { background:#eee5ff;color:#5325bc; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(2) { background:#f3f9ff; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(2)::before { background:#e1f1ff;color:#1265a9; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(3) { background:#f2fbf7; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(3)::before { background:#ddf5e9;color:#08785d; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(4) { background:#fff7f3; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(4)::before { background:#ffe8dd;color:#994021; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(5) { background:#fff5f9; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(5)::before { background:#fde4ef;color:#9d2c60; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(6) { background:#f2fbfa; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(6)::before { background:#dcf4f1;color:#146f68; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(7) { background:#f7f8ff; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(7)::before { background:#e9edff;color:#424baf; }
.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(8) { background:#fffbf0; }.smt-compress-page .smt-tool-guide-nav>a:nth-of-type(8)::before { background:#fff2cf;color:#83600d; }
.smt-compress-page .smt-tool-guide-links { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px; }
.smt-compress-page .smt-tool-guide-links>a { display:flex;align-items:center;justify-content:center;text-align:center;min-height:80px;height:100%;padding:16px;margin:0;box-sizing:border-box;border-radius:6px;font-size:16px; }
.smt-compress-guide .smt-tool-hero { padding-bottom:36px; }
.smt-compress-guide .smt-hub-article-hero { max-width:1050px;text-align:center; }
.smt-compress-guide .smt-hub-article-body { max-width:1080px; }
.smt-compress-guide .smt-hub-section { padding-top:30px; }
.smt-compress-page .smt-compress-guides-section { padding-bottom:28px; }
.smt-compress-page .smt-compress-next-section { padding-top:54px; }
.smt-compress-page [hidden]{display:none!important}.smt-compress-page{overflow-wrap:anywhere}.smt-compress-page h1,.smt-compress-page h2,.smt-compress-page h3{text-align:center;letter-spacing:0}.smt-compress-page .smt-hub-kicker{display:table;max-width:100%;margin-inline:auto;text-align:center}.smt-compress-page .smt-tool-intro{max-width:900px;margin-inline:auto;text-align:center}.smt-compress-page .smt-tool-trust{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;margin-top:20px;font-size:13px;font-weight:600;color:#5c6875}.smt-compress-page .smt-tool-trust span::before{content:'\2713';color:#208265;margin-right:7px}.smt-compress-page:not(.smt-compress-guide)>.smt-hub-section:has(>.smt-hub-article-body){padding-block:60px}.smt-compress-page:not(.smt-compress-guide)>.smt-hub-section>.smt-hub-article-body>h2:first-child{margin-top:0}.smt-compress-page .smt-compress-method-grid,.smt-compress-page .smt-compress-guides .smt-tool-guide-grid{margin-top:40px}
.smt-compress-page input,.smt-compress-page select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:11px;border:1px solid #d6cde6;border-radius:6px;background:#fff;color:#242334;font:400 15px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}.smt-compress-page select,.smt-compress-page input[type=number]{height:45px;padding-right:24px}.smt-compress-page input[type=color]{height:40px;padding:4px}.smt-compress-page input:focus,.smt-compress-page select:focus,.smt-compress-page button:focus-visible,.smt-compress-open:focus-within{outline:2px solid #9465e2;outline-offset:2px}.smt-compress-page button,.smt-compress-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;max-width:100%;padding:9px 13px;border:1px solid #d9cdef;border-radius:6px;background:#f4edfc;color:#61379b;font:700 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;white-space:normal;cursor:pointer;box-sizing:border-box}.smt-compress-page button:hover,.smt-compress-open:hover{background:#e9ddf8}.smt-compress-page button:disabled{opacity:.5;cursor:default}.smt-compress-page button svg,.smt-compress-open svg{width:17px;height:17px;flex:0 0 17px}.smt-compress-page [data-compress-icon]{display:inline-flex}
.smt-compress-hero-example{padding:28px;border:1px solid #dfd4f1;border-radius:8px;background:#faf7ff}.smt-compress-hero-example h2{font-size:25px!important;line-height:1.35!important;margin:0 0 26px!important}.smt-compress-hero-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.smt-compress-hero-images>div{min-width:0;padding:16px;background:#edf5ff;border:1px solid #d8e8f8;border-radius:6px}.smt-compress-hero-images>div+div{background:#edf8f2;border-color:#d1e8da}.smt-compress-hero-images span{display:block;text-align:center;font-size:12px;font-weight:700;color:#396984;margin-bottom:14px}.smt-compress-hero-images strong{font-size:15px;color:#216a51;display:block}.smt-compress-hero-images p{font-size:13px!important;line-height:1.5!important;margin:5px 0 10px!important}.smt-compress-hero-images canvas{width:100%;height:160px;object-fit:contain}.smt-compress-sample-bar{height:10px;width:100%;background:#b9dcca;margin-bottom:14px;border-radius:3px}.smt-compress-sample-short{width:65%;background:#63ad8c}.smt-compress-hero-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;padding:0;list-style:none}.smt-compress-hero-steps li{font-size:12px;text-align:center;background:#eee6fa;padding:10px 6px;color:#68418f;border-radius:5px}.smt-compress-hero-steps li:nth-child(2){background:#e8f1fc;color:#3b678e}.smt-compress-hero-steps li:nth-child(3){background:#e6f4ee;color:#376d57}.smt-compress-hero-example>.smt-compress-small{text-align:center;margin-bottom:0!important}
.smt-compress-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.smt-compress-editor,.smt-compress-result{display:flex;flex-direction:column;gap:18px;min-width:0;height:850px;padding:24px;box-sizing:border-box;border:1px solid #ded4ef;border-radius:8px;background:#fff}.smt-compress-result{background:#fcfefd;border-color:#cfe3d8}.smt-compress-layout h3{font-size:23px!important;line-height:1.35!important;margin:0!important}.smt-compress-layout p{font-size:13px!important;line-height:1.6!important;margin:0}.smt-compress-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;background:#f3f7fe;border:1px solid #d6e4f7;border-radius:6px}.smt-compress-fields-context{background:#f7f1fd;border-color:#e2d4f2}.smt-compress-fields label,.smt-compress-background label,.smt-compress-view{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;color:#363044}.smt-compress-background{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.smt-compress-background p{font-size:12px!important}.smt-compress-commands{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.smt-compress-open{position:relative;overflow:hidden;margin:0!important}.smt-compress-open input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;cursor:pointer}.smt-compress-small{font-size:13px!important;line-height:1.6!important;color:#6c7483}.smt-compress-files{min-height:80px;flex:1;overflow:auto;border-block:1px solid #e9e3f4;padding-block:8px}.smt-compress-files button{display:flex;align-items:flex-start;flex-direction:column;width:100%;margin:0 0 6px;padding:9px 12px;background:#faf8fe;text-align:left;font-size:12px}.smt-compress-files button strong{font-size:13px;font-weight:600}.smt-compress-files button span{color:#647183;font-size:11px;font-weight:400}.smt-compress-files button[aria-pressed=true]{border-color:#9362d6;background:#f0e7fa}
.smt-compress-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.smt-compress-metrics>div{background:#eee6fa;border-radius:6px;padding:17px 7px;text-align:center;min-width:0}.smt-compress-metrics>div:nth-child(2){background:#e1f2fd}.smt-compress-metrics>div:nth-child(3){background:#e3f3eb}.smt-compress-metrics span{font-size:11px;font-weight:600;color:#566478;display:block}.smt-compress-metrics strong{font-size:21px;color:#34364b;display:block;margin-top:7px}.smt-compress-selected{text-align:center;font-weight:600}.smt-compress-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-height:0}.smt-compress-comparison figure{display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid #e2d8ed;border-radius:6px;padding:10px;background:#faf7fe}.smt-compress-comparison figure+figure{background:#f1faf5;border-color:#d3e7da}.smt-compress-comparison figcaption{text-align:center;font-size:13px;font-weight:700;margin-bottom:10px;color:#47556d}.smt-compress-image-scroll{height:100%;min-height:140px;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:repeating-conic-gradient(#eef0f2 0 25%,#fff 0 50%);background-size:16px 16px}.smt-compress-image-scroll img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}.smt-compress-image-scroll span{background:#fff;padding:12px;font-size:13px;text-align:center}.smt-compress-comparison figure p{text-align:center;font-size:11px!important;margin-top:10px!important}.smt-compress-pixel-view .smt-compress-image-scroll{display:block}.smt-compress-pixel-view .smt-compress-image-scroll img{max-width:none;max-height:none;width:auto;height:auto;margin:0}.smt-compress-empty{display:flex;align-items:center;justify-content:center;text-align:center;flex:1;border:1px dashed #cbdad2;border-radius:6px;padding:24px;background:#f4faf6}.smt-compress-view{margin-top:auto}.smt-compress-main-commands{margin-top:26px}.smt-compress-main-commands [data-compress-process]{background:#7138e8;color:#fff;border-color:#7138e8;min-width:180px}.smt-compress-status{text-align:center;margin:22px 0 26px!important;font-size:14px!important;line-height:1.6!important;min-height:24px;color:#41675a}.smt-compress-error{color:#a32f45!important}.smt-compress-export-commands{margin-top:24px}.smt-compress-export-note{max-width:920px;margin:24px auto 0!important;text-align:center;font-size:13px!important;line-height:1.65!important;color:#687386}.smt-compress-table-scroll{overflow:auto;margin-top:24px;border:1px solid #dfd7ee;border-radius:6px}.smt-compress-page table{margin:0;width:100%;border-collapse:collapse;font-size:13px}.smt-compress-page th,.smt-compress-page td{border:1px solid #e5dff0;padding:12px;text-align:left;vertical-align:top;min-width:78px}.smt-compress-page th{background:#eee5fa;color:#5f359b;font-weight:600}.smt-compress-page td:first-child{min-width:180px;max-width:250px}.smt-compress-missed td:last-child{background:#fff0df;color:#8e5420;font-weight:700}
.smt-compress-fields label{justify-content:flex-end}
@media(max-width:1100px){.smt-compress-layout{grid-template-columns:1fr}.smt-compress-editor,.smt-compress-result{height:850px}.smt-compress-page .smt-tool-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smt-compress-page .smt-compress-method-grid{grid-template-columns:1fr}.smt-compress-page .smt-tool-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.smt-compress-page .smt-tool-hero{padding-top:112px;padding-bottom:42px}.smt-compress-page .smt-tool-guide-grid,.smt-compress-page .smt-tool-guide-links,.smt-compress-page .smt-tool-guide-nav{grid-template-columns:1fr!important}.smt-compress-page .smt-tool-guide-nav>strong{grid-column:auto}.smt-compress-page:not(.smt-compress-guide)>.smt-hub-section:has(>.smt-hub-article-body){padding-block:44px}.smt-compress-editor,.smt-compress-result{padding:16px;height:870px}.smt-compress-fields{padding:12px;gap:12px}.smt-compress-fields label{font-size:12px}.smt-compress-page select,.smt-compress-page input[type=number]{font-size:13px;padding-left:8px;padding-right:18px}.smt-compress-background{grid-template-columns:90px 1fr}.smt-compress-metrics strong{font-size:16px}.smt-compress-hero-example{padding:20px}.smt-compress-hero-images>div{padding:12px}.smt-compress-comparison{gap:8px}.smt-compress-comparison figure{padding:7px}}
@media(max-width:360px){.smt-compress-editor,.smt-compress-result{height:1020px}}