.usic-tool{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1100px;margin:30px auto;padding:15px;color:#182033}
.usic-card{background:#fff;border:1px solid #e8ebf3;border-radius:22px;padding:30px;box-shadow:0 12px 40px rgba(20,35,80,.08)}
.usic-header{text-align:center;margin-bottom:24px}.usic-badge{display:inline-block;background:#eef1ff;color:#0914a0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.5px}
.usic-header h2{margin:12px 0 8px;font-size:34px;line-height:1.15;color:#0914a0}.usic-header p{margin:0 auto;max-width:680px;color:#667085;font-size:16px}
.usic-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border:2px dashed #b8c0d9;border-radius:18px;background:#f8faff;cursor:pointer;text-align:center;transition:.2s;padding:25px}
.usic-dropzone:hover,.usic-dropzone:focus,.usic-dropzone.is-dragging{border-color:#0914a0;background:#f0f3ff;outline:none}.usic-upload-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#0914a0;color:#fff;font-size:28px;margin-bottom:12px}
.usic-dropzone strong{font-size:18px}.usic-dropzone span{color:#667085;margin-top:5px}.usic-dropzone small{color:#8a93a8;margin-top:12px}
.usic-error{margin:15px 0;padding:12px 15px;border-radius:10px;background:#fff1f1;color:#b42318;font-size:14px}
.usic-workspace{margin-top:25px}.usic-controls{background:#f8faff;border-radius:16px;padding:20px;margin-bottom:22px}
.usic-control-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.usic-control-head output{color:#0914a0}
#usicQuality{width:100%;accent-color:#0914a0;margin:12px 0 18px}.usic-format-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.usic-format-row label{font-weight:700}.usic-format-row select{border:1px solid #ccd2e2;border-radius:9px;padding:10px 12px;background:#fff}
.usic-button{border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:44px}.usic-primary{background:#0914a0;color:#fff}.usic-secondary{background:#e9edff;color:#0914a0;margin-left:8px}.usic-download{background:#0914a0;color:#fff}
.usic-button:disabled{opacity:.55;cursor:not-allowed}.usic-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.usic-preview-box{border:1px solid #e4e7ef;border-radius:15px;padding:14px;background:#fff}.usic-preview-title{font-weight:800;margin-bottom:10px}.usic-preview-box img{display:block;width:100%;height:280px;object-fit:contain;background:#f6f7fa;border-radius:10px}.usic-result-wrap{height:280px;display:grid;place-items:center;background:#f6f7fa;border-radius:10px;overflow:hidden}.usic-result-wrap img{width:100%;height:100%;object-fit:contain}.usic-placeholder{padding:20px;text-align:center;color:#8a93a8}.usic-meta{font-size:13px;color:#667085;margin-top:9px;min-height:18px}.usic-result-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:16px;background:#f8faff;border-radius:14px}.usic-saved{font-weight:800;color:#067647}
.usic-privacy{text-align:center;color:#7a8498;font-size:12px;margin:18px 0 0}
@media(max-width:700px){.usic-card{padding:18px}.usic-header h2{font-size:28px}.usic-preview-grid{grid-template-columns:1fr}.usic-preview-box img,.usic-result-wrap{height:230px}.usic-secondary{margin:10px 0 0;width:100%}.usic-primary{width:100%}.usic-format-row{flex-direction:column;align-items:stretch}.usic-format-row select{width:100%}.usic-result-actions{flex-direction:column;align-items:stretch}.usic-download{width:100%}}