*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#fafafa;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.page-wrapper{grid-template-columns:1fr minmax(0,700px) 1fr;gap:24px;min-height:calc(100vh - 120px);padding:40px 20px;display:grid}.container{min-width:0}.ad-sidebar{justify-content:center;align-self:start;align-items:flex-start;padding-top:60px;display:flex;position:-webkit-sticky;position:sticky;top:20px}.ad-bottom{background:#f5f5f5;border-top:1px solid #eee;justify-content:center;padding:20px;display:flex}@media (max-width:1199px){.page-wrapper{grid-template-columns:1fr;max-width:740px;margin:0 auto}.ad-sidebar{display:none}}@media (max-width:767px){.page-wrapper{padding:24px 16px}.converter-flow{flex-direction:column;gap:8px}.arrow-icon{padding:0;transform:rotate(90deg)}.dropzone{padding:32px 16px}h1{font-size:20px}}h1{margin-bottom:4px;font-size:22px}.sub{color:#888;margin-bottom:24px;font-size:13px}.converter-flow{align-items:center;gap:12px;margin-bottom:20px;display:flex}.format-group{flex:1}.format-group label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.format-options{flex-direction:column;gap:4px;display:flex}.fmt-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s}.fmt-btn:hover{border-color:#aaa}.fmt-btn.active{color:#6965db;background:rgba(105,101,219,.06);border-color:#6965db}.fmt-btn.detected{color:#16a34a;background:rgba(22,163,74,.06);border-color:#16a34a}.fmt-btn .fmt-label{font-size:14px;display:block}.fmt-btn .fmt-desc{color:#999;font-size:11px;font-weight:400}.fmt-btn.active .fmt-desc{color:#8b88d4}.fmt-btn.detected .fmt-desc{color:#4ade80}.fmt-btn:disabled{opacity:.35;cursor:not-allowed}.arrow-icon{color:#bbb;padding-top:20px;font-size:28px}.dropzone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #ccc;border-radius:14px;padding:44px 20px;transition:all .2s}.dropzone:hover,.dropzone.over{background:rgba(105,101,219,.04);border-color:#6965db}.dropzone .icon{margin-bottom:8px;font-size:42px}.dropzone .label{font-size:15px;font-weight:500}.dropzone .hint{color:#999;margin-top:4px;font-size:12px}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:16px;padding:14px}.error h3{color:#dc2626;margin-bottom:4px;font-size:14px}.error p{color:#b91c1c;margin-top:2px;font-size:12px}.success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:16px;padding:16px}.success h3{color:#16a34a;margin-bottom:8px;font-size:14px}.grid{grid-template-columns:auto 1fr;gap:5px 14px;font-size:13px;display:grid}.grid .k{color:#666}.warn{color:#92400e;background:#fefce8;border:1px solid #fde68a;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.4}.actions{gap:8px;margin-top:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary{color:#fff;background:#6965db;flex:1}.btn-primary:hover{background:#5b57c9}.btn-secondary{color:#333;background:#f3f3f3}.btn-secondary:hover{background:#e8e8e8}.btn-copied{color:#fff!important;background:#16a34a!important}.tip{color:#888;background:#f5f5f5;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.5}.tip a{color:#6965db}.batch{color:#666;margin-top:12px;font-size:12px}.batch .item{padding:3px 0}.batch .ok{color:#16a34a}.batch .fail{color:#dc2626}