:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.shell{width:min(100%,640px)}.card{background:#fff;border:1px solid #e7ebf2;border-radius:24px;padding:44px;box-shadow:0 18px 50px #22365d12}.eyebrow{font-size:11px;letter-spacing:2px;color:#64748b;font-weight:700}h1{font-size:32px;margin:14px 0 8px}.intro{color:#64748b;margin:0 0 28px}.dropzone{min-height:270px;border:1.5px dashed #b7c4d9;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.2s;background:#fbfcfe}.dropzone:hover,.dropzone.dragover{border-color:#4169e1;background:#f5f8ff}.dropzone .icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eaf0ff;color:#4169e1;font-size:25px;margin-bottom:7px}.dropzone strong{font-size:17px}.dropzone span{font-size:14px;color:#718096}.hint{font-size:12px;color:#9aa6b8;margin-top:14px;text-align:center}.status{min-height:28px;margin-top:20px;color:#49617e;font-size:14px}.status.error{color:#c24141}.result{border-top:1px solid #edf0f5;padding-top:22px}.success{color:#11845b;font-weight:700;margin-bottom:8px}.file-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.url-row{display:flex;gap:8px}.url-row input{flex:1;min-width:0;border:1px solid #dce3ed;border-radius:10px;padding:11px 12px;color:#52647c;background:#fafbfc}.url-row button{border:0;border-radius:10px;background:#172033;color:#fff;padding:0 16px;cursor:pointer}.meta{font-size:12px;color:#8a98aa;margin-top:10px}@media(max-width:520px){.card{padding:28px 20px;border-radius:18px}h1{font-size:28px}.url-row{flex-direction:column}.url-row button{height:42px}}