/* Carousel Maker and its own guides only. */
.smt-vframe-page { --vframe-ink:#151523;--vframe-muted:#62677a;--vframe-purple:#7138e8;--vframe-line:#e5def7;letter-spacing:0; }
.smt-vframe-page h1,.smt-vframe-page h2,.smt-vframe-page h3,.smt-vframe-page .smt-hub-kicker { text-align:center;letter-spacing:0; }
.smt-vframe-page .smt-tool-hero { padding-top:145px;padding-bottom:64px; }
.smt-vframe-page .smt-tool-hero-grid>div:first-child { text-align:center; }
.smt-vframe-page .smt-hub-kicker { margin-inline:auto; }
.smt-vframe-page .smt-hub-actions { justify-content:center;text-align:center; }
.smt-vframe-page .smt-tool-hero-visual { border-radius:8px;background:#f8f5ff;border:1px solid var(--vframe-line); }
.smt-vframe-page .smt-tool-hero-visual h2 { font-size:25px;line-height:1.35;margin:0 0 24px; }
.smt-vframe-method-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-vframe-method-grid>article { display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--vframe-line);border-radius:8px;background:#fff; }
.smt-vframe-method-grid h3 { font-size:20px;margin:0 0 16px; }
.smt-vframe-method-grid p { font-size:16px;line-height:1.65; }
.smt-vframe-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-vframe-page .smt-tool-guide-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-vframe-page .smt-tool-guide-card { display:flex;flex-direction:column;min-width:0;border-radius:8px; }
.smt-vframe-page .smt-tool-guide-card h3 { margin-top:0;font-size:21px; }
.smt-vframe-page .smt-tool-guide-card>p { margin-bottom:0; }
.smt-vframe-page .smt-tool-guide-card>a { display:block;margin-top:auto;padding-top:20px;text-align:center; }
.smt-vframe-page .smt-tool-cta { display:block;background:#f5f0ff;border:1px solid var(--vframe-line);border-radius:8px;color:var(--vframe-ink);text-align:center;margin-top:44px; }
.smt-vframe-page .smt-tool-cta h2 { color:var(--vframe-ink);margin:18px auto; }
.smt-vframe-page .smt-tool-cta p:not(.smt-hub-kicker) { color:var(--vframe-muted);max-width:850px;margin:0 auto; }
.smt-vframe-page .smt-tool-cta .smt-hub-actions { margin:26px 0 0; }
.smt-vframe-page .smt-hub-article-body>h2 { margin:54px 0 22px;scroll-margin-top:110px; }
.smt-vframe-page .smt-hub-article-body>p { margin-bottom:22px; }
.smt-vframe-page .smt-hub-faq+h2 { margin-top:66px; }
.smt-vframe-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:vframe-guide; }
.smt-vframe-page .smt-tool-guide-nav>strong { grid-column:1/-1;font-size:24px;text-align:center;margin:0 0 10px; }
.smt-vframe-page .smt-tool-guide-nav>a { counter-increment:vframe-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(--vframe-line);border-radius:6px; }
.smt-vframe-page .smt-tool-guide-nav>a:last-of-type { grid-column:auto;justify-self:stretch;width:auto; }
.smt-vframe-page .smt-tool-guide-nav>a::before { content:counter(vframe-guide);flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(1) { background:#fcfaff; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(1)::before { background:#eee5ff;color:#5325bc; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(2) { background:#f3f9ff; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(2)::before { background:#e1f1ff;color:#1265a9; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(3) { background:#f2fbf7; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(3)::before { background:#ddf5e9;color:#08785d; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(4) { background:#fff7f3; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(4)::before { background:#ffe8dd;color:#994021; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(5) { background:#fff5f9; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(5)::before { background:#fde4ef;color:#9d2c60; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(6) { background:#f2fbfa; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(6)::before { background:#dcf4f1;color:#146f68; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(7) { background:#f7f8ff; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(7)::before { background:#e9edff;color:#424baf; }
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(8) { background:#fffbf0; }.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(8)::before { background:#fff2cf;color:#83600d; }
.smt-vframe-page .smt-tool-guide-links { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px; }
.smt-vframe-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-vframe-guide .smt-tool-hero { padding-bottom:36px; }
.smt-vframe-guide .smt-hub-article-hero { max-width:1050px;text-align:center; }
.smt-vframe-guide .smt-hub-article-body { max-width:1080px; }
.smt-vframe-guide .smt-hub-section { padding-top:30px; }
.smt-vframe-page .smt-vframe-guides-section { padding-bottom:28px; }
.smt-vframe-page .smt-vframe-next-section { padding-top:54px; }
.smt-vframe-page [hidden]{display:none!important}
.smt-vframe-page :is(h1,h2,h3,h4){text-align:center;letter-spacing:0}
.smt-vframe-page .smt-hub-kicker{display:table;margin-inline:auto;text-align:center}
.smt-vframe-page .smt-hub-actions,.smt-vframe-page .smt-tool-trust{justify-content:center;text-align:center}
.smt-vframe-page .smt-tool-intro{text-align:center;max-width:880px;margin-inline:auto}
.smt-vframe-page .smt-tool-hero{padding-top:145px;padding-bottom:58px}
.smt-vframe-page .smt-tool-hero-grid>div:first-child{text-align:center}
.smt-vframe-hero-image{display:block;width:100%;height:auto;max-width:440px;max-height:400px;object-fit:contain;margin:24px auto 12px;border:1px solid #ded9ed;border-radius:8px}
.smt-vframe-example-caption{text-align:center!important;font-size:14px!important;margin-bottom:0!important}
.smt-vframe-page .smt-tool-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:#5f596c;font-size:14px}
.smt-vframe-page .smt-tool-trust>span{display:inline-flex;align-items:center;gap:8px}
.smt-vframe-page .smt-tool-trust>span::before{content:"";width:7px;height:7px;border-radius:50%;background:#188571;flex-shrink:0}
.smt-vframe-page .smt-tool-hero-example{padding:25px;background:#faf8ff;border:1px solid #e5def3;border-radius:8px}
.smt-vframe-page .smt-tool-hero-example>h2{font-size:25px;line-height:1.35;max-width:420px;margin:18px auto 20px}
.smt-vframe-page .smt-hub-section{padding-block:54px}
.smt-vframe-page .smt-hub-section h2:first-child{margin-top:0}
.smt-vframe-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}
.smt-vframe-method-grid>article{display:flex;flex-direction:column;border:1px solid #e6dff3;border-radius:8px;background:#fff;padding:25px;min-width:0}
.smt-vframe-method-note{margin-top:auto!important;margin-bottom:0!important;background:#f3f0fb;border-radius:6px;padding:12px;text-align:center;font-weight:400!important;font-size:15px!important}
.smt-vframe-page .smt-tool-guide-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px;margin-top:36px}
.smt-vframe-page .smt-tool-guide-grid>article{display:flex!important;flex-direction:column;min-width:0;border:1px solid #e5def4;border-radius:8px;padding:26px;background:#fff}
.smt-vframe-page .smt-tool-guide-grid>article>h3{margin:0 0 15px!important;text-align:center}
.smt-vframe-page .smt-tool-guide-grid>article>p{flex:1;margin:0 0 20px}
.smt-vframe-page .smt-tool-guide-grid>article>a{display:block!important;text-align:center!important;align-self:center!important;margin-top:auto!important}
.smt-vframe-tool{margin-top:32px}
.smt-vframe-tool :is(input,select,textarea,button){font:inherit;font-size:16px;letter-spacing:0}
.smt-vframe-tool label{display:block;margin:0 0 7px;font-weight:700;color:#282338;font-size:15px}
.smt-vframe-tool :is(input,select,textarea){display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #d6cfe5;border-radius:6px;background:#fff;color:#252237;padding:11px 12px;margin:0 0 17px;line-height:1.45}
.smt-vframe-tool select{padding-right:34px;min-height:48px}
.smt-vframe-tool textarea{resize:vertical;min-height:105px}
.smt-vframe-tool button{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:1px solid #d7cbea;border-radius:6px;background:#f5f1ff;color:#5830a5;padding:10px 15px;min-height:44px;line-height:1.3;font-weight:700;max-width:100%;cursor:pointer}
.smt-vframe-tool button:hover:not(:disabled),.smt-vframe-tool button[aria-pressed=true]{background:#eae1ff;color:#462386;border-color:#b59adc}
.smt-vframe-tool button:disabled{opacity:.52;cursor:not-allowed}
.smt-vframe-tool button svg{width:18px;height:18px;flex-shrink:0}
.smt-vframe-tool :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #16877a;outline-offset:3px}
.smt-vframe-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 20px}
.smt-vframe-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.smt-vframe-input,.smt-vframe-result{height:800px;min-width:0;border:1px solid #ddd5ed;border-radius:8px;background:#fff;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 12px 28px #45316c0a}
.smt-vframe-input>h3,.smt-vframe-result>h3{margin:0 0 22px!important;font-size:22px!important;line-height:1.3;min-height:58px;display:flex;align-items:center;justify-content:center}
.smt-vframe-editor-body{overflow:auto;min-height:0;flex:1;padding:3px 8px 3px 3px;scrollbar-gutter:stable}
.smt-vframe-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.smt-vframe-count-settings{border:1px solid #d9e9e2;border-radius:6px;background:#f2faf7;padding:16px;margin:0 0 20px;min-width:0}
.smt-vframe-count-settings legend,.smt-vframe-design legend{padding-inline:8px;font-weight:700;color:#176654;font-size:16px}
.smt-vframe-note{font-size:13px!important;line-height:1.55!important;color:#5e586d;margin:6px 0 18px!important}
.smt-vframe-settings{margin:0 0 16px;border-bottom:1px solid #e5dfef}
.smt-vframe-settings>summary{cursor:pointer;font-weight:700;color:#392650;padding:11px 5px;margin-bottom:14px}
.smt-vframe-choice,.smt-vframe-row-heading{display:grid;grid-template-columns:minmax(0,1fr) 90px 104px;gap:8px;align-items:center}
.smt-vframe-row-heading{font-size:13px;font-weight:700;color:#625b70;margin-bottom:8px}
.smt-vframe-row-heading>span:not(:first-child){text-align:center}
.smt-vframe-choice{padding-block:8px;border-top:1px solid #e5deed}
.smt-vframe-choice input{margin:0!important}
.smt-vframe-row-actions{display:flex;gap:4px;justify-content:center}
.smt-vframe-tool .smt-vframe-row-actions>button{width:32px;min-height:40px;padding:5px}
.smt-vframe-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#f3f1f8;border:1px solid #e6e0ef;border-radius:6px;padding:16px;overflow:hidden}
.smt-vframe-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 7px 21px #33214a16}
.smt-vframe-preview-error{margin:18px 0;padding:14px;background:#fff3e8;border:1px solid #efd5b8;border-radius:6px;font-size:15px}
.smt-vframe-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0}
.smt-vframe-metrics>div{padding:12px;background:#eef8f5;border:1px solid #dcece5;border-radius:6px;text-align:center;min-width:0}
.smt-vframe-metrics span{display:block;font-size:13px;color:#52655f;margin-bottom:5px}
.smt-vframe-metrics strong{font-size:16px;color:#145b4d}
.smt-vframe-fit-note{font-size:13px!important;min-height:40px;line-height:1.5!important;text-align:center;margin:12px 0 0!important}
.smt-vframe-design{margin:24px 0 0;border:1px solid #e4dbf0;border-radius:6px;background:#faf7ff;padding:20px;min-width:0}
.smt-vframe-design-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.smt-vframe-design-fields select{margin-bottom:0}
.smt-vframe-export,.smt-vframe-secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.smt-vframe-export>button{background:#7138e8;color:#fff;border-color:#7138e8}
.smt-vframe-export>button:hover:not(:disabled){background:#5821c8;color:#fff;border-color:#5821c8}
.smt-vframe-secondary{margin-top:15px}
.smt-vframe-secondary button{font-size:14px;min-height:42px;padding:9px 12px}
.smt-vframe-status,.smt-vframe-error{margin:22px auto 0!important;max-width:900px;padding:13px 17px;border-radius:6px;line-height:1.5!important;text-align:center;font-size:15px!important}
.smt-vframe-status{background:#eef9f3;color:#175a40}
.smt-vframe-error{background:#fff0f2;color:#9d243f}
.smt-vframe-privacy{max-width:960px;margin:24px auto 0!important;text-align:center;font-size:13px!important;line-height:1.6!important;color:#666174}
.smt-vframe-table-wrap{margin-top:30px;border-block:1px solid #e1d9ed;padding-block:18px}
.smt-vframe-table-wrap>summary{font-weight:700;text-align:center;cursor:pointer;color:#503487}
.smt-vframe-table-scroll{overflow:auto;margin-top:20px}
.smt-vframe-table-wrap table{width:100%;font-size:15px}
.smt-vframe-table-wrap :is(th,td){border:1px solid #ded7ea;padding:12px;text-align:left;overflow-wrap:anywhere}
.smt-vframe-table-wrap thead th{background:#eee7ff;color:#503487}
.smt-vframe-table-wrap caption{font-size:14px;padding:12px;color:#635b70}
.smt-vframe-page .smt-tool-guide-nav{counter-reset:vframe-nav;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.smt-vframe-page .smt-tool-guide-nav>strong{grid-column:1/-1;font-size:20px;text-align:center}
.smt-vframe-page .smt-tool-guide-nav>a{display:flex!important;align-items:center;gap:12px;grid-column:auto!important;justify-self:stretch!important;width:auto!important;padding:13px;border-radius:6px;background:#fff;text-align:left!important;font-size:16px;font-weight:600}
.smt-vframe-page .smt-tool-guide-nav>a::before{counter-increment:vframe-nav;content:counter(vframe-nav,decimal-leading-zero);background:#eee7ff;color:#6639b1;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;flex-shrink:0}
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(4n+2)::before{background:#e1f2e9;color:#216f52}
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(4n+3)::before{background:#fff0db;color:#87601b}
.smt-vframe-page .smt-tool-guide-nav>a:nth-of-type(4n+4)::before{background:#fbe6ed;color:#a03f60}
.smt-vframe-page .smt-hub-article-body>h2{margin-top:52px;margin-bottom:22px}
.smt-vframe-page .smt-hub-faq+h2{margin-top:54px}
.smt-vframe-page .smt-tool-guide-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;margin-block:28px 38px}
.smt-vframe-page .smt-tool-guide-links>a{display:flex;justify-content:center;align-items:center;text-align:center;min-height:64px;padding:14px;background:#f6f2ff;border:1px solid #e2d8f2;border-radius:6px;grid-column:auto!important;justify-self:stretch!important;width:auto!important}
.smt-vframe-page .smt-tool-cta{margin-top:44px;text-align:center}
.smt-vframe-page .smt-tool-cta .smt-hub-actions{margin-top:24px}
@media(max-width:1100px){.smt-vframe-workspace{grid-template-columns:1fr}.smt-vframe-input{height:auto}.smt-vframe-editor-body{overflow:visible;padding-right:3px}.smt-vframe-result{height:740px}.smt-vframe-page .smt-tool-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.smt-vframe-page .smt-tool-hero{padding-top:120px}.smt-vframe-page .smt-hub-section{padding-block:40px}.smt-vframe-input,.smt-vframe-result{padding:17px}.smt-vframe-result{height:650px}.smt-vframe-method-grid,.smt-vframe-page .smt-tool-guide-grid,.smt-vframe-page .smt-tool-guide-links{grid-template-columns:1fr!important}.smt-vframe-page .smt-tool-guide-nav{grid-template-columns:1fr}.smt-vframe-fields,.smt-vframe-design-fields{grid-template-columns:1fr}.smt-vframe-choice,.smt-vframe-row-heading{grid-template-columns:minmax(0,1fr) 78px 104px;gap:6px}.smt-vframe-export{gap:10px}.smt-vframe-export>button{flex:0 1 auto;font-size:14px;padding:10px}.smt-vframe-page .smt-hub-article-body>h2{margin-top:40px}}
@media(max-width:420px){.smt-vframe-choice{grid-template-columns:minmax(0,1fr) 88px}.smt-vframe-choice>input:first-child{grid-column:1/-1}.smt-vframe-row-actions{grid-column:1;grid-row:2;justify-content:flex-start}.smt-vframe-choice>input:nth-child(2){grid-column:2;grid-row:2}.smt-vframe-row-heading{display:none}.smt-vframe-metrics{gap:8px}.smt-vframe-metrics strong{font-size:14px}}

.smt-vframe-source{padding:13px;background:#f0f8f4;border:1px solid #d9e9df;border-radius:6px;font-size:14px!important;line-height:1.55!important}
.smt-vframe-group{border:1px solid #e2d8ef;border-radius:6px;padding:16px;background:#faf7ff;margin:0 0 18px;min-width:0}
.smt-vframe-group legend{font-size:16px;font-weight:700;color:#5934a0;padding-inline:8px}
.smt-vframe-caption{background:#f2faf7;border-color:#d5e9df}
.smt-vframe-caption legend{color:#176550}
.smt-vframe-input,.smt-vframe-result{height:850px}
.smt-vframe-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.smt-vframe-stage>p{padding:20px;text-align:center;color:#685e78;font-size:16px}
.smt-vframe-playback{margin:18px 0 0}
.smt-vframe-progress{display:block;width:min(800px,100%);height:14px;margin:26px auto 0;accent-color:#16866d}
.smt-vframe-export>button{min-width:155px}
.smt-vframe-secondary{max-width:920px;margin-inline:auto}
.smt-vframe-hero-image{max-height:350px;max-width:480px}
@media(max-width:1100px){.smt-vframe-input{height:auto}.smt-vframe-result{height:720px}}
@media(max-width:700px){.smt-vframe-result{height:620px}.smt-vframe-export>button{min-width:0;flex:0 1 auto}}

.smt-vframe-input,.smt-vframe-result{height:790px}
.smt-vframe-gallery-section{margin-top:34px}
.smt-vframe-gallery-section>h3{margin:0 0 18px!important}
.smt-vframe-gallery-intro{text-align:center!important;max-width:850px;margin:0 auto 22px!important}
.smt-vframe-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.smt-vframe-gallery>article{display:flex;flex-direction:column;min-width:0;border:1px solid #ddd4ed;border-radius:8px;padding:14px;background:#fff}
.smt-vframe-tool button.smt-vframe-thumb{display:flex;width:100%;height:180px;min-height:180px;padding:8px;border:1px solid #e2daec;background:#f5f2fa;overflow:hidden}
.smt-vframe-thumb img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.smt-vframe-gallery h4{font-size:17px!important;margin:17px 0 8px!important}
.smt-vframe-gallery p{text-align:center;font-size:14px!important;margin:0 0 16px!important}
.smt-vframe-tool .smt-vframe-include{display:flex;align-items:center;justify-content:center;gap:10px;margin:auto 0 0;padding:12px 4px 4px;font-size:14px;text-align:center}
.smt-vframe-tool .smt-vframe-include input{width:18px;height:18px;margin:0!important;flex-shrink:0;accent-color:#7138e8}
.smt-vframe-sheet-settings{margin:30px 0 0;padding:22px;border:1px solid #d8e9e1;border-radius:6px;background:#f1faf6;min-width:0}
.smt-vframe-sheet-settings legend{font-size:17px;font-weight:700;color:#166b53;padding-inline:8px}
.smt-vframe-secondary{max-width:960px;margin-inline:auto}
.smt-vframe-hero-image{max-height:400px}
@media(max-width:1100px){.smt-vframe-input{height:auto}.smt-vframe-result{height:690px}.smt-vframe-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.smt-vframe-result{height:590px}.smt-vframe-gallery{grid-template-columns:1fr}.smt-vframe-sheet-settings{padding:15px}.smt-vframe-export>button{min-width:0}}
.smt-vframe-page .smt-vframe-fields:has(>[data-vframe-count-control][hidden])>div:not([hidden]){grid-column:1/-1}