/* Scoped video frame checker and guides. */
.smt-safe-page h1,.smt-safe-page h2,.smt-safe-page h3,.smt-safe-page .smt-hub-actions { text-align:center; }
.smt-safe-page .smt-tool-hero { padding-top:145px; padding-bottom:64px; }
.smt-safe-page .smt-tool-hero-grid>div:first-child { text-align:center; }
.smt-safe-page .smt-hub-kicker { text-align:center; margin-left:auto; margin-right:auto; }
.smt-safe-page .smt-tool-hero-visual { border-radius:8px; }
.smt-safe-page .smt-tool-hero-visual h2 { font-size:26px;line-height:1.3;margin:0 0 20px; }
.smt-safe-page #safe-zone-tool { scroll-margin-top:95px; }
.smt-safe-page .smt-hub-head { margin-bottom:30px; }
.smt-safe-method-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-safe-method-grid>article { min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5def7;border-radius:8px;padding:24px; }
.smt-safe-method-grid h3 { font-size:20px;margin:0 0 16px; }
.smt-safe-method-grid p { font-size:16px;line-height:1.65; }
.smt-safe-method-grid code { display:block;text-align:center;font-family:inherit;font-size:14px;font-weight:400;color:#5325bc;background:#f5f0ff;padding:12px;border-radius:6px;margin-top:auto; }
.smt-safe-page .smt-tool-guide-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-safe-page .smt-tool-guide-card { display:flex;flex-direction:column;min-width:0;border-radius:8px; }
.smt-safe-page .smt-tool-guide-card h3 { font-size:21px;margin-top:0; }
.smt-safe-page .smt-tool-guide-card>p { margin-bottom:0; }
.smt-safe-page .smt-tool-guide-card>a { display:block;text-align:center;margin-top:auto;padding-top:18px; }
.smt-safe-page .smt-tool-guide-grid>p:empty,.smt-safe-page .smt-safe-layout>p:empty,.smt-safe-page .smt-tool-guide-links>p:empty { display:none!important; }
.smt-safe-page .smt-tool-cta { background:#f5f0ff;border:1px solid #e5def7;border-radius:8px;color:#151523;display:block;text-align:center;margin-top:42px; }
.smt-safe-page .smt-tool-cta h2,.smt-safe-page .smt-tool-cta h3 { color:#151523;margin:18px auto; }
.smt-safe-page .smt-tool-cta p:not(.smt-hub-kicker) { color:#62677a;max-width:850px;margin:0 auto; }
.smt-safe-page .smt-tool-cta .smt-hub-actions { margin:24px 0 0; }
.smt-safe-page .smt-hub-article-body>h2 { margin:54px 0 22px; }
.smt-safe-page .smt-hub-article-body>p { margin-bottom:22px; }
.smt-safe-page .smt-hub-faq+h2 { margin-top:66px; }
.smt-safe-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:safe-guide; }
.smt-safe-page .smt-tool-guide-nav>strong { grid-column:1/-1;font-size:24px;text-align:center;margin:0 0 10px; }
.smt-safe-page .smt-tool-guide-nav>a { counter-increment:safe-guide;display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.45;font-weight:600;padding:12px;border:1px solid #e5def7;border-radius:6px;min-width:0; }
.smt-safe-page .smt-tool-guide-nav>a:last-of-type { grid-column:auto;justify-self:stretch;width:auto; }
.smt-safe-page .smt-tool-guide-nav>a::before { content:counter(safe-guide);flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(1) { background:#fcfaff;border-color:#e5def7; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(1)::before { background:#eee5ff;color:#5325bc; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(2) { background:#f3f9ff;border-color:#d5e7f7; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(2)::before { background:#e1f1ff;color:#1265a9; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(3) { background:#f2fbf7;border-color:#c3e8d8; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(3)::before { background:#ddf5e9;color:#08785d; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(4) { background:#fff7f3;border-color:#f3d1c5; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(4)::before { background:#ffe8dd;color:#994021; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(5) { background:#fff5f9;border-color:#f1d2e0; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(5)::before { background:#fde4ef;color:#9d2c60; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(6) { background:#f2fbfa;border-color:#c5e8e3; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(6)::before { background:#dcf4f1;color:#146f68; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(7) { background:#f7f8ff;border-color:#d5daf6; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(7)::before { background:#e9edff;color:#424baf; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(8) { background:#fffbf0;border-color:#f0e0b4; }
.smt-safe-page .smt-tool-guide-nav>a:nth-of-type(8)::before { background:#fff2cf;color:#83600d; }
.smt-safe-page .smt-tool-guide-links { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px; }
.smt-safe-page .smt-tool-guide-links>a { display:flex;align-items:center;justify-content:center;text-align:center;min-height:80px;height:100%;padding:16px;border-radius:6px;margin:0;box-sizing:border-box;font-size:16px; }
.smt-safe-guide .smt-tool-hero { padding-bottom:36px; }
.smt-safe-guide .smt-hub-article-hero { max-width:1050px;text-align:center; }
.smt-safe-guide .smt-hub-article-body { max-width:1080px; }
.smt-safe-guide .smt-hub-section { padding-top:30px; }
.smt-safe-page .smt-safe-guides-section { padding-bottom:28px; }
.smt-safe-page .smt-safe-next-section { padding-top:30px; }
@media(max-width:1000px) {
 .smt-safe-page .smt-tool-guide-grid,.smt-safe-page .smt-tool-guide-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .smt-safe-page .smt-tool-hero-grid { grid-template-columns:1fr;gap:32px; }
 .smt-safe-page .smt-tool-hero-visual { max-width:650px;width:100%;margin:0 auto;box-sizing:border-box; }
 .smt-safe-panel { padding:16px; }
}
@media(max-width:760px) {
 .smt-safe-layout,.smt-safe-method-grid { grid-template-columns:1fr!important; }
 .smt-safe-page .smt-tool-hero { padding-top:112px; }
 .smt-safe-workspace { padding:14px; }
 .smt-safe-page .smt-tool-guide-nav { padding:16px; }
 .smt-safe-page .smt-tool-guide-nav>strong { font-size:22px; }
}
@media(max-width:560px) {
 .smt-safe-page .smt-tool-guide-grid,.smt-safe-page .smt-tool-guide-links,.smt-safe-page .smt-tool-guide-nav { grid-template-columns:1fr; }
 .smt-safe-fields { gap:10px; }
 .smt-safe-field>span { min-height:42px; }
 .smt-safe-panel { padding:14px; }
 .smt-safe-export-actions { gap:8px; }
 .smt-safe-export-actions button { font-size:12px;padding:10px 8px; }
}

.smt-safe-page [hidden] { display:none!important; }
.smt-safe-page button { font-family:inherit;letter-spacing:0;cursor:pointer; }
.smt-safe-page button:disabled { opacity:.5;cursor:not-allowed; }
.smt-safe-page button:focus-visible,.smt-safe-page input:focus-visible,.smt-safe-page select:focus-visible { outline:3px solid #b9a2f5;outline-offset:2px; }
.smt-safe-page input[aria-invalid=true] { border-color:#a62b3a!important; }
.smt-safe-hero-comparison { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.smt-safe-hero-comparison figure { margin:0;border:1px solid #e5def7;border-radius:6px;padding:12px;background:#fff; }
.smt-safe-hero-comparison figure+figure { background:#effaf5;border-color:#c3e8d8; }
.smt-safe-hero-comparison canvas { width:100%;height:auto;max-height:295px;object-fit:contain;display:block; }
.smt-safe-hero-comparison figcaption { font-size:14px;font-weight:700;text-align:center;color:#5325bc;margin-top:12px; }
.smt-safe-hero-note { font-size:13px!important;line-height:1.6;text-align:center;margin:20px 0 0!important; }
.smt-safe-workspace { border:1px solid #e5def7;border-radius:8px;background:#fff;padding:24px; }
.smt-safe-layout { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px; }
.smt-safe-panel { background:#f2f9ff;border:1px solid #d5e7f7;border-radius:8px;padding:22px;display:flex;flex-direction:column;min-width:0; }
.smt-safe-panel-output { background:#f7f3ff;border-color:#e0d3fa; }
.smt-safe-panel>h3 { margin:0 0 22px;font-size:21px; }
.smt-safe-fields { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px; }
.smt-safe-field { display:flex;flex-direction:column;gap:8px;min-width:0;margin:0; }
.smt-safe-field>span { font-size:14px;font-weight:700;line-height:1.5; }
.smt-safe-page .smt-safe-field select,.smt-safe-page .smt-safe-field input[type=number] { box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 11px;border:1px solid #cbd2e2;border-radius:6px;background:#fff;color:#151523;font:inherit;font-size:14px;line-height:1.5; }
.smt-safe-page .smt-safe-field select { padding-right:28px; }
.smt-safe-group { background:#fff;border:1px solid #d5e7f7;border-radius:6px;margin:0 0 18px;padding:16px;min-width:0; }
.smt-safe-group:nth-of-type(2) { border-color:#d9c9f5;background:#fcfaff; }
.smt-safe-group legend { font-size:16px;font-weight:700;text-align:center;padding:0 10px;color:#5325bc;margin:auto; }
.smt-safe-group .smt-safe-fields:last-child { margin-bottom:0; }
.smt-safe-check { display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;margin:0 0 15px; }
.smt-safe-check input { accent-color:#7138e8;width:17px;height:17px;flex:0 0 17px; }
.smt-safe-drop { background:#fff;border:1px dashed #a6c9e5;border-radius:6px;padding:16px;margin-bottom:18px;text-align:center; }
.smt-safe-source-info { font-size:12px!important;line-height:1.6;overflow-wrap:anywhere;margin:14px 0 0!important; }
.smt-safe-row-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px; }
.smt-safe-row-actions button,.smt-safe-reset { background:#fff;border:1px solid #d6c8f4;color:#5325bc;border-radius:6px;padding:9px 13px;font-size:14px;font-weight:700;line-height:1.5; }
.smt-safe-row-actions button:first-child { background:#7138e8;color:#fff;border-color:#7138e8; }
.smt-safe-note { color:#62677a;font-size:13px!important;line-height:1.6;margin:0 0 18px!important; }
.smt-safe-range { display:flex;flex-wrap:wrap;align-content:start;justify-content:space-between;gap:8px;font-size:14px;font-weight:700; }
.smt-safe-range input { width:100%;margin:0;accent-color:#7138e8;min-height:26px; }
.smt-safe-range output { font-weight:400;color:#5325bc; }
.smt-safe-page .smt-safe-reset { align-self:center;margin-top:auto;font-size:14px;font-weight:700;padding:9px 13px;line-height:1.5; }
.smt-safe-error { color:#a62b3a!important;font-size:14px!important;margin:18px 0!important; }
.smt-safe-error:empty { display:none; }
.smt-safe-preview-stage { flex:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5def7;border-radius:6px;padding:14px;min-height:300px;overflow:hidden; }
.smt-safe-preview-stage canvas { display:block;max-height:590px;max-width:100%;width:auto;height:auto;touch-action:none;cursor:move; }
.smt-safe-legend { display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:18px 0;font-size:12px; }
.smt-safe-legend span { display:flex;align-items:center;gap:6px; }
.smt-safe-legend i { display:inline-block;width:12px;height:12px;background:#08785d;border-radius:2px; }
.smt-safe-legend span:nth-child(2) i { background:#bd6c81; }
.smt-safe-legend span:nth-child(3) i { background:#1565c0; }
.smt-safe-timeline { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:16px 0; }
.smt-safe-timeline button { font-size:13px;padding:8px 10px;border:1px solid #d6c8f4;border-radius:6px;background:#fff;color:#5325bc;font-weight:700; }
.smt-safe-timeline input { min-width:0;width:100%;accent-color:#7138e8;margin:0; }
.smt-safe-timeline output { font-size:12px;white-space:nowrap; }
.smt-safe-result { font-size:18px!important;font-weight:700;line-height:1.5;text-align:center;margin:14px 0 10px!important;color:#08785d!important; }
.smt-safe-result[data-fits=false] { color:#a62b3a!important; }
.smt-safe-box-result { font-size:14px!important;text-align:center;margin:0 0 12px!important; }
.smt-safe-dimensions { display:grid;grid-template-columns:1fr;gap:7px;text-align:center;font-size:13px;color:#5325bc; }
.smt-safe-export-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px; }
.smt-safe-export-actions button { background:#7138e8;border:1px solid #7138e8;border-radius:6px;color:#fff;font-size:14px;font-weight:700;padding:10px 14px;line-height:1.5; }
.smt-safe-export-actions button+button { background:#fff;color:#5325bc;border-color:#d6c8f4; }
.smt-safe-status { min-height:24px;margin:22px 0 0!important;text-align:center;font-size:14px!important;color:#08785d!important; }
.smt-safe-status[data-error=true] { color:#a62b3a!important; }
.smt-safe-privacy { font-size:13px!important;text-align:center;margin:18px auto 0!important;line-height:1.6;max-width:900px; }
@media(max-width:1000px) { .smt-safe-layout { gap:16px; } }
@media(max-width:760px) { .smt-safe-workspace { padding:14px; } .smt-safe-preview-stage { min-height:260px; } }
@media(max-width:560px) { .smt-safe-fields { gap:10px; } .smt-safe-timeline { grid-template-columns:auto minmax(0,1fr); } .smt-safe-timeline output { grid-column:1/-1;text-align:center; } }
@media(max-width:360px) { .smt-safe-fields { grid-template-columns:1fr!important; } .smt-safe-field>span { min-height:0; } .smt-safe-hero-comparison { gap:8px; } .smt-safe-hero-comparison figure { padding:6px; } }