/* Carousel Maker and its own guides only. */
.smt-carousel-page { --car-ink:#151523;--car-muted:#62677a;--car-purple:#7138e8;--car-line:#e5def7;letter-spacing:0; }
.smt-carousel-page h1,.smt-carousel-page h2,.smt-carousel-page h3,.smt-carousel-page .smt-hub-kicker { text-align:center;letter-spacing:0; }
.smt-carousel-page .smt-tool-hero { padding-top:145px;padding-bottom:64px; }
.smt-carousel-page .smt-tool-hero-grid>div:first-child { text-align:center; }
.smt-carousel-page .smt-hub-kicker { margin-inline:auto; }
.smt-carousel-page .smt-hub-actions { justify-content:center;text-align:center; }
.smt-carousel-page .smt-tool-hero-visual { border-radius:8px;background:#f8f5ff;border:1px solid var(--car-line); }
.smt-carousel-page .smt-tool-hero-visual h2 { font-size:25px;line-height:1.35;margin:0 0 24px; }
.smt-carousel-hero-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.smt-carousel-hero-cards canvas { display:block;width:100%;height:auto;border:1px solid #d9ccef;border-radius:4px;box-shadow:0 7px 16px #27203e0a; }
.smt-carousel-page .smt-carousel-hero-note { font-size:14px;line-height:1.65;text-align:center;margin:20px 0 0; }
.smt-carousel-page #carousel-tool { scroll-margin-top:105px; }
.smt-carousel-page .smt-hub-head { margin-bottom:30px; }
.smt-carousel-workspace { padding:22px;border:1px solid var(--car-line);border-radius:8px;background:#fff; }
.smt-carousel-layout { display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch; }
.smt-carousel-editor,.smt-carousel-preview { display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #d5e7f7;background:#f1f8ff;border-radius:8px; }
.smt-carousel-preview { background:#f7f3ff;border-color:#e0d3fa; }
.smt-carousel-editor>h3,.smt-carousel-preview>h3 { font-size:22px;line-height:1.4;margin:0 0 20px; }
.smt-carousel-fields { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px; }
.smt-carousel-field { display:flex;flex-direction:column;gap:7px;min-width:0;margin:0!important; }
.smt-carousel-field>span { font-size:13px;line-height:1.5;font-weight:700; }
.smt-carousel-page .smt-carousel-field input,.smt-carousel-page .smt-carousel-field select,.smt-carousel-page .smt-carousel-field textarea { box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #cbd2e2;border-radius:6px;background:#fff;color:var(--car-ink);font:14px/1.5 Arial,Helvetica,sans-serif;padding:10px 11px; }
.smt-carousel-page .smt-carousel-field select { padding-right:27px; }
.smt-carousel-page .smt-carousel-field textarea { resize:vertical; }
.smt-carousel-page .smt-carousel-field input[type=file] { font-size:12px;padding:9px; }
.smt-carousel-page .smt-carousel-field textarea[data-carousel=title] { min-height:78px; }
.smt-carousel-page .smt-carousel-field textarea[data-carousel=body] { min-height:130px; }
.smt-carousel-editor>.smt-carousel-field { margin-bottom:16px!important; }
.smt-carousel-style { border-top:1px solid #d5e7f7;border-bottom:1px solid #d5e7f7;background:#eef9f4;padding:16px 12px 0;margin-bottom:16px; }
.smt-carousel-slide-head { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 14px; }
.smt-carousel-slide-head h4 { font-size:17px;line-height:1.4;margin:0;color:#5325bc; }
.smt-carousel-step-buttons { display:flex;gap:8px; }
.smt-carousel-page button { font:700 13px/1.5 Arial,Helvetica,sans-serif;border:1px solid #d6c8f4;border-radius:6px;background:#fff;color:#5325bc;padding:9px 13px;cursor:pointer;letter-spacing:0; }
.smt-carousel-page button:hover { border-color:#7138e8;background:#f0e8ff; }
.smt-carousel-page button:disabled { opacity:.48;cursor:not-allowed; }
.smt-carousel-page button:focus-visible,.smt-carousel-page input:focus-visible,.smt-carousel-page select:focus-visible,.smt-carousel-page textarea:focus-visible { outline:3px solid #b9a2f5;outline-offset:2px; }
.smt-carousel-step-buttons button { width:40px;height:38px;padding:3px;font-size:22px; }
.smt-carousel-slide-actions { display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 0 18px; }
.smt-carousel-slide-actions button { padding:7px 9px;font-size:12px; }
.smt-carousel-checkbox { display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;margin:0 0 16px; }
.smt-carousel-checkbox input { width:17px;height:17px;margin:0;accent-color:#7138e8; }
.smt-carousel-upload-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:13px; }
.smt-carousel-upload-row .smt-carousel-field span { font-size:12px;font-weight:400; }
.smt-carousel-upload-row button { margin-bottom:2px;white-space:nowrap;font-size:12px; }
.smt-carousel-project-actions { display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:14px;margin-top:auto;border-top:1px solid #d5e7f7; }
.smt-carousel-project-actions button { font-size:12px;padding:8px 10px; }
.smt-carousel-canvas-wrap { flex:1;display:flex;align-items:center;justify-content:center;min-height:0;background:#fff;border:1px solid #e0d3fa;border-radius:6px;padding:14px; }
.smt-carousel-canvas-wrap canvas { display:block;width:100%;height:auto;max-height:720px;object-fit:contain; }
.smt-carousel-preview-meta { display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:18px; }
.smt-carousel-preview-meta span { font-size:12px;line-height:1.5;padding:7px 10px;background:#edf7ff;border:1px solid #d5e7f7;border-radius:5px;color:#1265a9; }
.smt-carousel-preview-meta span:last-child { background:#eaf9f4;border-color:#c3e8d8;color:#08785d; }
.smt-carousel-preview-meta span[data-valid=false] { background:#fff1f1;color:#a62b3a;border-color:#efcbd1; }
.smt-carousel-strip { display:flex;gap:9px;overflow-x:auto;align-items:flex-start;padding:16px 2px 10px;margin:4px 0 0; }
.smt-carousel-page .smt-carousel-thumbnail { flex:0 0 65px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:65px;min-height:99px;padding:5px;border:2px solid transparent;border-radius:5px;background:#fff; }
.smt-carousel-page .smt-carousel-thumbnail[aria-pressed=true] { border-color:#7138e8; }
.smt-carousel-thumbnail canvas { display:block;max-width:49px;max-height:66px;width:auto;height:auto; }
.smt-carousel-thumbnail span { font-size:11px;margin-top:3px; }
.smt-carousel-page .smt-carousel-export-actions { display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 0 0; }
.smt-carousel-export-actions button { font-size:12px;padding:10px 11px; }
.smt-carousel-page .smt-carousel-export-actions button:last-child { background:#7138e8;color:#fff;border-color:#7138e8; }
.smt-carousel-page .smt-carousel-context-note { border-top:1px solid #e0d3fa;padding-top:14px;margin:18px 0 0!important;color:var(--car-muted);font-size:12px;line-height:1.65;text-align:center; }
.smt-carousel-warning-box { padding:14px 18px;background:#fff6ed;border:1px solid #eddbc8;border-radius:6px;margin-top:20px; }
.smt-carousel-warning-box h4 { font-size:15px;margin:0 0 8px;text-align:center;color:#874a1f; }
.smt-carousel-warning-box ul { margin:0;padding-left:20px; }
.smt-carousel-warning-box li { font-size:13px;line-height:1.65;margin:4px 0; }
.smt-carousel-page .smt-carousel-status { margin:24px 0 0!important;font-size:14px;line-height:1.65;text-align:center;color:#08785d;min-height:24px; }
.smt-carousel-page .smt-carousel-status[data-error=true] { color:#a62b3a; }
.smt-carousel-page .smt-carousel-privacy { font-size:12px;line-height:1.65;text-align:center;color:var(--car-muted);max-width:900px;margin:12px auto 0; }
.smt-carousel-method-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-carousel-method-grid>article { display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--car-line);border-radius:8px;background:#fff; }
.smt-carousel-method-grid h3 { font-size:20px;margin:0 0 16px; }
.smt-carousel-method-grid p { font-size:16px;line-height:1.65; }
.smt-carousel-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-carousel-page .smt-tool-guide-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-carousel-page .smt-tool-guide-card { display:flex;flex-direction:column;min-width:0;border-radius:8px; }
.smt-carousel-page .smt-tool-guide-card h3 { margin-top:0;font-size:21px; }
.smt-carousel-page .smt-tool-guide-card>p { margin-bottom:0; }
.smt-carousel-page .smt-tool-guide-card>a { display:block;margin-top:auto;padding-top:20px;text-align:center; }
.smt-carousel-page .smt-tool-cta { display:block;background:#f5f0ff;border:1px solid var(--car-line);border-radius:8px;color:var(--car-ink);text-align:center;margin-top:44px; }
.smt-carousel-page .smt-tool-cta h2 { color:var(--car-ink);margin:18px auto; }
.smt-carousel-page .smt-tool-cta p:not(.smt-hub-kicker) { color:var(--car-muted);max-width:850px;margin:0 auto; }
.smt-carousel-page .smt-tool-cta .smt-hub-actions { margin:26px 0 0; }
.smt-carousel-page .smt-hub-article-body>h2 { margin:54px 0 22px;scroll-margin-top:110px; }
.smt-carousel-page .smt-hub-article-body>p { margin-bottom:22px; }
.smt-carousel-page .smt-hub-faq+h2 { margin-top:66px; }
.smt-carousel-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:carousel-guide; }
.smt-carousel-page .smt-tool-guide-nav>strong { grid-column:1/-1;font-size:24px;text-align:center;margin:0 0 10px; }
.smt-carousel-page .smt-tool-guide-nav>a { counter-increment:carousel-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(--car-line);border-radius:6px; }
.smt-carousel-page .smt-tool-guide-nav>a:last-of-type { grid-column:auto;justify-self:stretch;width:auto; }
.smt-carousel-page .smt-tool-guide-nav>a::before { content:counter(carousel-guide);flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(1) { background:#fcfaff; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(1)::before { background:#eee5ff;color:#5325bc; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(2) { background:#f3f9ff; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(2)::before { background:#e1f1ff;color:#1265a9; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(3) { background:#f2fbf7; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(3)::before { background:#ddf5e9;color:#08785d; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(4) { background:#fff7f3; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(4)::before { background:#ffe8dd;color:#994021; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(5) { background:#fff5f9; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(5)::before { background:#fde4ef;color:#9d2c60; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(6) { background:#f2fbfa; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(6)::before { background:#dcf4f1;color:#146f68; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(7) { background:#f7f8ff; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(7)::before { background:#e9edff;color:#424baf; }
.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(8) { background:#fffbf0; }.smt-carousel-page .smt-tool-guide-nav>a:nth-of-type(8)::before { background:#fff2cf;color:#83600d; }
.smt-carousel-page .smt-tool-guide-links { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px; }
.smt-carousel-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-carousel-guide .smt-tool-hero { padding-bottom:36px; }
.smt-carousel-guide .smt-hub-article-hero { max-width:1050px;text-align:center; }
.smt-carousel-guide .smt-hub-article-body { max-width:1080px; }
.smt-carousel-guide .smt-hub-section { padding-top:30px; }
.smt-carousel-page .smt-carousel-guides-section { padding-bottom:28px; }
.smt-carousel-page .smt-carousel-next-section { padding-top:54px; }
.smt-carousel-page [hidden] { display:none!important; }
.smt-carousel-sr-only { position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:1100px) {
 .smt-carousel-editor,.smt-carousel-preview { padding:16px; }
 .smt-carousel-workspace { padding:16px; }
 .smt-carousel-layout { gap:16px; }
 .smt-carousel-page .smt-tool-hero-grid { grid-template-columns:1fr;gap:32px; }
 .smt-carousel-page .smt-tool-hero-visual { max-width:650px;width:100%;margin:auto;box-sizing:border-box; }
 .smt-carousel-canvas-wrap { padding:10px; }
}
@media(max-width:1000px) {
 .smt-carousel-page .smt-tool-guide-grid,.smt-carousel-page .smt-tool-guide-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .smt-carousel-upload-row { grid-template-columns:1fr; }
 .smt-carousel-upload-row button { justify-self:center; }
}
@media(max-width:800px) {
 .smt-carousel-layout { grid-template-columns:1fr!important; }
 .smt-carousel-page .smt-tool-hero { padding-top:112px; }
 .smt-carousel-method-grid { grid-template-columns:1fr!important; }
 .smt-carousel-page .smt-tool-guide-nav { padding:16px; }
 .smt-carousel-canvas-wrap canvas { max-height:650px; }
 .smt-carousel-upload-row { grid-template-columns:minmax(0,1fr) auto; }
 .smt-carousel-upload-row button { justify-self:auto; }
}
@media(max-width:560px) {
 .smt-carousel-page .smt-tool-guide-grid,.smt-carousel-page .smt-tool-guide-links,.smt-carousel-page .smt-tool-guide-nav { grid-template-columns:1fr; }
 .smt-carousel-editor,.smt-carousel-preview,.smt-carousel-workspace { padding:13px; }
 .smt-carousel-fields { gap:10px; }
 .smt-carousel-page .smt-carousel-field input,.smt-carousel-page .smt-carousel-field select { font-size:13px;padding:10px 8px; }
 .smt-carousel-page .smt-carousel-field select { padding-right:24px; }
 .smt-carousel-page .smt-carousel-field input[type=file] { font-size:11px;padding:8px 4px; }
 .smt-carousel-page .smt-carousel-export-actions button { font-size:12px;padding:10px 12px; }
 .smt-carousel-canvas-wrap { padding:8px; }
 .smt-carousel-hero-cards { gap:7px; }
}
@media(max-width:360px) {
 .smt-carousel-fields { grid-template-columns:1fr; }
 .smt-carousel-upload-row { grid-template-columns:1fr; }
 .smt-carousel-upload-row button { justify-self:center; }
}
@media(prefers-reduced-motion:reduce) { .smt-carousel-page * { scroll-behavior:auto!important; } }