.tadaoto-svg-video-page .smv-app{margin:40px auto 0;max-width:920px}.tadaoto-svg-video-page [hidden]{display:none!important}.tadaoto-svg-video-page .tool-panel+.tool-panel{margin-top:20px}.tadaoto-svg-video-page .smv-input-grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.tadaoto-svg-video-page .smv-input-grid .tool-panel{height:100%;min-width:0}.tadaoto-svg-video-page .smv-input-grid .tool-panel+.tool-panel{margin-top:0}
.tadaoto-svg-video-page .smv-drop{background:var(--tool-panel);border:2px dashed #aeb5bc;border-radius:12px;cursor:pointer;margin-top:22px;padding:28px 18px 26px;text-align:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.tadaoto-svg-video-page .smv-drop:hover,.tadaoto-svg-video-page .smv-drop.is-over{background:#edf4fc;border-color:var(--tool-accent)}.tadaoto-svg-video-page .smv-drop__icon{color:var(--tool-accent);display:inline-block;height:40px;margin-bottom:7px;width:40px}.tadaoto-svg-video-page .smv-drop__icon svg{fill:none;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:100%}.tadaoto-svg-video-page .smv-drop__main{font-size:16px;font-weight:700;margin:0 0 5px}.tadaoto-svg-video-page .smv-drop__sub,.tadaoto-svg-video-page .smv-file-info,.tadaoto-svg-video-page .smv-svg-actions,.tadaoto-svg-video-page .smv-status,.tadaoto-svg-video-page .smv-copy-status{color:var(--tool-muted);font-size:13px;line-height:1.65}.tadaoto-svg-video-page .smv-file-info{margin:11px 0 -.3em;overflow-wrap:anywhere}.tadaoto-svg-video-page .smv-svg-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:11px 0 -.3em}.tadaoto-svg-video-page .smv-text-button{background:transparent;border:0;color:var(--tool-accent-dark);cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:2px;text-decoration:underline;text-underline-offset:3px}.tadaoto-svg-video-page #smv-svg-info{overflow-wrap:anywhere;text-align:right}
.tadaoto-svg-video-page .smv-static-guide{color:var(--tool-muted);font-size:11px;line-height:1.65;margin:11px 0 -.3em}.tadaoto-svg-video-page .smv-static-guide a{color:var(--tool-accent-dark);font-weight:700;text-underline-offset:3px}
.tadaoto-svg-video-page .smv-prompt{align-items:center;background:#172b36;border-radius:14px;color:#fff;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;margin-top:20px;padding:25px 28px}.tadaoto-svg-video-page .smv-prompt h2{color:#fff;font-size:19px;line-height:1.4;margin:0 0 5px}.tadaoto-svg-video-page .smv-prompt p{color:#bfd0d8;font-size:13px;line-height:1.65;margin:0}.tadaoto-svg-video-page .smv-prompt details{grid-column:1/-1}.tadaoto-svg-video-page .smv-prompt summary{color:#fff;cursor:pointer;font-size:13px;font-weight:700}.tadaoto-svg-video-page .smv-prompt textarea{background:#0f2029;border:1px solid #4b626d;border-radius:9px;color:#eaf1f4;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:12px;max-height:390px;padding:15px;resize:vertical;width:100%}.tadaoto-svg-video-page .smv-prompt .smv-copy-status{grid-column:1/-1;margin:-5px 0 0;min-height:1.65em}.tadaoto-svg-video-page .smv-prompt .smv-button--secondary{border-color:#8da2ac;color:#172b36}
.tadaoto-svg-video-page .smv-editor{margin-top:20px}.tadaoto-svg-video-page .smv-preview-shell{background:#e5eaed;border-radius:12px;margin-top:24px;padding:16px;position:relative}.tadaoto-svg-video-page .smv-preview-stage{aspect-ratio:16/9;background:#10252d;box-shadow:0 7px 24px rgba(15,32,41,.18);overflow:hidden;position:relative}.tadaoto-svg-video-page .smv-preview-image{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.tadaoto-svg-video-page .smv-resolution{background:rgba(15,32,41,.78);border-radius:999px;bottom:25px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;padding:5px 9px;position:absolute;right:25px}.tadaoto-svg-video-page #smv-audio{display:block;margin-top:14px;width:100%}.tadaoto-svg-video-page .smv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tadaoto-svg-video-page .smv-button{border:1px solid #b8bec5;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;min-height:46px;padding:11px 22px}.tadaoto-svg-video-page .smv-button--primary{background:var(--tool-accent);border-color:var(--tool-accent);color:#fff}.tadaoto-svg-video-page .smv-button--secondary{background:#fff;color:var(--tool-ink)}.tadaoto-svg-video-page .smv-button:disabled{cursor:not-allowed;opacity:.48}.tadaoto-svg-video-page .smv-progress{background:#dfe5e9;border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.tadaoto-svg-video-page .smv-progress span{background:var(--tool-accent);display:block;height:100%;width:0}.tadaoto-svg-video-page .smv-status{margin:13px 0 -.3em}.tadaoto-svg-video-page .smv-status.is-error{color:#a33a34;font-weight:700}
.tadaoto-svg-video-page .smv-result{border-color:#b7ddcb}.tadaoto-svg-video-page #smv-result-video{background:#101214;border-radius:10px;display:block;margin-top:20px;width:100%}.tadaoto-svg-video-page .smv-download{background:var(--tool-accent);border-radius:999px;color:#fff;display:block;font-size:15px;font-weight:700;margin-top:18px;max-width:320px;padding:13px 20px;text-align:center;text-decoration:none}.tadaoto-svg-video-page .smv-note{background:var(--tool-panel);border-radius:12px;margin-top:22px;padding:22px 24px}.tadaoto-svg-video-page .smv-note h2{font-size:16px;margin:0 0 10px}.tadaoto-svg-video-page .smv-note ul{color:var(--tool-muted);font-size:13px;line-height:1.75;margin:0;padding-left:1.3em}.tadaoto-svg-video-page .smv-note code{background:#e5eaed;border-radius:3px;padding:1px 4px}.tadaoto-svg-video-page :focus-visible{outline:3px solid rgba(6,147,205,.35);outline-offset:3px}
@media(max-width:720px){.tadaoto-svg-video-page .smv-input-grid{grid-template-columns:1fr}.tadaoto-svg-video-page .smv-prompt{grid-template-columns:1fr}.tadaoto-svg-video-page .smv-prompt .smv-button{width:100%}.tadaoto-svg-video-page .smv-preview-shell{padding:9px}.tadaoto-svg-video-page .smv-resolution{bottom:16px;right:16px}.tadaoto-svg-video-page .smv-actions{display:grid}.tadaoto-svg-video-page .smv-button{width:100%}}
@media(max-width:420px){.tadaoto-svg-video-page .smv-svg-actions{align-items:flex-start;flex-direction:column}.tadaoto-svg-video-page #smv-svg-info{text-align:left}.tadaoto-svg-video-page .smv-prompt{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.tadaoto-svg-video-page .smv-drop{transition:none}}