.sp-main{box-sizing:border-box;width:100%;min-width:0;max-width:1192px;margin:0 auto;padding:36px 24px 40px;color:#17263c}.sp-main h1{margin:0 0 12px}.sp-tool{background:#fff}.sp-picker{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sp-picker button,.sp-actions button,.sp-row-actions button,.sp-preview-nav button{min-height:44px;padding:10px 14px;border:1px solid #ccd8e7;border-radius:8px;background:white;color:#243b55;font:inherit;cursor:pointer}.sp-picker button{background:#edf3fb;border-color:#c5d6ed;font-weight:650}.sp-picker input[hidden]{display:none!important}.sp-summary{font-size:14px;color:#58687b;font-variant-numeric:tabular-nums}.sp-queue{list-style:none;padding:0;margin:20px 0;max-width:none}.sp-queue li{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #e2e9f1;align-items:center}.sp-queue li>div:first-child{min-width:0}.sp-queue strong{display:block;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.sp-queue span{display:block;margin-top:4px;color:#58687b;font-size:13px}.sp-row-actions{display:flex;gap:8px;flex-shrink:0}.sp-row-actions button{font-size:13px;white-space:nowrap}.sp-output-name{display:flex;align-items:center;gap:12px;font-size:14px;margin:18px 0}.sp-output-name input{font:inherit;min-width:0;width:260px;padding:11px 12px;border:1px solid #ccd8e7;border-radius:8px;background:white}.sp-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #e2e9f1}.sp-actions .sp-primary,.sp-primary{display:inline-flex;align-items:center;justify-content:center;background:#245bb5;color:white;border:1px solid #245bb5;min-height:44px;padding:11px 18px;border-radius:8px;font-weight:650;text-decoration:none;cursor:pointer}.sp-main :is(button,input,a):focus-visible{outline:3px solid #8db4ed;outline-offset:3px}.sp-main button:disabled{opacity:.45;cursor:not-allowed}.sp-limit{font-size:13px;color:#58687b;margin:16px 0 10px;line-height:1.6}.sp-status{font-size:14px;color:#58687b;margin:0;min-height:24px;overflow-wrap:anywhere}.sp-result{margin-top:24px;padding-top:24px;border-top:1px solid #dce4ed}.sp-result h2{font-size:22px;line-height:1.35;margin:0 0 8px}.sp-result p{font-size:14px;line-height:1.6;color:#58687b}.sp-preview-wrap{margin:18px 0;border:1px solid #dce4ed;border-radius:10px;background:#edf2f8;padding:16px;text-align:center;overflow:hidden}.sp-preview-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;background:white;box-shadow:0 2px 8px #203b5514}.sp-preview-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0;font-size:14px;font-variant-numeric:tabular-nums}.sp-faq details{max-width:900px;border-bottom:1px solid #dce4ed}.sp-faq summary{cursor:pointer;padding:18px 0;font-size:17px;font-weight:600}.sp-faq details p{margin:0 0 18px}.sp-test-note{font-size:14px!important;color:#58687b}.sp-main code{overflow-wrap:anywhere}@media(max-width:900px){.sp-queue li{align-items:flex-start;flex-direction:column;gap:12px}.sp-row-actions{width:100%;flex-wrap:wrap}}@media(max-width:640px){.sp-main{padding:28px 16px 32px}.sp-output-name{align-items:stretch;flex-direction:column;gap:8px}.sp-output-name input{box-sizing:border-box;width:100%}.sp-preview-wrap{padding:8px}.sp-preview-nav{gap:10px}.sp-preview-nav button{padding:8px 12px}}@media(prefers-reduced-motion:no-preference){.sp-main button,.sp-primary{transition:background-color .12s,border-color .12s}}

#sp-files[hidden],#sp-result[hidden],#sp-cancel[hidden],#sp-source-view[hidden],#sp-interval-label[hidden],#sp-cuts-label[hidden]{display:none!important}.sp-status[data-tone="error"]{color:#b42318}.sp-status[data-tone="success"]{color:#216044}

.sp-settings{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin:22px 0}.sp-settings label,#sp-result>label{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.sp-settings input,.sp-settings select,#sp-part{font:inherit;border:1px solid #ccd8e7;border-radius:8px;min-height:44px;padding:10px 12px;width:100%;min-width:0;box-sizing:border-box;background:white;color:#17263c}.sp-settings label>span{font-size:13px;line-height:1.6;color:#58687b}.sp-picker>span{font-size:14px;overflow-wrap:anywhere;min-width:0}.sp-source-view{margin-top:20px;border-top:1px solid #dce4ed;padding-top:16px}.sp-source-view summary{min-height:44px;cursor:pointer;font-weight:600;line-height:1.6}.sp-source-view p{font-size:13px;color:#58687b}.sp-source-view>button{min-height:44px;padding:10px 14px;border:1px solid #ccd8e7;border-radius:8px;background:white;color:#243b55;font:inherit;cursor:pointer}.sp-preview-nav{flex-wrap:wrap}.sp-preview-nav button{font-size:13px}.sp-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid #ccd8e7;border-radius:8px;text-decoration:none;color:#245bb5;background:white;font-weight:600}.sp-result label{max-width:720px}.sp-main .sp-preview-wrap canvas{max-height:none}.sp-evidence-links{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.sp-main code{font-size:.9em}.sp-source-view[hidden],.sp-settings label[hidden]{display:none!important}@media(max-width:640px){.sp-settings{grid-template-columns:1fr}.sp-preview-nav button{padding:8px 10px}.sp-preview-nav{gap:10px}}