*,:before,:after{box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere;min-width:0}.sp-page{background:var(--bg);max-width:900px;color:var(--text);margin:40px auto;padding:20px}.sp-seo-block{text-align:center;margin-bottom:30px}.sp-page-title{font-size:30px;font-weight:800}.sp-page-desc{max-width:650px;color:var(--muted);margin:6px auto 0;font-size:15px}.sp-layout{flex-direction:column;align-items:center;gap:26px;display:flex}.sp-settings{background:var(--surface);width:100%;max-width:650px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:18px;padding:24px;display:flex}.sp-settings-inner{width:100%}.sp-upload-box{background:var(--surface-2);border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:70px;padding:24px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.sp-upload-box:hover{border-color:var(--accent);background:var(--accent-soft)}.sp-upload-box input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.sp-upload-label{width:100%;padding:0 4px;font-size:15px;font-weight:700}.sp-error{color:#ef4444;background:rgba(239,68,68,.18);border-radius:10px;padding:10px 14px;font-weight:600}.sp-btn,.sp-btn1{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-align:center;border-radius:12px;padding:12px;font-weight:600;transition:all .15s}.sp-btn:hover,.sp-btn1:hover{border-color:var(--accent)}.sp-btn.small{width:auto;padding:8px 14px;font-size:13px}.sp-convert-btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--text-strong);cursor:pointer;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .15s}.sp-convert-btn:hover{transform:translateY(-2px)}.sp-range-row{flex-wrap:wrap;gap:10px;display:flex}.sp-range-input{border:1px solid var(--border);background:var(--surface);min-width:120px;color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.sp-range-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sp-select-row{flex-wrap:wrap;gap:10px;display:flex}.sp-preview{background:var(--surface);width:100%;max-width:650px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:18px;padding:20px;display:flex}.sp-preview-msg{text-align:center;color:var(--muted)}.sp-thumbnails{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;max-height:520px;display:grid;overflow-y:auto}.sp-thumb-card{background:var(--surface-2);border:2px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s;display:flex}.sp-thumb-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sp-thumb-card img{object-fit:contain;border-radius:8px;width:100%;height:150px}.sp-thumb-footer{justify-content:space-between;align-items:center;font-size:13px;display:flex}.sp-final-container{flex-direction:column;gap:24px;animation:.25s fadeIn;display:flex}.sp-final-box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;border-radius:16px;padding:20px}.sp-final-box iframe{background:var(--surface-2);border:none;border-radius:10px;width:100%;height:260px;margin:12px 0}.sp-final-box a{margin-top:10px;display:inline-block}@media (max-width:768px){.sp-page{padding:16px}.sp-settings,.sp-preview{padding:18px}.sp-page-title{font-size:26px}.sp-range-row{flex-direction:column}.sp-range-input{width:100%}.sp-select-row{flex-direction:column}.sp-btn.small{width:100%}}@media (max-width:480px){.sp-page-title{font-size:22px}.sp-page-desc{font-size:14px}.sp-upload-box{padding:18px}.sp-thumb-card img{height:110px}}